*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{background:none;border:none;cursor:pointer;font:inherit;color:inherit}code{font-family:var(--font-mono);font-size:.875em}:root{--bg: #04050a;--bg-2: #080b12;--surface: rgba(255,255,255,.03);--surface-2: rgba(255,255,255,.06);--border: rgba(255,255,255,.07);--border-2: rgba(255,255,255,.13);--text: #f0ece0;--text-2: #9a9286;--text-3: #5c574f;--gold: #c9a227;--gold-dim: rgba(201,162,39,.55);--gold-glow: rgba(201,162,39,.12);--teal: #4ecdc4;--teal-dim: rgba(78,205,196,.4);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "Menlo", "Consolas", "Monaco", monospace;--radius: 10px;--radius-sm: 6px;--radius-lg: 18px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--motion-fast: .12s;--motion-base: .18s;--motion-slow: .32s;--ease-out: cubic-bezier(.22,1,.36,1);--touch-min: 44px}.skip-link{position:absolute;top:-100%;left:var(--sp-5);z-index:9999;padding:var(--sp-2) var(--sp-4);background:var(--gold);color:#0a0800;font-size:14px;font-weight:600;border-radius:0 0 var(--radius-sm) var(--radius-sm);transition:top var(--motion-fast)}.skip-link:focus{top:0;outline:none}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden;cursor:none}.game-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.world-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;z-index:0}.game-cursor{position:fixed;pointer-events:none;z-index:9998;width:20px;height:20px;border:1.5px solid var(--gold);border-radius:50%;transform:translate(-50%,-50%);transition:transform var(--motion-fast),border-color var(--motion-fast);mix-blend-mode:screen}.game-cursor:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--gold);opacity:.6}.hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.hud-overlay>*{pointer-events:auto}.hud-top{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none}.hud-zone-prompt{padding:var(--sp-2) var(--sp-6);background:#04050abf;border:1px solid rgba(201,162,39,.15);border-radius:999px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 24px #c9a2270a}.hud-zone-prompt-text{font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-3)}.hud-zone-active{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-8);background:#04050ae0;border:1px solid rgba(201,162,39,.3);border-radius:999px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 32px #c9a2271a,0 0 0 1px #c9a2270f inset}.hud-zone-name{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.1}.hud-zone-sub{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.hud-stats{position:absolute;bottom:var(--sp-5);left:var(--sp-5);width:210px;padding:var(--sp-4);background:#04050ae0;border:1px solid rgba(201,162,39,.2);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 0 1px #c9a2270d inset,0 8px 40px #0009}.hud-stats:before,.hud-stats:after{content:"";position:absolute;width:10px;height:10px;border-color:var(--gold);border-style:solid;opacity:.5}.hud-stats:before{top:3px;left:3px;border-width:1px 0 0 1px}.hud-stats:after{bottom:3px;right:3px;border-width:0 1px 1px 0}.hud-stats-title{font-size:9px;font-weight:700;letter-spacing:.25em;color:var(--gold);margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border)}.hud-stat{margin-bottom:var(--sp-3)}.hud-stat:last-child{margin-bottom:0}.hud-stat-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-1)}.hud-stat-label{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--text-3)}.hud-stat-val{font-family:var(--font-mono);font-size:11px;font-weight:600}.hud-bar{height:3px;background:#ffffff12;border-radius:999px;overflow:hidden}.hud-bar-fill{height:100%;border-radius:999px;transition:width 1s var(--ease-out)}.minimap{position:absolute;bottom:var(--sp-5);right:var(--sp-5);width:150px;padding:var(--sp-3);background:#04050ae0;border:1px solid rgba(201,162,39,.2);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 0 1px #c9a2270d inset,0 8px 40px #0009}.minimap:before,.minimap:after{content:"";position:absolute;width:10px;height:10px;border-color:var(--gold);border-style:solid;opacity:.5}.minimap:before{top:3px;left:3px;border-width:1px 0 0 1px}.minimap:after{bottom:3px;right:3px;border-width:0 1px 1px 0}.minimap-label{font-size:9px;font-weight:700;letter-spacing:.25em;color:var(--gold);margin-bottom:var(--sp-2);padding-bottom:var(--sp-1);border-bottom:1px solid var(--border)}.minimap-field{position:relative;width:100%;aspect-ratio:1;background:#ffffff05;border-radius:var(--radius-sm);overflow:hidden}.minimap-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.minimap-dot{position:absolute;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;transition:background var(--motion-base),box-shadow var(--motion-base),transform var(--motion-fast);min-width:0;min-height:0;padding:0}.minimap-dot:hover{transform:translate(-50%,-50%) scale(1.4)}.minimap-dot-active{transform:translate(-50%,-50%) scale(1.3)}.zone-panel{position:absolute;top:0;right:0;bottom:0;z-index:20;width:min(520px,95vw);display:flex;flex-direction:column;background:#04050af0;border-left:1px solid rgba(201,162,39,.18);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);overflow-y:auto;animation:panel-slide-in var(--motion-slow) var(--ease-out) both;box-shadow:-12px 0 60px #000000b3,-1px 0 #c9a2270f inset}.zone-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.011) 3px,rgba(255,255,255,.011) 4px);pointer-events:none;z-index:0}.zone-panel>*{position:relative;z-index:1}@keyframes panel-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.zone-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-6) var(--sp-6) var(--sp-4);border-bottom:1px solid rgba(201,162,39,.12);position:sticky;top:0;background:#04050af7;z-index:2;box-shadow:0 1px #c9a2270f}.zone-panel-header-left{display:flex;flex-direction:column;gap:var(--sp-3)}.zone-panel-back{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);transition:color var(--motion-base);cursor:pointer;min-height:var(--touch-min)}.zone-panel-back:hover{color:var(--text-2)}.zone-panel-title-group{display:flex;flex-direction:column;gap:var(--sp-1)}.zone-panel-name{font-family:var(--font-display);font-size:32px;font-weight:600;line-height:1;letter-spacing:-.02em}.zone-panel-subtitle{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.zone-panel-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);color:var(--text-3);cursor:pointer;transition:border-color var(--motion-base),color var(--motion-base);min-height:0}.zone-panel-close:hover{border-color:var(--border-2);color:var(--text)}.zone-panel-lore{padding:var(--sp-4) var(--sp-6);font-size:14px;font-weight:300;line-height:1.7;color:var(--text-2);border-bottom:1px solid var(--border)}.zone-panel-content{flex:1;overflow-y:auto}.panel-body{padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5)}.panel-stat-row{display:flex;flex-direction:column;gap:var(--sp-3)}.panel-stat{display:flex;align-items:center;gap:var(--sp-3)}.panel-stat-label{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--text-3);text-transform:uppercase;width:120px;flex-shrink:0}.panel-bar{flex:1;height:4px;background:#ffffff12;border-radius:999px;overflow:hidden}.panel-bar-fill{height:100%;border-radius:999px}.panel-stat-val{font-family:var(--font-mono);font-size:12px;color:var(--gold);width:36px;text-align:right}.panel-lore{font-size:14px;font-weight:300;line-height:1.7;color:var(--text-2)}.panel-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.panel-tags span{padding:5px 12px;border:1px solid rgba(201,162,39,.25);border-radius:999px;font-size:11px;font-weight:500;color:#c9a227cc;background:#c9a2270d;letter-spacing:.04em}.panel-not-list{display:flex;flex-direction:column;gap:var(--sp-2)}.panel-not-item{display:flex;align-items:center;gap:var(--sp-3);font-size:13px;color:#f0ece080}.panel-not-x{color:#c9a22766;font-size:15px;flex-shrink:0}.panel-corpus-stat{display:flex;flex-direction:column;gap:var(--sp-1)}.panel-big-num{font-family:var(--font-display);font-size:48px;font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--gold)}.panel-big-label{font-size:12px;color:var(--text-3)}.panel-kg-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.panel-kg-stat{display:flex;flex-direction:column;gap:2px;padding:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.panel-kg-val{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1;letter-spacing:-.02em}.panel-kg-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em}.panel-corpus-list{display:flex;flex-direction:column;gap:var(--sp-1)}.panel-corpus-item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2);border-radius:var(--radius-sm);transition:background var(--motion-fast)}.panel-corpus-item:hover{background:var(--surface)}.panel-corpus-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);opacity:.6;flex-shrink:0;margin-top:6px}.panel-corpus-name{display:block;font-size:13px;font-weight:500;color:var(--text)}.panel-corpus-rag{display:block;font-size:9px;color:#4ecdc48c;margin:2px 0}.panel-corpus-detail{display:block;font-size:11px;color:var(--text-3)}.panel-group-label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border)}.panel-group-label-builder{color:#c9a227b3}.panel-skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.panel-skill-card{padding:var(--sp-3) var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--sp-1);transition:background var(--motion-fast),border-color var(--motion-fast)}.panel-skill-card:hover{background:var(--surface-2);border-color:var(--border-2)}.panel-skill-card-builder{border-color:#c9a2271a;background:#c9a22705}.panel-skill-card-builder:hover{border-color:#c9a22733;background:#c9a2270d}.panel-skill-file{font-size:9px;letter-spacing:.04em;color:#4ecdc499;padding:2px 6px;background:#4ecdc40f;border:1px solid rgba(78,205,196,.12);border-radius:3px;display:inline-block;width:fit-content}.panel-skill-file-builder{color:#c9a22799;background:#c9a2270f;border-color:#c9a22724}.panel-skill-name{font-size:12px;font-weight:500;color:var(--text-2)}.panel-code-block{background:#00000073;border:1px solid rgba(201,162,39,.15);border-radius:var(--radius-sm);overflow:hidden}.panel-code-label{padding:6px 12px;font-size:9px;font-weight:600;letter-spacing:.12em;color:#c9a22799;text-transform:uppercase;border-bottom:1px solid rgba(201,162,39,.1);background:#c9a2270a}.panel-code{margin:0;padding:12px;font-family:var(--font-mono);font-size:11px;line-height:1.65;color:#f0ece0bf;white-space:pre;overflow-x:auto}.panel-flavor-list{display:flex;flex-direction:column;gap:var(--sp-2)}.panel-flavor-row{display:flex;align-items:center;gap:var(--sp-3)}.panel-flavor-tag{font-size:10px;font-weight:600;letter-spacing:.06em;padding:3px 8px;border:1px solid;border-radius:4px;white-space:nowrap;flex-shrink:0;width:90px;text-align:center}.panel-flavor-desc{font-size:12px;color:var(--text-3);line-height:1.45}.panel-forge-total{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-3) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.panel-forge-num{font-family:var(--font-display);font-size:42px;font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--gold)}.panel-forge-label{font-size:13px;color:var(--text-3)}.panel-group-note{font-size:11px;color:var(--text-3);line-height:1.5;margin-bottom:2px}.panel-skill-detail{font-size:10px;color:var(--text-3);line-height:1.45;margin-top:2px}.panel-cycle-display{display:flex;flex-direction:column;gap:var(--sp-1)}.panel-cycle-num{font-family:var(--font-display);font-size:56px;font-weight:600;line-height:1;letter-spacing:-.04em;color:var(--gold)}.panel-cycle-label{font-size:12px;color:var(--text-3)}.panel-loop-list{display:flex;flex-direction:column;gap:var(--sp-4)}.panel-loop-step{display:flex;gap:var(--sp-4);align-items:flex-start}.panel-loop-n{font-family:var(--font-display);font-size:28px;font-weight:600;color:#c9a22733;line-height:1;flex-shrink:0;width:32px}.panel-loop-label{font-size:14px;font-weight:600;color:var(--text);margin-bottom:3px}.panel-loop-skill{display:inline-block;font-size:9px;color:#4ecdc4b3;background:#4ecdc414;border:1px solid rgba(78,205,196,.15);border-radius:3px;padding:1px 6px;margin-bottom:4px;letter-spacing:.04em}.panel-loop-desc{font-size:12px;font-weight:300;color:var(--text-2);line-height:1.55}.panel-principles{display:flex;flex-direction:column;gap:var(--sp-4)}.panel-principle{display:flex;gap:var(--sp-4);align-items:flex-start;padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.panel-principle-n{font-family:var(--font-display);font-size:28px;font-weight:600;color:#c9a22733;line-height:1;flex-shrink:0;width:28px}.panel-principle-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.panel-principle-body{font-size:13px;font-weight:300;color:var(--text-2);line-height:1.62}.panel-gate-rules{display:flex;flex-direction:column;gap:var(--sp-3)}.panel-gate-rule{display:flex;align-items:center;gap:var(--sp-3);font-size:14px;color:#f0ece0bf}.panel-gate-check{color:var(--gold);font-size:15px;font-weight:600}.panel-gate-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:var(--sp-2);padding:13px 24px;min-height:var(--touch-min);border-radius:999px;background:var(--gold);color:#0a0800;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background var(--motion-base),transform var(--motion-fast),box-shadow var(--motion-base)}.btn-primary:hover{background:#d9b230;transform:translateY(-1px);box-shadow:0 6px 24px #c9a2274d}.btn-primary:active{transform:translateY(0)}.btn-ghost{display:inline-flex;align-items:center;gap:var(--sp-2);padding:13px 24px;min-height:var(--touch-min);border-radius:999px;border:1px solid var(--border-2);color:var(--text-2);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:border-color var(--motion-base),color var(--motion-base),background var(--motion-base)}.btn-ghost:hover{border-color:#ffffff38;color:var(--text);background:var(--surface)}.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#04050a;display:flex;align-items:center;justify-content:center;transition:opacity .6s var(--ease-out)}.boot-screen--fading{opacity:0;pointer-events:none}.boot-inner{max-width:520px;width:90%;padding:var(--sp-8)}.boot-logo{font-family:var(--font-display);font-size:52px;font-weight:600;letter-spacing:-.04em;color:var(--gold);line-height:1;margin-bottom:var(--sp-2)}.boot-sub{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--sp-8);padding-bottom:var(--sp-6);border-bottom:1px solid rgba(201,162,39,.15)}.boot-lines{display:flex;flex-direction:column;gap:3px;min-height:220px}.boot-line{font-family:var(--font-mono);font-size:12px;line-height:1.6;color:#f0ece073;animation:boot-appear .12s var(--ease-out) both}.boot-line--active{color:#f0ece0d9}.boot-line--gap{height:8px}@keyframes boot-appear{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.boot-cursor{display:inline-block;color:var(--gold);animation:blink .7s step-end infinite;font-family:var(--font-mono);font-size:12px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.zone-panel-accent{position:absolute;top:0;left:0;right:0;height:2px;z-index:2;pointer-events:none}.zone-panel-header-right{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.zone-nav{display:flex;align-items:center;gap:var(--sp-1)}.zone-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);color:var(--text-3);cursor:pointer;transition:border-color var(--motion-base),color var(--motion-base),background var(--motion-base)}.zone-nav-btn:hover{border-color:var(--border-2);color:var(--text);background:var(--surface)}.zone-nav-pos{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--text-3);min-width:28px;text-align:center}.panel-endpoint-list{display:flex;flex-direction:column;gap:var(--sp-2)}.panel-endpoint-row{display:flex;flex-direction:column;gap:3px;padding:var(--sp-2) var(--sp-3);background:#0000004d;border:1px solid var(--border);border-radius:var(--radius-sm)}.panel-endpoint-path{font-family:var(--font-mono);font-size:11px;color:#c9a227bf}.panel-endpoint-note{font-size:11px;color:var(--text-3)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:600px){.zone-panel{width:100%;border-left:none;border-top:1px solid var(--border-2);top:auto}.hud-stats{width:160px}.minimap{width:100px}.minimap-label{display:none}.hud-zone-name{font-size:18px}.panel-skill-grid{grid-template-columns:1fr}.panel-big-num{font-size:36px}.panel-cycle-num{font-size:40px}}