@property --opaf-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
.opaf-frame{--opaf-color:#629b80;--opaf-light:#d4f5df;--opaf-deep:#123e31;position:relative;display:inline-block;vertical-align:middle;line-height:0;border-radius:4px;isolation:isolate;box-shadow:0 0 0 1px #020f18,0 0 8px color-mix(in srgb,var(--opaf-color) 26%,transparent)}
.opaf-frame::before{content:'';position:absolute;inset:-2px;border-radius:5px;padding:2px;background:conic-gradient(from var(--opaf-angle),var(--opaf-deep) 0deg,var(--opaf-color) 65deg,var(--opaf-light) 87deg,var(--opaf-color) 105deg,var(--opaf-deep) 170deg,var(--opaf-color) 245deg,var(--opaf-light) 267deg,var(--opaf-color) 285deg,var(--opaf-deep) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;animation:opaf-orbit 6s linear infinite;animation-play-state:paused}
.opaf-frame.opaf-visible::before{animation-play-state:running}
.opaf-frame[data-opaf-frame=admin]{--opaf-color:#973f57;--opaf-light:#efbbc9;--opaf-deep:#491c2b}
.opaf-frame[data-opaf-frame=pirates],.opaf-frame[data-opaf-frame=boss],.opaf-frame[data-opaf-frame=npc]{--opaf-color:#d0aa59;--opaf-light:#fff0bd;--opaf-deep:#5b451d}
.opaf-frame[data-opaf-frame=marines]{--opaf-color:#78bbdd;--opaf-light:#e2f7ff;--opaf-deep:#234b65}
.opaf-frame[data-opaf-frame=revolution]{--opaf-color:#7ca578;--opaf-light:#d8efc9;--opaf-deep:#26452b}
.opaf-frame[data-opaf-frame=underworld]{--opaf-color:#c98b4e;--opaf-light:#ffe2ad;--opaf-deep:#634222}
.opaf-frame[data-opaf-frame=pleiad]{--opaf-color:#b5c7d2;--opaf-light:#fff;--opaf-deep:#526573}
.opaf-badge{position:absolute;z-index:3;bottom:-5px;left:50%;transform:translateX(-50%);width:19px;height:15px;border-radius:6px;background:linear-gradient(145deg,#142c36,#061925);color:var(--opaf-color);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #030e17,0 0 5px var(--opaf-deep);pointer-events:none;line-height:1;font-size:11px}
.opaf-badge svg{width:12px;height:12px;fill:currentColor;display:block}.opaf-frame.opaf-small::before{inset:-1px;padding:1px}.opaf-small .opaf-badge{width:10px;height:8px;bottom:-3px;border-radius:3px;font-size:6px}.opaf-small .opaf-badge svg{width:7px;height:7px}
.opaf-frame>img{vertical-align:top}.optrpg-play .ol-avatar.opaf-host{border-color:transparent;box-shadow:none;background:transparent;padding:4px}.optrpg-play .ol-avatar>.opaf-frame:not(.pn-inline-avatar){line-height:0;max-width:100%}.optrpg-play .ol-avatar>.opaf-frame>img{margin:0!important}
.opaf-actions{display:grid;grid-template-columns:repeat(3,30px);gap:7px;justify-content:center;margin:16px auto 0;line-height:1}.optrpg-play .play-author-extra:has(.opaf-actions){display:block;min-height:0}.opaf-actions .opaf-action{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:3px;width:30px;min-width:0;height:30px;margin:0;padding:5px;color:#e2c585!important;background:linear-gradient(135deg,#214957,#102d3b)!important;border:1px solid #66848a!important;border-radius:3px;text-decoration:none!important;box-shadow:none;cursor:pointer;position:relative;overflow:hidden;font:11px/1 Arial,sans-serif;transition:border-color .2s,box-shadow .2s;transform:none!important}
.opaf-actions .opaf-action::after{content:'';position:absolute;inset:-40% -130%;background:linear-gradient(105deg,transparent 42%,#f6dfa02e 50%,transparent 58%);transform:translateX(-45%);pointer-events:none;opacity:0}.opaf-actions .opaf-action:hover,.opaf-actions .opaf-action:focus-visible{border-color:#e2c585!important;box-shadow:0 0 7px #d9b86733;outline:1px solid #e2c58555;outline-offset:2px}.opaf-actions .opaf-action:hover::after,.opaf-actions .opaf-action:focus-visible::after{opacity:1;animation:opaf-sheen 2.4s linear infinite}.opaf-action svg{width:14px;height:14px;fill:currentColor;flex:0 0 auto}.opaf-actions .opaf-score{grid-column:span 2;width:67px}.opaf-score svg{width:11px;height:11px}.opaf-vk{font:bold 10px/1 Arial,sans-serif}.opaf-action:disabled{cursor:default;opacity:.65}.opaf-action[aria-pressed=true]{color:#edb6c5!important;border-color:#b36b80!important}.opaf-feedback{font:11px/1.5 Arial,sans-serif;color:#d4dfdc;margin:8px 0 0;overflow-wrap:anywhere}.opaf-feedback:empty{display:none}
.opaf-mail-dialog{box-sizing:border-box;width:min(900px,calc(100vw - 32px));max-width:none;height:min(820px,calc(100dvh - 32px));max-height:none;padding:0;border:1px solid #b69a5e;border-radius:5px;color:#e2c585;background:linear-gradient(135deg,#0c2541,#153b3d);box-shadow:0 25px 80px #0008}.opaf-mail-dialog[open]{display:flex;flex-direction:column}.opaf-mail-dialog::backdrop{background:#03121bd9;backdrop-filter:blur(4px)}.opaf-mail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #78939a55}.opaf-mail-head h2{font:22px/1.3 Georgia,serif;color:#e2c585;margin:0}.opaf-mail-head button{background:transparent;border:0;color:#e2c585;font:24px/1 Arial;cursor:pointer;padding:4px}
@keyframes opaf-orbit{to{--opaf-angle:360deg}}@keyframes opaf-sheen{from{transform:translateX(-45%)}to{transform:translateX(45%)}}
@media(max-width:820px){.opaf-actions{margin:9px 0 0;grid-template-columns:repeat(3,30px)}.opaf-feedback{text-align:left;max-width:240px}.opaf-mail-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}}
@media(prefers-reduced-motion:reduce){.opaf-frame::before,.opaf-actions .opaf-action::after{animation:none!important}.opaf-actions .opaf-action{transition:none}}

.optrpg-play .ol-avatar>.opaf-managed{display:block;width:100%;aspect-ratio:4/5}.optrpg-play .ol-avatar>.opaf-managed>.pn-inline-avatar{display:block!important;width:100%!important;height:100%!important;box-sizing:border-box!important}.optrpg-play .ol-avatar>.opaf-managed>.pn-inline-avatar>img{max-width:none!important;max-height:none!important}
.opaf-mail-dialog{width:min(860px,calc(100vw - 32px));height:min(670px,calc(100dvh - 32px));min-width:min(420px,calc(100vw - 16px));min-height:min(460px,calc(100dvh - 16px));max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);resize:both;overflow:auto;outline:none}
.opaf-mail-head{flex:0 0 auto;position:relative}.opaf-mail-form{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;flex:1 1 0;min-height:0;margin:0;padding:16px 18px;background:linear-gradient(135deg,#0d2741a8,#143d3b88)}
.opaf-mail-recipient{flex:0 0 auto;color:#e2c585;font:14px/1.5 Georgia,serif;margin:0}.opaf-mail-text{box-sizing:border-box;flex:1;min-height:180px;width:100%;resize:none;padding:14px;border:1px solid #75b8c342;border-radius:3px;color:#dbe7e8;background:#102a36;font:17px/1.8 Georgia,serif}
.opaf-mail-actions{display:flex;flex-wrap:wrap;gap:9px;flex:0 0 auto}.opaf-mail-actions button,.opaf-mail-dialog .ocrich-editor-tools button{appearance:none;border:1px solid #7d9ca45e;border-radius:3px;background:linear-gradient(135deg,#214957,#102d3b);color:#e2c585;font:13px/1.4 Arial,sans-serif;padding:8px 14px;cursor:pointer}.opaf-mail-actions button:hover,.opaf-mail-dialog .ocrich-editor-tools button:hover{border-color:#e2c585;box-shadow:inset 0 -1px #d8b46c}.opaf-mail-dialog button:disabled{opacity:.6;cursor:wait}.opaf-mail-actions button:focus-visible,.opaf-mail-text:focus-visible{outline:2px solid #e2c585;outline-offset:2px}
.opaf-mail-error{flex:0 0 auto;white-space:pre-wrap;font:13px/1.5 Arial,sans-serif;color:#f3d7b8;margin:0}.opaf-mail-error:empty{display:none}.opaf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.opaf-mail-dialog .ocrich-editor{display:flex;flex:1 1 0;flex-direction:column;min-height:220px;min-width:0;overflow:hidden}.opaf-mail-dialog .ocrich-editor-tools,.opaf-mail-dialog .ocrich-editor-foot{flex:0 0 auto}.opaf-mail-dialog .ocrich-editor .sceditor-container{flex:1 1 0!important;height:0!important;min-height:160px!important}.opaf-mail-dialog .ocrich-editor-tools>label,.opaf-mail-dialog .ocrich-editor-tools>button:nth-child(2){display:none}.opaf-mail-dialog::after{content:'↘';position:absolute;right:4px;bottom:0;font:16px/1 Arial,sans-serif;color:#bca36d;pointer-events:none}
@media(max-width:620px){.opaf-mail-dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px)}.opaf-mail-form{padding:12px;gap:9px}.opaf-mail-dialog .sceditor-button{width:26px!important;min-width:26px!important;height:27px!important}}