:root{--c-brand-red: #E30613;--c-brand-orange: #F58220;--c-brand-gradient: linear-gradient(90deg, #E30613, #F58220);--c-ink: #0F1115;--c-ink-soft: #3A3F47;--c-ink-muted: #5B5F66;--c-paper: #ffffff;--c-scrim: rgba(0, 0, 0, .85);--c-hud-bg: rgba(20, 12, 16, .72);--c-glass-dark: linear-gradient(145deg, rgba(15, 17, 21, .62), rgba(15, 17, 21, .42));--c-quiz-bg: linear-gradient(145deg, rgba(20, 30, 45, .98), rgba(14, 18, 28, .98));--c-ok: rgba(41, 157, 88, .92);--c-bad: rgba(180, 45, 45, .92);--c-action: rgba(0, 150, 255, .9);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 8px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-serif: Georgia, "Times New Roman", serif;--fs-xs: clamp(11px, 1vw, 13px);--fs-sm: clamp(13px, 1.5vw, 15px);--fs-md: clamp(14px, 1.7vw, 18px);--fs-lg: clamp(18px, 2.4vw, 22px);--fs-xl: clamp(22px, 3.2vw, 32px);--fs-display: clamp(34px, 7vw, 78px);--touch-min: 44px;--touch-comfortable: 48px;--z-joystick: 10;--z-hud: 100;--z-prompt: 1200;--z-popup: 1300;--z-popup-ui: 1400;--z-loading: 9999;--z-auth: 10001;--z-auth-dialog: 10002;--z-tutorial: 10500;--z-fatal: 11000;--safe-top: max(env(safe-area-inset-top, 0px), 0px);--safe-right: max(env(safe-area-inset-right, 0px), 0px);--safe-bottom: max(env(safe-area-inset-bottom, 0px), 0px);--safe-left: max(env(safe-area-inset-left, 0px), 0px);--gutter: 24px;--safe-gutter-top: calc(var(--gutter) + var(--safe-top));--safe-gutter-right: calc(var(--gutter) + var(--safe-right));--safe-gutter-bottom: calc(var(--gutter) + var(--safe-bottom));--safe-gutter-left: calc(var(--gutter) + var(--safe-left));--minimap-size: clamp(150px, 38vw, 210px)}@media (min-width: 900px){:root{--minimap-size: clamp(228px, 20vw, 252px)}}html,body{-webkit-tap-highlight-color:transparent}body{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}#material-description,#material-quiz,.auth-title,.auth-subtitle,.avatar-confirm-message,.avatar-confirm-warning{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}img,canvas,video{-webkit-user-drag:none}button{touch-action:manipulation}#info{position:absolute;top:calc(18px + var(--safe-top));width:100%;text-align:center;color:#f0f8fff5;font-family:var(--font-ui);z-index:var(--z-hud);pointer-events:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;padding:0 max(var(--sp-4),var(--safe-right)) 0 max(var(--sp-4),var(--safe-left))}#controls-hint{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);max-width:min(820px,calc(100vw - 32px));padding:var(--sp-2) var(--sp-4);border:1px solid rgba(227,6,19,.32);border-radius:var(--r-pill);background:var(--c-hud-bg);box-shadow:0 12px 36px #260e0861;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff6f1f5;font-size:clamp(13px,1.55vw,18px);line-height:1.2;font-weight:750;letter-spacing:-.015em;text-shadow:0 2px 10px rgba(38,14,8,.55);flex-wrap:wrap}#controls-hint b{color:var(--c-brand-orange);font-weight:900}.controls-separator{color:#f58220b8;font-weight:900}.hint-desktop,.hint-touch{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-2)}.hint-touch{display:none}@media (pointer: coarse){.hint-desktop{display:none}.hint-touch{display:inline-flex}}#debug-coords{display:none;width:min(760px,calc(100vw - 32px));margin:var(--sp-3) auto 0;padding:var(--sp-3);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-lg);background:#070c18c7;box-shadow:0 18px 48px #00000057;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-align:left}.debug-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.debug-metric{min-width:0;padding:9px 10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff12}.debug-metric-label{display:block;margin-bottom:var(--sp-1);color:#8ed4ffe0;font-size:10px;line-height:1;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.debug-metric-value{display:block;overflow:hidden;color:#fffffff5;font:800 12px/1.25 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.65)}@media (min-width: 900px){.debug-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.debug-metric-value{font-size:13px}}#minimap-container{position:absolute;bottom:var(--safe-gutter-bottom);right:var(--safe-gutter-right);width:var(--minimap-size);height:var(--minimap-size);background:var(--c-glass-dark);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-xl);overflow:hidden;z-index:var(--z-hud);box-shadow:0 20px 58px #0006;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}#minimap-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:4}#minimap-player{position:absolute;width:12px;height:12px;background:var(--c-brand-red);border-radius:50%;transform:translate(-50%,-50%);top:50%;left:50%;border:3px solid white;z-index:3;box-shadow:0 0 0 3px #e3061347,0 0 18px #e30613bd}#minimap-grid{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:20% 20%;opacity:.85;z-index:0}#minimap-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.minimap-label{position:absolute;max-width:86px;padding:4px 7px 5px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:#0f1115c7;color:#fffffff5;font:850 11.5px/1.15 var(--font-ui);letter-spacing:-.02em;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.65);transform:translate(-50%,-50%);white-space:normal;box-shadow:0 10px 24px #0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.minimap-label[data-anchor=left]{transform:translate(8px,-50%)}.minimap-label[data-anchor=right]{transform:translate(calc(-100% - 8px),-50%)}@media (min-width: 900px){.minimap-label{max-width:96px;font:850 12.5px/1.15 var(--font-ui);padding:5px 9px 6px}}#joystick-zone{position:absolute;bottom:0;left:0;width:50%;height:50%;z-index:var(--z-joystick);touch-action:none;display:block}.joystick-base{position:absolute;width:clamp(120px,30vw,150px);height:clamp(120px,30vw,150px);transform:translate(-50%,-50%);background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.joystick-base.visible{opacity:1}.joystick-stick{position:absolute;width:clamp(48px,12vw,60px);height:clamp(48px,12vw,60px);transform:translate(-50%,-50%);background:#ffffff80;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.joystick-stick.visible{opacity:1}.joystick-stick.active{background:#fffc}.mobile-interact-btn{position:fixed;right:var(--safe-gutter-right);bottom:calc(var(--safe-gutter-bottom) + var(--minimap-size) + var(--sp-3));display:none;align-items:center;justify-content:center;min-height:var(--touch-min);padding:var(--sp-3) var(--sp-5);background:var(--c-action);color:#fff;border:none;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:700;cursor:pointer;z-index:var(--z-hud);box-shadow:0 4px 12px #0000004d;touch-action:manipulation}.mobile-interact-btn.is-visible{display:inline-flex}.interaction-prompt{position:fixed;top:60%;left:50%;transform:translate(-50%,-50%);display:none;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);background:#0009;color:#fff;font-family:var(--font-mono);font-size:var(--fs-sm);z-index:var(--z-prompt);pointer-events:none;text-align:center}.material-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;flex-direction:column;gap:0;background-color:var(--c-scrim);z-index:var(--z-popup);pointer-events:all}.material-popup.has-side-description{gap:var(--sp-5)}@media (min-width: 900px){.material-popup.has-side-description{flex-direction:row}}.material-popup-close{position:fixed;top:calc(var(--sp-5) + var(--safe-top));right:calc(var(--sp-5) + var(--safe-right));display:flex;align-items:center;justify-content:center;width:clamp(44px,12vw,56px);height:clamp(44px,12vw,56px);padding:0;border:1px solid rgba(255,255,255,.35);border-radius:var(--r-md);background:#0000008c;color:#fff;font-size:30px;font-family:var(--font-mono);cursor:pointer;z-index:var(--z-popup-ui);touch-action:manipulation}#material-image{display:none;max-width:90vw;max-height:84vh;transform-origin:center center;will-change:transform}@media (min-width: 900px){.material-popup.has-side-description #material-image{max-width:62vw}}.material-pdf-display{display:none;order:1;justify-content:center;align-items:center;flex-direction:column;gap:0}@media (min-width: 900px){.material-pdf-display.has-side-description{flex-direction:row;gap:var(--sp-5)}}#material-pdf-canvas{display:none;max-width:none;max-height:none;transform-origin:center center;will-change:transform}@media (min-width: 900px){.material-pdf-display.has-side-description>#material-pdf-viewport{max-width:62vw}}.material-zoom-frame{position:relative;display:block;width:fit-content;height:fit-content;order:1}.material-zoom-viewport{display:block;width:fit-content;height:fit-content;max-width:96vw;max-height:84vh;overflow:hidden;touch-action:none}.material-zoom-viewport.is-zoomed{cursor:grab}.material-zoom-viewport.is-panning{cursor:grabbing}#material-pdf-viewport{box-sizing:border-box;background:#fff;border:8px solid #ffffff;box-shadow:0 18px 60px #00000073}.material-zoom-controls{position:absolute;top:50%;right:var(--sp-2);transform:translateY(-50%);display:none;flex-direction:column;gap:var(--sp-2);z-index:var(--z-popup-ui)}.material-zoom-btn{display:flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);padding:0;border:1px solid rgba(255,255,255,.25);border-radius:var(--r-pill);background:#0000008c;color:#fff;cursor:pointer;touch-action:manipulation}.material-zoom-btn:disabled{opacity:.4;cursor:default}#material-video{display:none;max-width:96vw;max-height:84vh}#material-description{display:none;order:2;max-width:90vw;padding:22px 24px;background:#ffffffeb;color:#111;border-left:6px solid #d6cf86;box-shadow:0 18px 60px #00000059;font-family:var(--font-serif);font-size:var(--fs-lg);line-height:1.35;font-weight:600;text-align:left}@media (min-width: 900px){.has-side-description>#material-description{max-width:min(360px,28vw)}}#material-popup-loading{display:none;margin-bottom:var(--sp-3);color:#ffffffe6;font-family:var(--font-mono);font-size:18px}#material-tabs{display:none;gap:var(--sp-2);justify-content:center;align-items:center;margin-bottom:var(--sp-4);z-index:var(--z-popup-ui)}.material-tab{min-height:var(--touch-min);padding:var(--sp-2) var(--sp-5);border-radius:var(--r-pill);border:1px solid var(--c-brand-red);background:#fff;color:var(--c-brand-red);font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.4px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;touch-action:manipulation}.material-tab.is-active{background:var(--c-brand-red);color:#fff}.material-quiz{display:none;width:min(920px,92vw);max-height:86vh;overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:clamp(16px,4vw,30px);border-radius:var(--r-xl);background:var(--c-quiz-bg);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 90px #0000008c;font-family:var(--font-ui)}.quiz-option{width:100%;min-height:var(--touch-min);text-align:left;padding:14px 16px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;font-family:var(--font-ui);font-size:16px;line-height:1.35;cursor:pointer;touch-action:manipulation}.quiz-btn{min-height:var(--touch-min);border:1px solid rgba(255,255,255,.22);border-radius:var(--r-pill);background:#ffffff29;color:#fff;padding:var(--sp-3) var(--sp-4);font-family:var(--font-mono);font-size:14px;font-weight:700;cursor:pointer;touch-action:manipulation}.quiz-btn:disabled{background:#ffffff14;color:#ffffff59;cursor:not-allowed}.pdf-controls{display:none;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);margin-bottom:20px;padding:var(--sp-2) var(--sp-4);border:1px solid rgba(255,255,255,.15);border-radius:var(--r-pill);background:#ffffff14;color:#fff;font-family:var(--font-mono);z-index:var(--z-popup-ui)}.pdf-nav-btn{min-height:var(--touch-min);padding:var(--sp-2) var(--sp-4);background:#ffffff24;border:1px solid rgba(255,255,255,.25);border-radius:var(--r-pill);color:#fff;font-family:var(--font-mono);font-size:14px;cursor:pointer;touch-action:manipulation}.pdf-page-info{min-width:72px;text-align:center;font-size:14px;color:#ffffffd9}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-auth);display:flex;align-items:center;justify-content:center;padding:max(var(--sp-5),var(--safe-top)) max(var(--sp-5),var(--safe-right)) max(var(--sp-5),var(--safe-bottom)) max(var(--sp-5),var(--safe-left));box-sizing:border-box;overflow:auto;background:radial-gradient(circle at 18% 12%,rgba(227,6,19,.14),transparent 36%),radial-gradient(circle at 82% 22%,rgba(245,130,32,.18),transparent 38%),linear-gradient(135deg,#fff7f3,#fff 48%,#fdece6);color:#101010;font-family:var(--font-ui)}.auth-panel{width:min(960px,100%);max-height:min(820px,92vh);max-height:min(820px,92dvh);overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:clamp(26px,5vw,54px);border:1px solid rgba(0,0,0,.06);border-top:6px solid var(--c-brand-red);border-radius:30px;background:#fff;box-shadow:0 30px 90px #e306131a,0 12px 30px #0f111514}.auth-panel--avatar{width:min(1220px,100%);max-height:min(860px,94vh);max-height:min(860px,94dvh)}.auth-title{margin:0 0 12px;color:var(--c-ink);font-size:clamp(34px,7vw,78px);line-height:.95;letter-spacing:-.06em}.auth-subtitle{max-width:680px;margin:0 0 28px;color:#4a4f57;font-size:clamp(16px,2vw,21px);line-height:1.5}.auth-subtitle--avatar{max-width:none;font-size:clamp(15px,1.45vw,20px)}.auth-subtitle-strong{font-weight:800;color:var(--c-ink)}.auth-btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);border:0;border-radius:var(--r-pill);padding:var(--sp-3) var(--sp-6);color:#fff;background:var(--c-brand-gradient);font-family:var(--font-ui);font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 16px 42px #e3061352;touch-action:manipulation}.auth-btn-primary:disabled{opacity:.55;cursor:not-allowed}.auth-btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);border:1px solid rgba(15,17,21,.14);border-radius:var(--r-pill);padding:var(--sp-3) var(--sp-5);color:var(--c-ink-soft);background:#fff;font-family:var(--font-ui);font-size:15px;font-weight:800;cursor:pointer;touch-action:manipulation}.avatar-name-btn{min-height:76px;padding:var(--sp-4) 18px;border:1px solid rgba(15,17,21,.1);border-radius:var(--r-lg);color:var(--c-ink-soft);background:#fff;cursor:pointer;text-align:left;font-family:var(--font-ui);font-size:20px;font-weight:850;letter-spacing:-.03em;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease;touch-action:manipulation}@media (hover: hover){.avatar-name-btn:hover:not(:disabled){transform:translateY(-2px)}}.avatar-name-btn.is-selected{border-color:var(--c-brand-red);background:linear-gradient(145deg,#e306131a,#f582200f);color:var(--c-ink);box-shadow:0 10px 26px #e3061329}.avatar-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-auth-dialog);display:flex;align-items:center;justify-content:center;padding:max(var(--sp-5),var(--safe-top)) max(var(--sp-5),var(--safe-right)) max(var(--sp-5),var(--safe-bottom)) max(var(--sp-5),var(--safe-left));box-sizing:border-box;overflow:auto;background:#260e086b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.avatar-confirm-card{width:min(460px,100%);padding:28px;box-sizing:border-box;border:1px solid rgba(15,17,21,.08);border-top:5px solid var(--c-brand-red);border-radius:var(--r-xl);background:#fff;color:var(--c-ink);box-shadow:0 28px 100px #260e0852;font-family:var(--font-ui)}.avatar-confirm-title{margin:0 0 12px;color:var(--c-ink);font-size:30px;line-height:1;font-weight:900;letter-spacing:-.05em}.avatar-confirm-message{margin:0 0 12px;color:var(--c-ink-soft);font-size:17px;line-height:1.45}.avatar-confirm-name{font-weight:800;color:var(--c-ink)}.avatar-confirm-warning{margin:0 0 24px;padding:12px 14px;border:1px solid rgba(227,6,19,.22);border-radius:var(--r-md);background:#e306130f;color:#b80511;font-size:14px;line-height:1.4}.avatar-confirm-actions{display:flex;justify-content:flex-end;gap:var(--sp-3);flex-wrap:wrap}.avatar-chooser{display:grid;grid-template-columns:1fr;gap:22px;align-items:stretch}.avatar-list-panel{display:flex;flex-direction:column;gap:var(--sp-3)}.avatar-list-title{color:var(--c-brand-red);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.avatar-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}.avatar-preview{position:relative;min-height:420px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(15,17,21,.08);border-radius:var(--r-xl);background:radial-gradient(circle at 50% 18%,rgba(245,130,32,.16),transparent 42%),linear-gradient(180deg,#fff7f3,#fff)}.avatar-preview-header{position:relative;z-index:1;display:flex;justify-content:space-between;gap:var(--sp-4);align-items:flex-start;padding:22px 22px 0}.avatar-selected-name{font-size:clamp(28px,5vw,34px);font-weight:900;letter-spacing:-.055em;line-height:1;color:var(--c-ink)}.avatar-preview-label{padding:7px 11px;border-radius:var(--r-pill);background:#e306131a;color:var(--c-brand-red);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.avatar-preview-stage{position:relative;flex:1 1 auto;min-height:330px}.avatar-preview-footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:0 22px 22px}.avatar-status{flex:1 1 240px;color:var(--c-ink-muted);font-family:var(--font-mono);font-size:13px;line-height:1.4}.avatar-submit-btn{flex:0 0 auto}@media (min-width: 600px){.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 900px){.avatar-chooser{grid-template-columns:minmax(300px,.78fr) minmax(360px,1.22fr)}.avatar-preview{min-height:470px;margin-top:31px}}.fatal-error-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-fatal);display:flex;align-items:center;justify-content:center;padding:max(var(--sp-5),var(--safe-top)) max(var(--sp-5),var(--safe-right)) max(var(--sp-5),var(--safe-bottom)) max(var(--sp-5),var(--safe-left));box-sizing:border-box;overflow:auto;background:#0f1115d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--font-ui)}.fatal-error-card{width:min(460px,100%);box-sizing:border-box;padding:clamp(24px,5vw,34px);border:1px solid rgba(15,17,21,.08);border-top:6px solid var(--c-brand-red);border-radius:var(--r-xl);background:#fff;color:var(--c-ink);box-shadow:0 30px 100px #00000073;text-align:center}.fatal-error-title{margin:0 0 12px;color:var(--c-ink);font-size:clamp(24px,5vw,30px);line-height:1.05;font-weight:900;letter-spacing:-.04em}.fatal-error-msg{margin:0 0 24px;color:var(--c-ink-soft);font-size:clamp(15px,2vw,17px);line-height:1.5}.fatal-error-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);border:0;border-radius:var(--r-pill);padding:var(--sp-3) var(--sp-6);color:#fff;background:var(--c-brand-gradient);font-family:var(--font-ui);font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 16px 42px #e3061352;touch-action:manipulation}