@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--sr-font-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--sr-color-primary:#7cc576;--sr-color-primary-strong:#5aae55;--sr-color-primary-soft:#dcf0d8;--sr-color-secondary:#ffc94a;--sr-color-secondary-strong:#e0a82e;--sr-color-secondary-soft:#fff0c4;--sr-color-danger:#ff6b6b;--sr-color-danger-strong:#e03131;--sr-color-warning:#ffa94d;--sr-color-success:#51cf66;--sr-color-panel-bg:#fff8ec;--sr-color-panel-alt:#fff1dc;--sr-color-border:#e8d5b7;--sr-color-border-strong:#d4b896;--sr-color-text:#4a3b2a;--sr-color-text-muted:#9b8b78;--sr-color-text-inverse:#fff;--sr-color-scrim:#3c2d1e73;--sr-color-hud-bg:#2e261e9e;--sr-color-hud-text:#fff;--sr-color-gauge-track:#281e168c;--sr-color-hp-fill:linear-gradient(180deg, #ff8a8a, #f2545b);--sr-color-hp-trail:#ffd9d9;--sr-color-hp-ally-fill:#69db7c;--sr-color-hp-enemy-fill:#9775fa;--sr-color-exp-fill:#ffc94a;--sr-color-damage:#ff6b6b;--sr-color-crit:#ffd43b;--sr-color-heal:#69db7c;--sr-color-text-outline:#2b2018;--sr-font-xs:11px;--sr-font-sm:12px;--sr-font-md:13px;--sr-font-lg:15px;--sr-font-xl:18px;--sr-font-2xl:24px;--sr-line-height:1.6;--sr-space-1:4px;--sr-space-2:8px;--sr-space-3:12px;--sr-space-4:16px;--sr-space-5:20px;--sr-space-6:24px;--sr-radius-sm:6px;--sr-radius-md:10px;--sr-radius-lg:16px;--sr-radius-pill:999px;--sr-shadow-panel:0 8px 24px #3c2d1e47;--sr-shadow-chip:0 2px 6px #0000004d;--sr-shadow-inset:inset 0 2px 4px #00000040;--sr-safe-inset:16px;--sr-hotbar-slot:60px;--sr-hotbar-height:calc(var(--sr-hotbar-slot) + var(--sr-space-1) * 2);--sr-hp-gauge-height:22px;--sr-panel-w-sm:320px;--sr-panel-w-md:420px;--sr-panel-w-lg:560px;--sr-panel-max-h:78vh;--sr-z-hud:10;--sr-z-panel:20;--sr-z-highlight:25;--sr-z-modal:30;--sr-z-blocking:40;--sr-dur-fast:.12s;--sr-dur-base:.18s;--sr-dur-slow:.4s;--sr-ease-out:cubic-bezier(.16, 1, .3, 1);--sr-ease-pop:cubic-bezier(.34, 1.3, .64, 1)}html,body{font-family:var(--sr-font,"Pretendard", "Apple SD Gothic Neo", sans-serif);color:var(--sr-color-text)}button,input,select{font-family:inherit}.sr-panel{background:var(--sr-color-panel-bg);color:var(--sr-color-text);font-size:var(--sr-font-md);line-height:var(--sr-line-height);border:3px solid var(--sr-color-border-strong);border-radius:var(--sr-radius-lg);box-shadow:var(--sr-shadow-panel);max-height:var(--sr-panel-max-h);z-index:var(--sr-z-panel);opacity:0;flex-direction:column;display:none;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.97)}.sr-panel--w-sm{width:var(--sr-panel-w-sm)}.sr-panel--w-md{width:var(--sr-panel-w-md)}.sr-panel--w-lg{width:var(--sr-panel-w-lg)}.sr-panel--enter{opacity:0;transform:translate(-50%,-50%)scale(.94)}.sr-panel--open{opacity:1;transition:opacity var(--sr-dur-base) var(--sr-ease-pop), transform var(--sr-dur-base) var(--sr-ease-pop);transform:translate(-50%,-50%)scale(1)}.sr-panel--closing{opacity:0;transition:opacity var(--sr-dur-fast) ease, transform var(--sr-dur-fast) ease;transform:translate(-50%,-50%)scale(.97)}.sr-panel__header{align-items:center;gap:var(--sr-space-2);height:48px;padding:0 var(--sr-space-4);background:var(--sr-color-primary-soft);border-bottom:2px solid var(--sr-color-border);flex-shrink:0;display:flex}.sr-panel__title{font-size:var(--sr-font-lg);color:var(--sr-color-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.sr-panel__shortcut{padding:2px var(--sr-space-2);border:1px solid var(--sr-color-border);border-radius:var(--sr-radius-pill);font-size:var(--sr-font-xs);color:var(--sr-color-text-muted);flex-shrink:0}.sr-panel__close{border-radius:var(--sr-radius-pill);width:28px;height:28px;color:var(--sr-color-text-muted);font-size:var(--sr-font-md);cursor:pointer;transition:background var(--sr-dur-fast) ease, color var(--sr-dur-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.sr-panel__close:hover{background:var(--sr-color-danger);color:var(--sr-color-text-inverse)}.sr-panel__tabs{gap:var(--sr-space-2);padding:var(--sr-space-2) var(--sr-space-4);border-bottom:1px solid var(--sr-color-border);flex-shrink:0;display:flex}.sr-panel__body{min-height:0;padding:var(--sr-space-4);flex:1;overflow-y:auto}.sr-panel__section-title{color:var(--sr-color-text-muted);font-size:var(--sr-font-sm);margin-top:var(--sr-space-3);margin-bottom:var(--sr-space-1);font-weight:600}.sr-panel__section-title:first-child{margin-top:0}.sr-panel__row{align-items:center;gap:var(--sr-space-2);padding:var(--sr-space-1) 0;display:flex}.sr-panel__row-label{min-width:90px}.sr-panel input[type=checkbox],.sr-panel input[type=range]{accent-color:var(--sr-color-primary)}.sr-input{box-sizing:border-box;width:100%;padding:var(--sr-space-2) var(--sr-space-3);color:var(--sr-color-text);border:2px solid var(--sr-color-border);border-radius:var(--sr-radius-sm);font-family:var(--sr-font-mono);font-size:var(--sr-font-md);background:#fff}.sr-input:focus{border-color:var(--sr-color-primary-strong);outline:none}.sr-select{padding:4px var(--sr-space-2);color:var(--sr-color-text);border:2px solid var(--sr-color-border);border-radius:var(--sr-radius-sm);font-size:var(--sr-font-md);background:#fff}.sr-btn{height:34px;padding:0 var(--sr-space-3);border-radius:var(--sr-radius-md);font-size:var(--sr-font-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter var(--sr-dur-fast) ease, transform var(--sr-dur-fast) ease, box-shadow var(--sr-dur-fast) ease;border:2px solid #0000;font-weight:600}.sr-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.sr-btn:active:not(:disabled){transform:translateY(2px)}.sr-btn:disabled{opacity:.45;cursor:not-allowed}.sr-btn--primary{background:var(--sr-color-primary);color:var(--sr-color-text-inverse);border-color:var(--sr-color-primary-strong);box-shadow:0 3px 0 var(--sr-color-primary-strong)}.sr-btn--primary:active:not(:disabled){box-shadow:0 1px 0 var(--sr-color-primary-strong)}.sr-btn--secondary{background:var(--sr-color-secondary);color:var(--sr-color-text);border-color:var(--sr-color-secondary-strong);box-shadow:0 3px 0 var(--sr-color-secondary-strong)}.sr-btn--secondary:active:not(:disabled){box-shadow:0 1px 0 var(--sr-color-secondary-strong)}.sr-btn--ghost{color:var(--sr-color-text-muted);border-color:var(--sr-color-border);box-shadow:0 3px 0 var(--sr-color-border);background:0 0}.sr-btn--ghost:active:not(:disabled){box-shadow:0 1px 0 var(--sr-color-border)}.sr-btn--danger{background:var(--sr-color-danger);color:var(--sr-color-text-inverse);border-color:var(--sr-color-danger-strong);box-shadow:0 3px 0 var(--sr-color-danger-strong)}.sr-btn--danger:active:not(:disabled){box-shadow:0 1px 0 var(--sr-color-danger-strong)}.sr-btn--tab{height:28px;padding:0 var(--sr-space-2)}.sr-list-item{align-items:center;gap:var(--sr-space-2);padding:var(--sr-space-2) var(--sr-space-3);border-radius:var(--sr-radius-sm);transition:background var(--sr-dur-fast) ease;display:flex}.sr-list-item:nth-child(2n){background:var(--sr-color-panel-alt)}.sr-list-item:hover{background:var(--sr-color-primary-soft)}.sr-list-item--mine,.sr-list-item--mine:hover{background:var(--sr-color-secondary-soft)}.sr-list-item__icon{flex-shrink:0}.sr-list-item__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sr-list-item__title{font-size:var(--sr-font-md);color:var(--sr-color-text);font-weight:600}.sr-list-item__subtitle{font-size:var(--sr-font-sm);color:var(--sr-color-text-muted)}.sr-list-item__meta{font-size:var(--sr-font-xs);color:var(--sr-color-secondary-strong)}.sr-list-item__action{align-items:center;gap:var(--sr-space-2);flex-shrink:0;display:flex}.sr-badge{padding:2px var(--sr-space-2);border-radius:var(--sr-radius-pill);font-size:var(--sr-font-xs);flex-shrink:0;align-items:center;gap:4px;font-weight:600;display:inline-flex}.sr-badge--success{background:var(--sr-color-success);color:var(--sr-color-text-inverse)}.sr-player-card{top:var(--sr-safe-inset);left:var(--sr-safe-inset);align-items:center;gap:var(--sr-space-3);padding:var(--sr-space-2) var(--sr-space-3);background:var(--sr-color-hud-bg);border-radius:var(--sr-radius-lg);pointer-events:none;z-index:var(--sr-z-hud);transition:filter var(--sr-dur-base) ease;display:flex;position:fixed}.sr-player-card--dead{filter:grayscale()}.sr-player-card__portrait-wrap{flex-shrink:0;position:relative}.sr-player-card__portrait{border-radius:var(--sr-radius-pill);border:2px solid var(--sr-color-border-strong);background:var(--sr-color-secondary-soft);width:64px;height:64px;color:var(--sr-color-text);font-size:var(--sr-font-2xl);justify-content:center;align-items:center;font-weight:700;display:flex}.sr-player-card__lv-badge{border-radius:var(--sr-radius-pill);background:var(--sr-color-secondary);color:var(--sr-color-text-inverse);font-size:var(--sr-font-xs);border:2px solid var(--sr-color-hud-bg);padding:1px 6px;font-weight:700;position:absolute;bottom:-4px;right:-4px}.sr-player-card__body{gap:var(--sr-space-1);flex-direction:column;min-width:120px;display:flex}.sr-player-card__name{color:var(--sr-color-hud-text);font-size:var(--sr-font-md);font-weight:600}.sr-player-card__exp-track{border-radius:var(--sr-radius-pill);background:var(--sr-color-gauge-track);width:100%;height:6px;overflow:hidden}.sr-player-card__exp-fill{background:var(--sr-color-exp-fill);border-radius:var(--sr-radius-pill);width:0%;height:100%;transition:width var(--sr-dur-slow) var(--sr-ease-out)}.sr-player-card__revive-pill{border-radius:var(--sr-radius-pill);background:var(--sr-color-danger);color:var(--sr-color-text-inverse);font-size:var(--sr-font-xs);align-self:flex-start;margin-top:2px;padding:1px 8px;font-weight:700;display:none}.sr-player-card--dead .sr-player-card__revive-pill{display:inline-block}.sr-top-center-stack{top:calc(var(--sr-safe-inset) + 64px);align-items:center;gap:var(--sr-space-2);pointer-events:none;z-index:var(--sr-z-hud);flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.sr-target-frame{padding:var(--sr-space-2) var(--sr-space-3);background:var(--sr-color-hud-bg);border:2px solid var(--sr-color-border-strong);border-radius:var(--sr-radius-md);opacity:0;flex-direction:column;align-items:center;gap:4px;width:280px;transition:opacity .15s,transform .15s;display:flex;transform:scale(.96)}.sr-target-frame--visible{opacity:1;transform:scale(1)}.sr-target-frame--boss{border-color:var(--sr-color-secondary);width:400px}.sr-target-frame__header{align-items:center;gap:var(--sr-space-1);display:flex}.sr-target-frame__name{color:var(--sr-color-hud-text);font-size:var(--sr-font-md);font-weight:600}.sr-target-frame__boss-badge{border-radius:var(--sr-radius-pill);background:var(--sr-color-secondary);color:var(--sr-color-text);font-size:var(--sr-font-xs);padding:0 6px;font-weight:700;display:none}.sr-target-frame__hp-track{border-radius:var(--sr-radius-pill);background:var(--sr-color-gauge-track);width:100%;height:16px;box-shadow:var(--sr-shadow-inset);position:relative;overflow:hidden}.sr-target-frame__hp-fill{background:var(--sr-color-hp-enemy-fill);width:100%;height:100%;transition:width var(--sr-dur-base) var(--sr-ease-out)}.sr-target-frame__hp-value{color:#fff;font-size:var(--sr-font-sm);text-shadow:0 1px 1px #0009;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.sr-status-toast{border-radius:var(--sr-radius-pill);background:var(--sr-color-hud-bg);color:var(--sr-color-secondary);font-size:var(--sr-font-sm);opacity:0;padding:6px 14px;font-weight:600;transition:opacity .15s}.sr-status-toast--visible{opacity:1}.sr-hp-gauge{width:320px;height:var(--sr-hp-gauge-height);border-radius:var(--sr-radius-pill);border:2px solid var(--sr-color-border-strong);background:var(--sr-color-gauge-track);box-shadow:var(--sr-shadow-inset);pointer-events:none;z-index:var(--sr-z-hud);position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.sr-hp-gauge--low{animation:1s ease-in-out infinite sr-hp-low-pulse}.sr-hp-gauge__trail{background:var(--sr-color-hp-trail);width:100%;position:absolute;inset:0}.sr-hp-gauge__fill{background:var(--sr-color-hp-fill);width:100%;position:absolute;inset:0}.sr-hp-gauge__fill:after{content:"";background:#ffffff14;height:33%;position:absolute;inset:0}.sr-hp-gauge__value{color:#fff;font-size:var(--sr-font-sm);text-shadow:0 1px 1px #0009;z-index:2;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.sr-hp-gauge__dead-overlay{color:var(--sr-color-text-inverse);background:var(--sr-color-scrim);font-size:var(--sr-font-sm);z-index:3;justify-content:center;align-items:center;font-weight:700;display:none;position:absolute;inset:0}.sr-hp-gauge--dead .sr-hp-gauge__dead-overlay{display:flex}.sr-hp-gauge--dead .sr-hp-gauge__value{display:none}@keyframes sr-hp-low-pulse{0%,to{border-color:var(--sr-color-border-strong)}50%{border-color:var(--sr-color-danger)}}.sr-skill-hotbar{padding:var(--sr-space-1);border-radius:var(--sr-radius-lg);background:var(--sr-color-scrim);box-shadow:var(--sr-shadow-panel)}.sr-skill-slot{box-sizing:border-box;width:var(--sr-hotbar-slot);height:var(--sr-hotbar-slot);border-radius:var(--sr-radius-md);border:3px solid var(--sr-color-border-strong);background:var(--sr-color-hud-bg);box-shadow:var(--sr-shadow-inset);cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;transition:transform var(--sr-dur-fast) ease, border-color var(--sr-dur-fast) ease;position:relative;overflow:hidden}.sr-skill-slot--ready{border-color:var(--sr-color-secondary);animation:1.6s ease-in-out infinite sr-skill-ready-pulse}.sr-skill-slot--cast{transform:scale(.92)}.sr-skill-slot--locked,.sr-skill-slot--cooldown{cursor:not-allowed}.sr-skill-slot--locked .sr-skill-slot__icon,.sr-skill-slot--locked .sr-skill-slot__fallback,.sr-skill-slot--locked .sr-potion-slot__icon{filter:grayscale();opacity:.4}.sr-skill-slot--locked:after{content:"";z-index:1;background:repeating-linear-gradient(45deg, var(--sr-color-scrim) 0 var(--sr-space-1), transparent var(--sr-space-1) var(--sr-space-3));pointer-events:none;position:absolute;inset:0}.sr-skill-slot__number{z-index:3;border-radius:var(--sr-radius-pill);background:var(--sr-color-scrim);color:var(--sr-color-hud-text);font-size:var(--sr-font-xs);white-space:nowrap;padding:0 4px;font-weight:700;line-height:1.4;position:absolute;top:2px;left:2px}.sr-skill-slot__icon{object-fit:contain;width:40px;height:40px;margin:auto;position:absolute;inset:0}.sr-skill-slot__fallback{color:var(--sr-color-hud-text);font-size:var(--sr-font-lg);text-align:center;justify-content:center;align-items:center;font-weight:700;display:none;position:absolute;inset:0}.sr-skill-slot__cooldown-wipe{background:var(--sr-color-scrim);border-top:1px solid var(--sr-color-secondary);pointer-events:none;height:0%;position:absolute;bottom:0;left:0;right:0}.sr-skill-slot__cooldown-text{color:var(--sr-color-hud-text);font-size:var(--sr-font-xl);text-shadow:0 1px 2px #0009;z-index:2;justify-content:center;align-items:center;font-weight:700;display:none;position:absolute;inset:0}.sr-skill-slot__lock-badge{z-index:3;border-radius:var(--sr-radius-pill);background:var(--sr-color-scrim);color:var(--sr-color-hud-text);font-size:var(--sr-font-md);text-shadow:0 1px 2px #0009;white-space:nowrap;padding:2px 6px;font-weight:700;position:absolute;bottom:3px;right:3px}@keyframes sr-skill-ready-pulse{0%,to{border-color:var(--sr-color-secondary)}50%{border-color:var(--sr-color-secondary-strong)}}.sr-potion-slot{margin-left:var(--sr-space-2)}.sr-potion-slot__icon{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (width<=480px){:root{--sr-hotbar-slot:48px}}.sr-cast-bar{left:50%;bottom:calc(var(--sr-safe-inset) + var(--sr-hotbar-height) + var(--sr-space-2) + var(--sr-hp-gauge-height) + var(--sr-space-2));pointer-events:none;width:320px;z-index:var(--sr-z-hud);flex-direction:column;gap:2px;position:fixed;transform:translate(-50%)}.sr-cast-bar__caption{color:var(--sr-color-hud-text);font-size:var(--sr-font-sm);text-shadow:0 1px 2px #0009;justify-content:space-between;align-items:center;font-weight:600;display:flex}.sr-cast-bar__track{border-radius:var(--sr-radius-pill);border:2px solid var(--sr-color-border-strong);background:var(--sr-color-gauge-track);height:10px;position:relative;overflow:hidden}.sr-cast-bar__fill{background:var(--sr-color-exp-fill);width:0%;position:absolute;top:0;bottom:0;left:0}.sr-bottom-menu{right:var(--sr-safe-inset);bottom:var(--sr-safe-inset);gap:var(--sr-space-2);z-index:var(--sr-z-hud);display:flex;position:fixed}.sr-bottom-menu__btn{border-radius:var(--sr-radius-pill);border:2px solid var(--sr-color-border-strong);background:var(--sr-color-hud-bg);width:48px;height:48px;color:var(--sr-color-hud-text);font-size:var(--sr-font-xs);cursor:pointer;transition:filter var(--sr-dur-fast) ease, transform var(--sr-dur-fast) ease;font-weight:600}.sr-bottom-menu__btn:hover{filter:brightness(1.15);transform:translateY(-2px)}.sr-bottom-menu__btn:active{transform:translateY(1px)}.sr-state{justify-content:center;align-items:center;gap:var(--sr-space-2);min-height:132px;padding:var(--sr-space-4);text-align:center;flex-direction:column;display:flex}.sr-state__text{font-size:var(--sr-font-sm);color:var(--sr-color-text-muted)}.sr-state--error .sr-state__text{color:var(--sr-color-danger-strong)}.sr-spinner{border:3px solid var(--sr-color-border);border-top-color:var(--sr-color-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite sr-spin}@keyframes sr-spin{to{transform:rotate(360deg)}}.sr-npc-dialog{left:50%;bottom:var(--sr-safe-inset);align-items:center;gap:var(--sr-space-3);width:min(640px, calc(100vw - var(--sr-safe-inset) * 2));padding:var(--sr-space-3);background:var(--sr-color-panel-bg);border:3px solid var(--sr-color-border-strong);border-radius:var(--sr-radius-lg);box-shadow:var(--sr-shadow-panel);z-index:var(--sr-z-panel);cursor:pointer;display:none;position:fixed;transform:translate(-50%)}.sr-npc-dialog__portrait{border-radius:var(--sr-radius-pill);border:2px solid var(--sr-color-border-strong);background:var(--sr-color-primary-soft);width:96px;height:96px;color:var(--sr-color-text);font-size:var(--sr-font-2xl);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sr-npc-dialog__body{min-width:0;padding-top:var(--sr-space-3);flex:1;position:relative}.sr-npc-dialog__name-tag{padding:2px var(--sr-space-2);border-radius:var(--sr-radius-pill);background:var(--sr-color-primary);color:var(--sr-color-text-inverse);font-size:var(--sr-font-sm);font-weight:700;position:absolute;top:-10px;left:0}.sr-npc-dialog__text{font-size:var(--sr-font-md);line-height:var(--sr-line-height);min-height:calc(var(--sr-font-md) * var(--sr-line-height) * 2)}.sr-npc-dialog__actions{gap:var(--sr-space-1);flex-direction:column;flex-shrink:0;display:flex}body.sr-npc-dialog-open .sr-hp-gauge,body.sr-npc-dialog-open .sr-skill-hotbar{display:none}.sr-tutorial-modal-backdrop{background:var(--sr-color-scrim);z-index:var(--sr-z-modal);pointer-events:none;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.sr-tutorial-modal-card{pointer-events:auto;align-items:flex-start;gap:var(--sr-space-3);max-width:420px;padding:var(--sr-space-4) var(--sr-space-5);background:var(--sr-color-panel-bg);color:var(--sr-color-text);border:3px solid var(--sr-color-border-strong);border-radius:var(--sr-radius-lg);box-shadow:var(--sr-shadow-panel);display:flex}.sr-tutorial-modal-portrait{border-radius:var(--sr-radius-pill);border:2px solid var(--sr-color-border-strong);background:var(--sr-color-primary-soft);width:64px;height:64px;color:var(--sr-color-text);font-size:var(--sr-font-xl);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sr-tutorial-modal-content{text-align:left;flex:1;min-width:0}.sr-tutorial-modal-body{margin-bottom:var(--sr-space-4);white-space:pre-line;line-height:var(--sr-line-height)}.sr-tutorial-modal-code-box{justify-content:center;align-items:center;gap:var(--sr-space-2);margin:0 0 var(--sr-space-4);padding:var(--sr-space-2) var(--sr-space-3);background:var(--sr-color-secondary-soft);border-radius:var(--sr-radius-sm);display:none}.sr-tutorial-modal-code-text{font-family:var(--sr-font-mono);font-size:var(--sr-font-lg);color:var(--sr-color-text);-webkit-user-select:text;user-select:text;font-weight:700}.sr-tutorial-modal-buttons{gap:var(--sr-space-2);display:flex}.sr-tutorial-coach-banner{align-items:center;gap:var(--sr-space-3);padding:var(--sr-space-2) var(--sr-space-4);background:var(--sr-color-hud-bg);color:var(--sr-color-hud-text);font-size:var(--sr-font-sm);border-radius:var(--sr-radius-md);z-index:var(--sr-z-modal);pointer-events:none;display:none;position:fixed;left:50%;transform:translate(-50%)}.sr-tutorial-coach-skip{cursor:pointer;opacity:.8;pointer-events:auto;flex-shrink:0;text-decoration:underline}.sr-tutorial-coach-banner--tip{border-left:3px solid var(--sr-color-secondary)}.sr-tutorial-coach-badge{padding:1px var(--sr-space-2);border-radius:var(--sr-radius-sm);background:var(--sr-color-secondary);color:var(--sr-color-text);font-size:var(--sr-font-xs);letter-spacing:.05em;flex-shrink:0;font-weight:700}.sr-tutorial-highlight-ring{border:3px solid var(--sr-color-secondary);border-radius:var(--sr-radius-md);pointer-events:none;z-index:var(--sr-z-highlight);transition:left .15s ease-out,top .15s ease-out;animation:1.4s ease-in-out infinite sr-highlight-pulse;display:none;position:fixed}@keyframes sr-highlight-pulse{0%,to{box-shadow:0 0 8px 1px #ffc94a99}50%{box-shadow:0 0 16px 4px #ffc94ae6}}.sr-cinematic-skip-hint{left:50%;bottom:calc(var(--sr-safe-inset) + var(--sr-hotbar-height) + var(--sr-space-6));padding:var(--sr-space-2) var(--sr-space-4);background:var(--sr-color-hud-bg);color:var(--sr-color-hud-text);font-size:var(--sr-font-sm);border-radius:var(--sr-radius-md);pointer-events:none;z-index:var(--sr-z-modal);display:none;position:fixed;transform:translate(-50%)}.sr-chatbox{width:var(--sr-panel-w-sm);gap:var(--sr-space-2);padding:var(--sr-space-2);background:var(--sr-color-hud-bg);border-radius:var(--sr-radius-lg);pointer-events:none;z-index:var(--sr-z-hud);flex-direction:column;display:flex;position:fixed}.sr-chatbox__log{flex-direction:column;gap:2px;max-height:30vh;display:flex;overflow:hidden}.sr-chatbox__row{font-size:var(--sr-font-md);word-break:break-word;animation:.12s ease-out sr-chat-slide-up}.sr-chatbox__sender{color:var(--sr-color-hud-text);font-weight:600}.sr-chatbox__sender--mine{color:var(--sr-color-secondary)}.sr-chatbox__body-text{color:var(--sr-color-hud-text)}@keyframes sr-chat-slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sr-chatbox__input{padding:var(--sr-space-2) var(--sr-space-3);color:var(--sr-color-hud-text);font-size:var(--sr-font-md);border-radius:var(--sr-radius-sm);opacity:.45;transition:opacity var(--sr-dur-fast) ease, border-color var(--sr-dur-fast) ease;background:#2e261e8c;border:2px solid #0000;outline:none}.sr-chatbox__input:focus{opacity:1;border-color:var(--sr-color-primary-strong)}.sr-minimap-frame{top:var(--sr-safe-inset);right:var(--sr-safe-inset);border:3px solid var(--sr-color-border-strong);border-radius:var(--sr-radius-lg);box-shadow:var(--sr-shadow-panel);background:var(--sr-color-hud-bg);z-index:var(--sr-z-hud);pointer-events:auto;flex-direction:column;display:flex;position:fixed;overflow:hidden}.sr-minimap-frame__canvas{display:block}.sr-minimap-frame__caption{padding:2px var(--sr-space-2);text-align:center;color:var(--sr-color-hud-text);font-size:var(--sr-font-xs);background:var(--sr-color-scrim);min-height:1.4em;transition:opacity var(--sr-dur-slow) ease;font-weight:600}.sr-minimap-frame__legend{top:var(--sr-safe-inset);right:var(--sr-safe-inset);padding:var(--sr-space-2);background:var(--sr-color-hud-bg);border:2px solid var(--sr-color-border-strong);border-radius:var(--sr-radius-md);opacity:0;pointer-events:none;transition:opacity var(--sr-dur-fast) ease;flex-direction:column;gap:2px;display:flex;position:absolute}.sr-minimap-frame:hover .sr-minimap-frame__legend{opacity:1}.sr-minimap-frame__legend-row{align-items:center;gap:var(--sr-space-1);color:var(--sr-color-hud-text);font-size:var(--sr-font-xs);white-space:nowrap;display:flex}.sr-minimap-frame__legend-dot{border-radius:var(--sr-radius-pill);flex-shrink:0;width:8px;height:8px}.sr-reward-toast-stack{right:var(--sr-safe-inset);bottom:calc(var(--sr-safe-inset) + 48px + var(--sr-space-2));align-items:flex-end;gap:var(--sr-space-1);pointer-events:none;z-index:var(--sr-z-hud);flex-direction:column;display:flex;position:fixed}.sr-reward-toast{align-items:center;gap:var(--sr-space-2);padding:var(--sr-space-2) var(--sr-space-3);background:var(--sr-color-hud-bg);color:var(--sr-color-hud-text);font-size:var(--sr-font-md);border-radius:var(--sr-radius-md);white-space:nowrap;opacity:1;animation:sr-reward-toast-slide-in .2s var(--sr-ease-out);transition:opacity .3s ease-out;display:flex}.sr-reward-toast--levelup{padding:var(--sr-space-3) var(--sr-space-4);font-size:var(--sr-font-xl);color:var(--sr-color-secondary);font-weight:700}.sr-reward-toast__icon{flex-shrink:0;display:flex}@keyframes sr-reward-toast-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.sr-reconnect-overlay{background:var(--sr-color-scrim);z-index:var(--sr-z-blocking);pointer-events:auto;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.sr-reconnect-overlay__card{align-items:center;gap:var(--sr-space-3);padding:var(--sr-space-5) var(--sr-space-6);background:var(--sr-color-panel-bg);color:var(--sr-color-text);border:3px solid var(--sr-color-border-strong);border-radius:var(--sr-radius-lg);box-shadow:var(--sr-shadow-panel);text-align:center;flex-direction:column;display:flex}.sr-reconnect-overlay__warning{color:var(--sr-color-danger);font-size:32px;display:none}.sr-reconnect-overlay__message{font-size:var(--sr-font-lg);font-weight:600}.sr-nickname-gate,.sr-boot-gate{background:var(--sr-color-scrim);z-index:var(--sr-z-blocking);pointer-events:auto;position:fixed;inset:0}.sr-item-icon{flex-shrink:0;position:relative}.sr-item-icon img{object-fit:contain;border-radius:var(--sr-radius-sm);width:100%;height:100%;display:block}.sr-item-icon__placeholder{box-sizing:border-box;background:var(--sr-color-panel-alt);color:var(--sr-color-text-muted);font-size:var(--sr-font-sm);border:2px solid var(--sr-color-border);border-radius:var(--sr-radius-sm);justify-content:center;align-items:center;font-weight:700;display:none;position:absolute;inset:0}.sr-attendance__grid{gap:var(--sr-space-2);margin-bottom:var(--sr-space-3);grid-template-columns:repeat(7,1fr);display:grid}.sr-attendance__cell{box-sizing:border-box;padding:var(--sr-space-1);background:var(--sr-color-panel-alt);border:2px solid var(--sr-color-border);border-radius:var(--sr-radius-sm);flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.sr-attendance__day{color:var(--sr-color-text-muted);font-size:var(--sr-font-xs);line-height:1.2}.sr-attendance__count{font-size:var(--sr-font-xs);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.2}.sr-attendance__cell--claimed{opacity:.45}.sr-attendance__check{color:var(--sr-color-success);font-size:var(--sr-font-2xl);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.sr-attendance__cell--today{background:var(--sr-color-secondary-soft);border-color:var(--sr-color-secondary-strong)}.sr-attendance__today-badge{padding:0 var(--sr-space-1);border-radius:var(--sr-radius-pill);background:var(--sr-color-secondary-strong);color:var(--sr-color-text-inverse);font-size:var(--sr-font-xs);white-space:nowrap;font-weight:700;line-height:1.3}.sr-party{top:calc(var(--sr-safe-inset) + 92px);left:var(--sr-safe-inset);gap:var(--sr-space-2);width:208px;padding:var(--sr-space-2) var(--sr-space-3);background:var(--sr-color-hud-bg);color:var(--sr-color-hud-text);border-radius:var(--sr-radius-md);font-size:var(--sr-font-sm);z-index:var(--sr-z-hud);flex-direction:column;display:none;position:fixed}.sr-party__header{align-items:center;gap:var(--sr-space-2);display:flex}.sr-party__title{font-weight:700;font-size:var(--sr-font-md)}.sr-party__count{color:var(--sr-color-text-muted);font-size:var(--sr-font-xs);flex:1}.sr-party__leave{height:22px;padding:0 var(--sr-space-2);font-size:var(--sr-font-xs)}.sr-party__list{gap:var(--sr-space-1);flex-direction:column;display:flex}.sr-party__member{align-items:center;gap:var(--sr-space-2);padding:var(--sr-space-1) 0;display:flex}.sr-party__member--offline{opacity:.55}.sr-party__member-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sr-party__name-row{align-items:center;gap:var(--sr-space-1);display:flex}.sr-party__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.sr-party__leader-badge{background:var(--sr-color-secondary);color:var(--sr-color-text-inverse)}.sr-party__offline-badge,.sr-party__level{font-size:var(--sr-font-xs);color:var(--sr-color-text-muted);flex-shrink:0}.sr-party__hp-track{border-radius:var(--sr-radius-pill);background:var(--sr-color-gauge-track);height:5px;overflow:hidden}.sr-party__hp-fill{background:var(--sr-color-hp-ally-fill);height:100%;transition:width var(--sr-dur-fast) ease}.sr-party__actions{gap:var(--sr-space-1);flex-shrink:0;display:flex}.sr-party__action-btn{height:20px;padding:0 var(--sr-space-1);font-size:var(--sr-font-xs)}.sr-party-invite{top:calc(var(--sr-safe-inset) + 120px);align-items:center;gap:var(--sr-space-2);padding:var(--sr-space-3) var(--sr-space-4);background:var(--sr-color-panel-bg);color:var(--sr-color-text);border:3px solid var(--sr-color-border-strong);border-radius:var(--sr-radius-lg);box-shadow:var(--sr-shadow-panel);z-index:var(--sr-z-modal);flex-direction:column;display:none;position:fixed;left:50%;transform:translate(-50%)}.sr-party-invite__message{font-size:var(--sr-font-md);font-weight:600}.sr-party-invite__countdown{font-size:var(--sr-font-xs);color:var(--sr-color-text-muted)}.sr-party-invite__actions{gap:var(--sr-space-2);display:flex}.sr-party-target{align-items:center;gap:var(--sr-space-2);padding:var(--sr-space-1) var(--sr-space-2);background:var(--sr-color-panel-bg);color:var(--sr-color-text);border:2px solid var(--sr-color-border-strong);border-radius:var(--sr-radius-md);box-shadow:var(--sr-shadow-panel);white-space:nowrap;z-index:var(--sr-z-panel);display:none;position:fixed;transform:translate(-50%,-120%)}.sr-party-target__name{font-size:var(--sr-font-sm);text-overflow:ellipsis;max-width:120px;font-weight:600;overflow:hidden}.sr-party-target__btn{height:24px;padding:0 var(--sr-space-2);font-size:var(--sr-font-xs)}.sr-party-target__close{color:var(--sr-color-text-muted);cursor:pointer;font-size:var(--sr-font-sm);background:0 0;border:none;line-height:1}.sr-raid{top:calc(var(--sr-safe-inset) + 340px);left:var(--sr-safe-inset);gap:var(--sr-space-1);width:208px;padding:var(--sr-space-2) var(--sr-space-3);background:var(--sr-color-hud-bg);color:var(--sr-color-hud-text);border-left:3px solid var(--sr-color-secondary);border-radius:var(--sr-radius-md);font-size:var(--sr-font-sm);z-index:var(--sr-z-hud);flex-direction:column;display:none;position:fixed}.sr-raid--cleared{border-left-color:var(--sr-color-primary)}.sr-raid--failed{border-left-color:var(--sr-color-danger)}.sr-raid__name{font-weight:700;font-size:var(--sr-font-md)}.sr-raid__state{font-weight:600}.sr-raid__timer{font-variant-numeric:tabular-nums;color:var(--sr-color-text-muted);font-size:var(--sr-font-xs)}.sr-raid__reward-badge{padding:2px var(--sr-space-2);border-radius:var(--sr-radius-pill);background:var(--sr-color-secondary);color:var(--sr-color-text-inverse);font-size:var(--sr-font-xs);text-align:center}.sr-raid__leave{height:24px;padding:0 var(--sr-space-2);font-size:var(--sr-font-xs)}