:root{--g-night:#0d2420;--g-night-2:#133a32;--g-gold:#e9c873;--g-gold-deep:#b98a32;--g-gold-pale:#fff3c9;--g-parch:#f6ecd2;--g-parch-2:#ead9ae;--g-parch-edge:#b89a5e;--g-ink:#2f3f35;--g-ink-soft:#5d6b5c;--g-wood:#4a3220;--g-wood-2:#2e1f14;--g-teal:#0f6e62;--g-lock:#76837a;--hud-pad:clamp(12px, 1.6vw, 22px);--g-wood-frame:#8b6235;--g-wood-text:#8a6124;--g-ink-teal:#0f4f4a}.hud-eyebrow{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--g-wood-text);font-size:10px;font-weight:800;display:block}.hud-close{border:3px solid var(--g-wood-frame);min-height:40px;color:var(--g-ink-teal);font:800 12px/1 var(--font-body);background:linear-gradient(#fffdf6,#f4edd8);border-radius:999px;align-items:center;gap:10px;padding:8px 16px;display:inline-flex;box-shadow:inset 0 1px #fff,0 10px 24px #3a271838}.hud-close:hover{background:#fffaf0;border-color:#a5763f}.hud-close kbd,.hud-menu kbd{font:700 9px/1 var(--font-body);opacity:.55;border:1px solid;border-radius:4px;padding:3px 5px}.scene-curtain{z-index:200;pointer-events:all;background:#cfe8f2;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.scene-curtain-glow{filter:blur(14px)saturate(1.1)brightness(1.04);background:url(/bg-village.jpg) 50%/cover;position:absolute;inset:-4%}.scene-curtain-glow:after{content:"";background:radial-gradient(60% 55%,#fffdf680,#fffdf626 70%,#143c3240);position:absolute;inset:0}.scene-card{text-align:center;border:3px solid var(--g-wood-frame);color:var(--g-ink-teal);background:linear-gradient(#fffdf6,#f4edd8);border-radius:30px;flex-direction:column;align-items:center;gap:10px;max-width:min(560px,90vw);padding:26px 40px 24px;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 10px 24px #3a271838}.scene-card-leaf{fill:none;width:34px;height:34px;stroke:var(--color-seen-patina);stroke-width:1.6px;stroke-linecap:round}.scene-card-eyebrow{font:800 11px/1.4 var(--font-body);letter-spacing:.32em;text-transform:uppercase;color:var(--g-wood-text)}.scene-card-title{font:700 clamp(30px, 5vw, 52px)/1.05 var(--font-display);letter-spacing:.04em;color:#0f4f4a}.scene-card-sub{font:italic 600 clamp(17px, 2vw, 22px)/1.3 var(--font-serif);color:#4b5a52}.scene-card-rule{background:linear-gradient(90deg, transparent, var(--g-wood-frame), transparent);width:180px;height:2px;margin-top:6px}.scene-card-dots{gap:7px;margin-top:8px;display:flex}.scene-card-dots i{background:var(--color-seen-patina);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite dot-pulse}.scene-card-dots i:nth-child(2){animation-delay:.15s}.scene-card-dots i:nth-child(3){animation-delay:.3s}@keyframes dot-pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.game-screen{color:var(--g-ink);isolation:isolate;background:#1c2f22;position:fixed;inset:0;overflow:hidden}.map-layer{position:absolute;inset:0}.map-viewport{outline:none;position:absolute;inset:0;overflow:hidden}.map-backfill{object-fit:cover;filter:blur(22px)saturate(1.1)brightness(.8);transform:scale(1.1)}.map-stage{width:max(100vw,179.17dvh);height:max(100dvh,55.8129vw);position:absolute;top:50%;left:50%;translate:-50% -50%}.map-art{object-fit:cover;-webkit-user-select:none;user-select:none}.map-vignette{pointer-events:none;background:radial-gradient(130% 100%,#0000 65%,#1e3c2838 100%);position:absolute;inset:0}.map-dismiss{cursor:default;background:0 0;border:0;position:absolute;inset:0}@media (min-aspect-ratio:2){.map-stage{width:179.17dvh;height:100dvh}}@media (max-aspect-ratio:6/5){.map-viewport{scrollbar-width:none;overscroll-behavior-x:contain;overflow:auto hidden}.map-viewport::-webkit-scrollbar{display:none}.map-stage{width:179.17dvh;height:100%;top:0;left:0;translate:none}}.map-marker{z-index:2;width:0;height:0;position:absolute}.map-marker.is-selected{z-index:3}.map-marker:has(.marker-body:hover){z-index:3}.marker-body:focus-visible{outline:none}.marker-body:focus-visible .marker-medallion{outline-offset:3px;outline:3px solid #fff3c9}.marker-anchor{background:radial-gradient(circle,#fff7d6 0 30%,#e9c87300 70%);border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:-5px;box-shadow:0 0 0 2px #0003}.map-marker.is-locked .marker-anchor{opacity:.7;background:radial-gradient(circle,#e8eadf 0 30%,#0000 70%)}.marker-body{color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;transition:transform .2s;display:flex;position:absolute;bottom:10px;left:0;translate:-50%}.map-marker.label-below .marker-body{top:-26px;bottom:auto}.map-marker.label-below .marker-label{order:2}.map-marker:hover .marker-body,.map-marker.is-selected .marker-body{transform:translateY(-3px)}.map-marker.is-focus .marker-body{animation:2.4s ease-in-out infinite marker-bob}@keyframes marker-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.marker-medallion{color:#fff8de;background:radial-gradient(circle at 35% 30%,#3f8a77,#155447 70%);border:2px solid #f6e4a8;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative;box-shadow:0 0 0 2px #2b1d10cc,0 6px 14px #0007}.map-marker.kind-main.is-current .marker-medallion{color:#3b2508;background:radial-gradient(circle at 35% 30%,#ffe9a2,#d5a640 60%,#9a6b20);border-color:#fff6d4;box-shadow:0 0 0 2px #3a250f,0 0 22px #ffd36e99,0 6px 14px #0007}.map-marker.kind-side.is-current .marker-medallion{color:#083a32;background:radial-gradient(circle at 35% 30%,#b9eee2,#48b7a1 60%,#1f7b6a);border-color:#e9fff8;width:38px;height:38px;box-shadow:0 0 0 2px #0d3a32,0 0 16px #8ff0dc80,0 6px 14px #0007}.map-marker.kind-side .marker-medallion{width:38px;height:38px}.map-marker.is-complete .marker-medallion{background:radial-gradient(circle at 35% 30%,#5aa98d,#22684f 70%)}.map-marker.is-locked .marker-medallion{color:#e5e9dd;filter:saturate(.6);background:radial-gradient(circle at 35% 30%,#8e9a90,#57645b 70%);border-color:#d3d8c8}.map-marker.kind-gate .marker-medallion,.map-marker.kind-shrine .marker-medallion{border-radius:12px;rotate:45deg}.map-marker.kind-gate .marker-medallion>*,.map-marker.kind-shrine .marker-medallion>*{rotate:-45deg}.map-marker.kind-gate.is-current .marker-medallion{color:#3b2508;background:radial-gradient(circle at 35% 30%,#ffe9a2,#d5a640 60%,#9a6b20)}.map-marker.kind-shrine.is-complete .marker-medallion{color:#4a2e05;background:radial-gradient(circle at 35% 30%,#fff6cf,#f0cf78 45%,#b98a32);box-shadow:0 0 0 2px #3a250f,0 0 30px #ffd36ecc}.map-marker.kind-region .marker-medallion{width:58px;height:58px}.map-marker.kind-region.is-current .marker-medallion{color:#3b2508;background:radial-gradient(circle at 35% 30%,#ffe9a2,#d5a640 60%,#9a6b20);box-shadow:0 0 0 2px #3a250f,0 0 26px #ffd36eaa,0 6px 14px #0007}.marker-ring{width:calc(100% + 14px);height:calc(100% + 14px);position:absolute;inset:-7px;rotate:-90deg}.marker-ring circle{fill:none;stroke:#0007;stroke-width:3px}.marker-ring .ring-fill{stroke:#fff3c9;stroke-linecap:round}.marker-bang{font:900 24px/1 var(--font-display);text-shadow:0 1px #fff8}.map-marker.kind-side .marker-bang{font-size:19px}.marker-rank{background:var(--g-gold-pale);color:#5a3a0c;width:20px;height:20px;font:800 11px/1 var(--font-display);border:1.5px solid #8a6124;border-radius:6px;place-items:center;display:grid;position:absolute;bottom:-6px;right:-8px}.marker-beam{pointer-events:none;background:radial-gradient(circle,#ffe6a055,#0000 65%);border-radius:50%;width:74px;height:74px;animation:2.4s ease-in-out infinite beam;position:absolute;bottom:8px;left:50%;translate:-50%}@keyframes beam{0%,to{opacity:.5;scale:.9}50%{opacity:1;scale:1.15}}.map-marker.is-selected .marker-medallion{outline-offset:3px;outline:3px solid #fff8de}.marker-label{max-width:210px;font:700 12px/1.15 var(--font-display);color:#3d2c14;text-align:center;white-space:nowrap;background:linear-gradient(#fbf3dc,#ecdcae);border:1px solid #9d7c43;border-radius:3px;flex-direction:column;align-items:center;padding:5px 14px 6px;display:flex;position:relative;box-shadow:0 3px 8px #0005,inset 0 1px #fff}.marker-label:before,.marker-label:after{content:"";z-index:-1;background:#d9c38d;border:1px solid #9d7c43;width:9px;position:absolute;top:4px;bottom:4px}.marker-label:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,45% 50%);left:-7px}.marker-label:after{clip-path:polygon(0 0,100% 0,55% 50%,100% 100%,0 100%);right:-7px}.marker-label small{font:800 8.5px/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#8a6a35;margin-top:2px}.map-marker.is-locked .marker-label{color:#5d6459;background:linear-gradient(#ecebe1,#d7d6c7)}.map-marker.is-locked .marker-label small{color:#7d8477}.map-marker.kind-region .marker-label{padding:7px 18px 8px;font-size:15px}.marker-token{position:absolute;top:-4px;left:calc(50% + 26px)}.player-token{background:var(--g-teal);border:2px solid #fff3c9;border-radius:50%;width:30px;height:30px;display:block;overflow:hidden;box-shadow:0 3px 8px #0008}.player-token img{object-fit:cover;width:100%;height:100%}.hud{z-index:10;pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud{transition:opacity .4s}.hud.is-hidden{opacity:0}.hud.is-hidden>*{pointer-events:none}.hud-player{left:var(--hud-pad);top:var(--hud-pad);border:3px solid var(--g-wood-frame);color:var(--g-ink-teal);text-align:left;background:linear-gradient(#fffdf6,#f4edd8);border-radius:40px 18px 18px 40px;align-items:center;gap:12px;padding:6px 16px 6px 6px;display:flex;position:absolute;box-shadow:inset 0 1px #fff,0 10px 24px #3a271838}.hud-player:hover{border-color:#a5763f}.player-portrait{color:#fff3c9;background:#1b5247;border:3px solid #e9c873;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:0 0 0 2px #2b1d10}.player-portrait img{object-fit:cover;border-radius:50%;width:100%;height:100%}.player-level{color:#3a250f;min-width:24px;height:24px;font:800 12px/1 var(--font-display);background:linear-gradient(#ffe9a2,#c99736);border:2px solid #3a250f;border-radius:12px;place-items:center;padding:0 4px;display:grid;position:absolute;bottom:-4px;right:-6px}.player-meta{flex-direction:column;gap:2px;min-width:170px;display:flex}.player-meta strong{font:700 17px/1.1 var(--font-display);letter-spacing:.03em;color:#0f4f4a}.player-meta small{font:700 11px/1.2 var(--font-body);color:#4b5a52;align-items:center;gap:5px;display:flex}.player-xp{background:#e8dcb8;border:1.5px solid #8b6235b3;border-radius:7px;height:13px;margin-top:4px;display:block;position:relative;overflow:hidden}.player-xp i{background:linear-gradient(90deg,#2bb39a,#009985);position:absolute;inset:0 auto 0 0}.player-xp em{text-align:center;font:800 8.5px/12px var(--font-body);letter-spacing:.08em;color:#123f3a;font-style:normal;display:block;position:relative}.hud-menu{right:var(--hud-pad);top:var(--hud-pad);border:3px solid var(--g-wood-frame);background:linear-gradient(#fffdf6,#f4edd8);border-radius:20px;gap:4px;padding:5px;display:flex;position:absolute;box-shadow:inset 0 1px #fff,0 10px 24px #3a271838}.hud-menu button{color:#1f5a54;min-width:62px;font:800 10px/1 var(--font-body);letter-spacing:.06em;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:7px 8px 6px;display:flex;position:relative}.hud-menu button:hover{color:#0f4f4a;background:#e8f3ea}.hud-menu button.is-active{color:#fff;background:linear-gradient(#2bb39a,#009985 62%,#007c7c);border-color:#0e6b5c}.hud-menu kbd{padding:1px 3px;font-size:7.5px;position:absolute;top:4px;right:5px}.hud-badge{background:#ffcf5a;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;left:12px;box-shadow:0 0 8px #ffcf5a}.hud-realm-plate{left:50%;bottom:var(--hud-pad);border:3px solid var(--g-wood-frame);color:var(--g-ink-teal);background:linear-gradient(#fffdf6,#f4edd8);border-radius:20px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;translate:-50%;box-shadow:inset 0 1px #fff,0 10px 24px #3a271838}.hud-realm-plate>button{color:#fff;min-height:42px;font:800 11px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#2bb39a,#009985 62%,#007c7c);border:2px solid #0e6b5c;border-radius:14px;align-items:center;gap:6px;padding:0 14px;display:flex}.hud-realm-plate>button:hover{filter:brightness(1.06)}.hud-realm-plate>span{flex-direction:column;align-items:center;padding:2px 18px;display:flex}.hud-realm-plate small{font:800 9px/1.3 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--g-wood-text)}.hud-realm-plate strong{font:700 17px/1.2 var(--font-display);letter-spacing:.04em;white-space:nowrap;color:#0f4f4a}.hud-tracker{right:var(--hud-pad);bottom:var(--hud-pad);border:3px solid var(--g-wood-frame);width:min(300px,32vw);color:var(--g-ink-teal);background:linear-gradient(#fffdf6,#f4edd8);border-radius:20px;padding:12px 12px 8px;position:absolute;box-shadow:inset 0 1px #fff,0 10px 24px #3a271838}.hud-tracker header{font:800 10px/1 var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--g-wood-text);justify-content:space-between;align-items:baseline;display:flex}.hud-tracker header b{font:700 14px/1 var(--font-display);letter-spacing:0;color:#0f4f4a}.tracker-meter{background:#e8dcb8;border-radius:3px;height:5px;margin:8px 0 6px;overflow:hidden}.tracker-meter i{background:linear-gradient(90deg,#2bb39a,#009985);height:100%;display:block}.hud-tracker ul{margin:0;padding:0;list-style:none}.hud-tracker li button{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:10px;padding:7px 6px;display:flex}.hud-tracker li button:hover{background:#eef6ee}.hud-tracker strong{font:700 13px/1.25 var(--font-display);color:#0f4f4a;display:block}.hud-tracker small{font:600 11px/1.35 var(--font-body);color:#55625a;margin-top:1px;display:block}.hud-tracker li.is-side strong{color:#1f6f63;font-size:12px}.tracker-bang{color:#3a250f;width:20px;height:20px;font:900 13px/1 var(--font-display);background:radial-gradient(circle at 35% 30%,#ffe9a2,#c99736);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid;box-shadow:0 0 10px #ffd36e66}.tracker-bang.side{color:#083a32;box-shadow:none;background:radial-gradient(circle at 35% 30%,#b9eee2,#3aa892)}.tracker-finale{font:700 12px/1.4 var(--font-body);color:#0f4f4a;align-items:center;gap:8px;padding:4px 4px 6px;display:flex}.hud-guide{left:var(--hud-pad);bottom:var(--hud-pad);text-align:left;background:0 0;border:0;align-items:flex-end;gap:0;max-width:min(400px,36vw);padding:0;display:flex;position:absolute}.hud-guide .guide-face{z-index:1;flex:none;width:66px;height:66px}.guide-bubble{font:600 13px/1.4 var(--font-body);color:#344a42;background:linear-gradient(#fffaf0,#f3e7c8);border:2px solid #8b6235;border-radius:6px 16px 16px 6px;margin-bottom:4px;margin-left:-10px;padding:10px 14px 11px 22px;box-shadow:0 8px 20px #0005}.guide-bubble b{font:800 9px/1.2 var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:#0f6e62;margin-bottom:2px;display:block}.hud-guide:hover .guide-bubble{border-color:#b8873f}.zone-title{z-index:12;text-align:center;pointer-events:none;color:#fffdf4;text-shadow:0 2px #3a2a14,0 0 3px #3a2a14,0 0 24px #14281eb3;flex-direction:column;align-items:center;display:flex;position:absolute;top:13%;left:50%;translate:-50%}.zone-title span{font:800 12px/1.4 var(--font-body);letter-spacing:.4em;text-transform:uppercase;color:#ffe39a}.zone-title strong{font:700 clamp(34px, 5.4vw, 64px)/1.05 var(--font-display)}.zone-title em{font:italic 500 clamp(17px, 2vw, 23px)/1.3 var(--font-serif);color:#f3ead0}.quest-scroll{z-index:15;top:calc(var(--hud-pad) + 80px);transform-origin:top;filter:drop-shadow(0 18px 30px #0009);flex-direction:column;width:min(390px,100vw - 32px);max-height:calc(100dvh - 190px);display:flex;position:absolute}.quest-scroll.scroll-left{left:var(--hud-pad)}.quest-scroll.scroll-right{right:var(--hud-pad)}.scroll-rod{z-index:1;background:linear-gradient(#8a5d33,#4a2f17 60%,#2e1d0e);border:1px solid #221409;border-radius:8px;height:16px;margin:0 -10px;display:block;position:relative}.scroll-rod:before,.scroll-rod:after{content:"";background:linear-gradient(#e9c873,#9a6b20);border:1px solid #3a250f;border-radius:6px;width:14px;height:22px;position:absolute;top:-3px}.scroll-rod:before{left:-6px}.scroll-rod:after{right:-6px}.scroll-paper{color:var(--g-ink);scrollbar-width:thin;background:linear-gradient(90deg,#e6d3a3,#f8efd6 12%,#fbf4e1 50%,#f8efd6 88%,#e6d3a3);margin:-4px 0;padding:18px 24px 20px;overflow-y:auto}.scroll-head{justify-content:space-between;align-items:center;display:flex}.scroll-kind{font:800 9.5px/1.3 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:#8a6124}.scroll-close{color:#6a4a1d;width:32px;height:32px;font:400 20px/1 var(--font-body);background:#fff8e6;border:1px solid #b89a5e;border-radius:50%}.scroll-paper h2{font:700 26px/1.12 var(--font-display);color:#2f2412;margin:8px 0 2px}.scroll-place{font:italic 500 16px/1.3 var(--font-serif);color:#6c5a3a}.scroll-ornament{color:#b08a45;align-items:center;gap:10px;margin:12px 0;font-size:11px;display:flex}.scroll-ornament:before,.scroll-ornament:after{content:"";background:linear-gradient(90deg,#0000,#b89a5e,#0000);flex:1;height:1px}.scroll-riddle{font:italic 500 18px/1.45 var(--font-serif);color:#3e3420;border-left:3px solid #d2b46e;margin:0;padding:2px 0 2px 14px}.scroll-section{margin-top:14px}.scroll-caption{font:800 9.5px/1.3 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:#8a6124;margin-bottom:4px;display:block}.scroll-section p{font:600 13.5px/1.5 var(--font-body);color:#3e4a3f}.scroll-rewards{background:#efe1b9aa;border:1px solid #d6bd85;border-radius:8px;margin-top:14px;padding:10px 12px}.reward-row{align-items:center;gap:10px;padding:4px 0;display:flex}.reward-row strong{font:800 13px/1.25 var(--font-body);color:#3a2c12;display:block}.reward-row small{font:600 10.5px/1.3 var(--font-body);color:#7b6a48;display:block}.reward-gem{color:#e9f5e8;background:#2d5a4c;border:2px solid #f1dda0;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid;rotate:45deg}.reward-gem>*{rotate:-45deg}.reward-gem.lit{color:#4a2e05;background:radial-gradient(circle at 35% 30%,#fff6cf,#f0cf78 45%,#b98a32)}.reward-gem.xp{color:#3a250f;font:900 10px/1 var(--font-display);background:radial-gradient(circle at 35% 30%,#ffe9a2,#c99736);border-radius:50%;rotate:none}.scroll-blocker{color:#5a4a2c;width:100%;font:600 12.5px/1.35 var(--font-body);text-align:left;background:#f4ead0;border:1px dashed #a58a55;border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;display:flex}.scroll-blocker span{flex:1}.scroll-blocker:hover{background:#f8f0da}.scroll-begin{color:#3a250f;width:100%;min-height:50px;font:800 15px/1 var(--font-display);letter-spacing:.06em;background:linear-gradient(#ffe39a,#d9a947 55%,#b5832b);border:2px solid #3a250f;border-radius:10px;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex;box-shadow:0 4px #6d4615,0 8px 18px #a0702a55,inset 0 1px #fff6d0}.scroll-begin:hover:not(:disabled){filter:brightness(1.06)}.scroll-begin:active:not(:disabled){translate:0 2px;box-shadow:0 2px #6d4615}.scroll-begin:disabled{color:#6d7067;box-shadow:none;background:#d9d6c6;border-color:#9fa096}.scroll-foot{text-align:center;font:600 11px/1.4 var(--font-body);color:#7b6a48;margin-top:8px}.skill-screen{z-index:30;background:var(--g-night);color:#ecebd8;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 330px;display:grid;position:fixed;inset:0}.skill-sky{opacity:.9;background-position:50%;background-size:cover;position:absolute;inset:0}.skill-sky:after{content:"";background:radial-gradient(75% 75% at 45%,#0000 40%,#081e228c 100%);position:absolute;inset:0}.skill-header{padding:var(--hud-pad) calc(var(--hud-pad) + 6px) 4px;grid-column:1/-1;align-items:center;gap:24px;display:flex;position:relative}.skill-header h2{font:700 clamp(24px, 3vw, 36px)/1.1 var(--font-display);color:#fff3c9;text-shadow:0 0 22px #e9c87344}.skill-tally{gap:8px;margin:0 0 0 auto;display:flex}.skill-tally div{border:3px solid var(--g-wood-frame);background:linear-gradient(#fffdf6,#f4edd8);border-radius:14px;flex-direction:column;align-items:center;min-width:84px;padding:6px 10px;display:flex;box-shadow:inset 0 1px #fff,0 10px 24px #3a271838}.skill-tally dt{font:800 8.5px/1.3 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--g-wood-text)}.skill-tally dd{font:700 17px/1.2 var(--font-display);color:var(--g-ink-teal);margin:0}.skill-preview-banner{margin:6px calc(var(--hud-pad) + 6px) 0;border:3px solid var(--g-wood-frame);font:600 13px/1.35 var(--font-body);color:var(--g-ink-teal);background:linear-gradient(#fffdf6,#f4edd8);border-radius:16px;grid-column:1/2;align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 10px 24px #3a271838}.skill-preview-banner span{flex:1}.skill-preview-banner button{color:#fff;font:800 11.5px/1 var(--font-body);white-space:nowrap;background:linear-gradient(#2bb39a,#009985 62%,#007c7c);border:2px solid #0e6b5c;border-radius:999px;padding:7px 12px}.skill-canvas{outline:none;grid-area:3/1;place-items:center;min-height:0;padding:0 12px 12px;display:grid;position:relative;overflow:auto}.skill-svg{width:100%;min-width:860px;height:100%;max-height:100%}.tree-roots path{fill:none;stroke:#20372e;stroke-width:9px;stroke-linecap:round}.tree-trunk{filter:drop-shadow(0 0 18px #0008)}.branch-wood{fill:none;stroke:#23392f;stroke-width:12px;stroke-linecap:round}.bough-wood{fill:none;stroke:#1d3129;stroke-width:7px;stroke-linecap:round}.bough-bud{fill:#1f3b32;stroke:#33584b;stroke-width:1.5px}.tree-edge{fill:none;stroke-linecap:round}.tree-edge.dark{stroke:#35574a;stroke-width:3px;stroke-dasharray:2 8;opacity:.7}.tree-edge.open{stroke:#e9c873;stroke-width:3px;stroke-dasharray:4 9;opacity:.75;animation:1.4s linear infinite edge-flow}.tree-edge.lit{stroke:#ffe39a;stroke-width:5px;filter:drop-shadow(0 0 6px #ffd36ecc)}@keyframes edge-flow{to{stroke-dashoffset:-26px}}.skill-node{cursor:pointer;outline:none}.node-ring{fill:none;stroke:#2f5246;stroke-width:2px}.node-gem{fill:#142c25;stroke:#3c6355;stroke-width:2.5px}.node-lock{fill:none;stroke:#6f8a7e;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.node-icon{text-anchor:middle;font-family:"Apple Color Emoji", "Segoe UI Emoji", var(--font-body);filter:saturate(.25)brightness(.85)}.node-label{font:700 19px var(--font-display);fill:#c9d3c3;paint-order:stroke;stroke:#0b1d18;stroke-width:4px;stroke-linejoin:round}.node-status{font:800 11px var(--font-body);letter-spacing:.14em;fill:#7f9a8e;paint-order:stroke;stroke:#0b1d18;stroke-width:3px}.skill-node.kind-leaf .node-label{font-size:16px}.skill-node.is-complete .node-gem{fill:url(#gem-lit);stroke:#fff4cb}.skill-node.is-complete .node-ring{stroke:#e9c873;stroke-width:2.5px}.skill-node.is-complete .node-icon{filter:none}.skill-node.is-complete .node-label{fill:#fff3c9}.skill-node.is-complete .node-status{fill:#e9c873}.skill-node.is-current .node-gem{fill:#1d4a3e;stroke:#e9c873}.skill-node.is-current .node-icon{filter:none}.skill-node.is-current .node-label{fill:#fff3c9}.skill-node.is-current .node-status{fill:#9fe3cf}.skill-node.is-foreign{opacity:.75}.skill-node.is-foreign .node-gem{stroke:#4f7a8c}.skill-node.kind-mastery .node-gem{fill:#1a3029;stroke:#6c8a5e}.skill-node.kind-mastery.is-complete .node-gem{fill:url(#gem-lit);stroke:#fff4cb}.skill-node.kind-mastery .node-label{fill:#e9d9a8;font-size:22px}.node-pulse{fill:none;stroke:#e9c873;stroke-width:2px;opacity:.6;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite node-pulse}.skill-node.is-fresh .node-pulse{stroke:#9ff0da;stroke-width:3px}@keyframes node-pulse{0%{opacity:.8;scale:.85}to{opacity:0;scale:1.35}}.node-burst{fill:none;stroke:#ffe39a;stroke-width:4px;transform-box:fill-box;transform-origin:50%}.node-spark{fill:#fff3c9}.skill-node:hover .node-gem,.skill-node:focus-visible .node-gem{stroke:#fff8de}.skill-node.is-selected .node-ring{stroke:#fff8de;stroke-width:3px}.bough-crest{cursor:pointer;outline:none}.crest-disc{fill:#11291f;stroke-width:2.5px}.crest-icon{fill:none;stroke:#d6e2d0;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.crest-name{text-anchor:middle;font:700 16px var(--font-display);fill:#a9b9a8;paint-order:stroke;stroke:#0b1d18;stroke-width:4px}.bough-crest:hover .crest-disc,.bough-crest:focus-visible .crest-disc{fill:#1d4236}.bough-crest:hover .crest-name{fill:#fff3c9}.bough-crest.is-yours .crest-name{fill:#e9c873}.skill-inspector{margin:8px var(--hud-pad) var(--hud-pad) 0;border:3px solid var(--g-wood-frame);color:var(--g-ink-teal);background:linear-gradient(#fffdf6,#f4edd8);border-radius:24px;grid-area:2/2/4;align-self:start;padding:20px;position:relative;box-shadow:inset 0 1px #fff,0 10px 24px #3a271838}.inspector-summary h3{font:700 23px/1.15 var(--font-display);color:#0f4f4a;margin:6px 0 8px}.inspector-summary p{font:500 14px/1.55 var(--font-body);color:#3d4a44;margin-bottom:10px}.inspector-quest b{color:#0f4f4a}.inspector-hint{color:#6b766d!important;font-size:12.5px!important}.inspector-rank b{font-family:var(--font-display);color:var(--g-wood-text);font-size:16px}.inspector-meter{background:#e8dcb8;border-radius:4px;height:6px;margin:6px 0;overflow:hidden}.inspector-meter span{background:linear-gradient(90deg,#2bb39a,#009985);height:100%;display:block}.inspector-action{color:#3a250f;width:100%;min-height:46px;font:800 14px/1 var(--font-display);letter-spacing:.05em;background:linear-gradient(#ffe39a,#d9a947 55%,#b5832b);border:2px solid #3a250f;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex;box-shadow:0 3px #6d4615}.inspector-action.ghost{color:#3d4a44;box-shadow:none;font-family:var(--font-body);background:#fffaf0;border:2px dashed #b89a5e;font-size:12.5px}.skill-toast{z-index:5;right:var(--hud-pad);bottom:var(--hud-pad);width:calc(330px - var(--hud-pad));border:3px solid var(--g-wood-frame);background:linear-gradient(#fffdf6,#f4edd8);border-radius:24px;align-items:flex-start;gap:14px;padding:12px 20px 12px 12px;display:flex;position:absolute;box-shadow:inset 0 1px #fff,0 10px 24px #3a271838}.skill-toast strong{font:700 20px/1.2 var(--font-display);color:#0f4f4a;display:block}.skill-toast small{font:600 12.5px/1.4 var(--font-body);color:#3d4a44;display:block}.toast-onward{color:#fff;font:800 12px/1.2 var(--font-body);text-align:left;background:linear-gradient(#2bb39a,#009985 62%,#007c7c);border:2px solid #0e6b5c;border-radius:999px;align-items:center;gap:8px;margin-top:10px;padding:8px 14px;display:inline-flex}.toast-onward:hover{filter:brightness(1.06)}.toast-star{color:#4a2e05;background:radial-gradient(circle at 35% 30%,#fff6cf,#f0cf78 45%,#b98a32);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 0 22px #ffd36e99}.journal-screen{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);perspective:1200px;background:#07130fbb;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.journal-book{width:min(980px,100%);max-height:calc(100dvh - 36px);color:var(--g-ink);background:linear-gradient(90deg,#e9d8ab,#f8efd6 6%,#fbf4e1 48%,#e3cf9f 50%,#fbf4e1 52%,#f8efd6 94%,#e9d8ab);border:10px solid #4a3220;border-radius:10px;flex-direction:column;display:flex;box-shadow:0 0 0 2px #2b1d10,0 30px 60px #000a}.journal-book>header{border-bottom:1px solid #c8ad74;justify-content:space-between;align-items:center;padding:18px 26px 10px;display:flex}.journal-book h2{font:700 28px/1.1 var(--font-display);color:#2f2412}.journal-book .hud-eyebrow{color:#8a6124}.journal-book .hud-close{background:#3a2a18}.journal-pages{grid-template-columns:1fr 1fr;gap:6px 48px;padding:18px 28px 24px;display:grid;overflow-y:auto}.journal-chapter h3{font:700 19px/1.2 var(--font-display);color:#3a2c12;flex-direction:column;margin:10px 0 6px;display:flex;position:relative}.journal-chapter h3 span{font:800 9px/1.4 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:#8a6124}.journal-chapter h3 small{font:700 13px/1 var(--font-display);color:#8a6124;position:absolute;bottom:2px;right:0}.journal-chapter ol{border-top:1px solid #d8c08a;margin:0;padding:0;list-style:none}.journal-entry{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-bottom:1px dotted #d1b97f;align-items:center;gap:10px;padding:8px 6px;display:flex}.journal-entry:hover{background:#efe2bd88}.entry-mark{width:22px;height:22px;font:900 13px/1 var(--font-display);color:#3a250f;background:radial-gradient(circle at 35% 30%,#ffe9a2,#c99736);border-radius:50%;flex:none;place-items:center;display:grid}.journal-entry.is-complete .entry-mark{color:#f5f0d8;background:#2d6a55}.journal-entry.is-locked .entry-mark{color:#5f645b;background:#c9c7b8}.entry-text{flex:1;min-width:0}.entry-text strong{font:700 14px/1.25 var(--font-display);color:#33281a;display:block}.entry-text small{font:600 11px/1.3 var(--font-body);color:#7b6a48;display:block}.journal-entry.is-locked .entry-text strong{color:#7c7a6c}.entry-rank{font:700 17px/1 var(--font-display);color:#8a6124;text-align:right;min-width:18px}.calling-screen{color:#f6ecd2;background:#0c201b;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.calling-backdrop{position:absolute;inset:-2%}.calling-shade{background:linear-gradient(90deg,#0a2c2adb 0%,#0a2c2a99 38%,#0a2c2a1a 64%,#0a2c2a8c 100%),linear-gradient(#0000 70%,#0a2c2ad9 100%);position:absolute;inset:0}.calling-top{padding:var(--hud-pad) calc(var(--hud-pad) + 8px);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;position:relative}.calling-top .hud-close{justify-self:end}.calling-brand{color:#f6ecd2;font:700 15px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;justify-self:start;align-items:center;gap:10px;display:flex}.calling-brand b{color:var(--g-gold)}.calling-stage{grid-template-columns:minmax(0,1fr) minmax(340px,440px);align-items:center;gap:clamp(24px,4vw,64px);min-height:0;padding:0 clamp(20px,5vw,80px);display:grid;position:relative;overflow-y:auto}.calling-hero{min-width:0;max-width:560px}.calling-path{min-width:0}.hero-crest{color:#fff3c9;background:radial-gradient(circle at 40% 30%, color-mix(in srgb, var(--role) 70%, #fff 10%), color-mix(in srgb, var(--role) 55%, #0b1d18) 75%);clip-path:polygon(50% 0,96% 18%,90% 70%,50% 100%,10% 70%,4% 18%);width:108px;height:120px;filter:drop-shadow(0 0 24px color-mix(in srgb, var(--role) 60%, transparent));place-items:center;margin-bottom:18px;display:grid}.calling-hero h1{font:700 clamp(48px, 7vw, 92px)/.95 var(--font-display);letter-spacing:.02em;text-shadow:0 4px 30px #000a;margin:4px 0 2px}.hero-discipline{font:800 12px/1.4 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:#c9d6c2}.hero-flavor{font:italic 500 clamp(21px, 2.4vw, 28px)/1.3 var(--font-serif);color:#fff3c9;margin:18px 0 10px}.hero-desc{font:500 15px/1.65 var(--font-body);color:#d8dfd0;max-width:480px}.hero-welcome{font:600 12.5px/1.5 var(--font-body);color:#9fb3a5;margin-top:16px}.calling-path{color:var(--g-ink);background:linear-gradient(#fbf4e1f5,#efe0b8f5);border:2px solid #8b6235;border-radius:16px;padding:22px 24px 18px;box-shadow:0 0 0 3px #2b1d10aa,0 24px 60px #000a}.calling-path .hud-eyebrow{color:#8a6124}.calling-path h2{font:700 26px/1.1 var(--font-display);color:#2f2412;margin:4px 0 2px}.path-calling{font:italic 500 17px/1.35 var(--font-serif);color:#5d4f33;margin-bottom:14px}.path-tree{flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0;list-style:none;display:flex}.path-tree>li{align-items:center;gap:10px;display:flex;position:relative}.path-tree strong{font:800 13px/1.25 var(--font-body);color:#2f2a1a;display:block}.path-tree small{font:600 10.5px/1.3 var(--font-body);color:#7b6a48;display:block}.path-gem{background:color-mix(in srgb, var(--role) 55%, #123);color:#fff8de;border:2px solid #f1dda0;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid;rotate:45deg}.path-gem>*{rotate:-45deg}.path-gem.star{color:#4a2e05;background:radial-gradient(circle at 35% 30%,#fff6cf,#f0cf78 45%,#b98a32)}.path-crown{justify-content:center;padding-bottom:16px}.path-fork{grid-template-columns:1fr 1fr;gap:10px;padding:16px 0;display:grid!important}.path-fork:before{content:"";border:2px solid #c7a865;border-bottom:0;border-radius:12px 12px 0 0;height:14px;position:absolute;top:0;left:25%;right:25%}.path-fork:after{content:"";border:2px solid #c7a865;border-top:0;border-radius:0 0 12px 12px;height:14px;position:absolute;bottom:0;left:25%;right:25%}.path-twin{background:#fff9;border:1px solid #dcc796;border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex}.path-entry{justify-content:center;padding:16px 0 10px}.path-entry>span:last-child{max-width:280px}.path-entry:after{content:"";border-left:2px solid #c7a865;height:12px;position:absolute;bottom:-2px;left:50%}.path-signpost{justify-content:center;margin:6px 0}.path-signpost span{color:#f3dfa0;font:800 9.5px/1.4 var(--font-body);letter-spacing:.16em;text-transform:uppercase;background:#3a2a18;border-radius:999px;padding:4px 12px}.path-roots{background:#2d5a4c14;border:1px dashed #9cb59f;border-radius:10px;flex-direction:column;padding:10px 12px;align-items:stretch!important;gap:6px!important}.path-roots-head{font:600 11px/1.3 var(--font-body);color:#4b5e4f}.path-roots-head b{color:#2d5a4c;font-weight:800}.path-chips{flex-wrap:wrap;gap:5px;display:flex}.path-chips span{font:700 10.5px/1.3 var(--font-body);color:#56665a;background:#fffc;border:1px solid #c9d2bf;border-radius:999px;padding:3px 8px}.path-chips span.lit{color:#f6f0d6;background:#2d6a55;border-color:#2d6a55}.path-progress{font:700 12px/1.3 var(--font-body);color:#2d6a55;text-align:center;margin-top:10px}.calling-error{font:700 12px/1.4 var(--font-body);color:#a0401d;margin-top:10px}.walk-button{color:#3a250f;width:100%;min-height:54px;font:800 16px/1.1 var(--font-display);letter-spacing:.05em;background:linear-gradient(#ffe39a,#d9a947 55%,#b5832b);border:2px solid #3a250f;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex;box-shadow:0 4px #6d4615,0 10px 24px #a0702a66,inset 0 1px #fff6d0}.walk-button:hover:not(:disabled){filter:brightness(1.06)}.walk-button:disabled{opacity:.7}.path-foot{text-align:center;font:600 10.5px/1.4 var(--font-body);color:#7b6a48;margin-top:8px}.calling-roster{padding:12px var(--hud-pad) calc(var(--hud-pad) + 4px);justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.roster-row{scrollbar-width:none;gap:6px;min-width:0;padding:14px 6px 6px;display:flex;overflow-x:auto}.roster-row::-webkit-scrollbar{display:none}.roster-arrow{border:3px solid var(--g-wood-frame);width:42px;height:42px;color:var(--g-ink-teal);background:linear-gradient(#fffdf6,#f4edd8);border-radius:50%;flex:none;font-size:13px;box-shadow:inset 0 1px #fff,0 10px 24px #3a271838}.roster-medal{color:#cfd8c6;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:6px;width:92px;padding:8px 4px 6px;transition:transform .2s,background-color .2s;display:flex;position:relative}.roster-medal:hover{color:#fff8e6;background:#fffdf624}.medal-disc{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--medal) 70%, #fff 5%), color-mix(in srgb, var(--medal) 40%, #0b1d18) 80%);color:#fff8de;border:2px solid #f0d99066;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 6px 14px #0007}.medal-name{font:700 12px/1.1 var(--font-display);letter-spacing:.04em}.medal-tag{color:#f6f0d6;font:800 8px/1.4 var(--font-body);letter-spacing:.14em;text-transform:uppercase;background:#2d6a55;border-radius:999px;padding:2px 7px;position:absolute;top:-6px}.roster-medal.is-selected{border:3px solid var(--g-wood-frame);color:var(--g-ink-teal);background:linear-gradient(#fffdf6,#f4edd8);transform:translateY(-8px);box-shadow:inset 0 1px #fff,0 10px 24px #3a271838}.roster-medal.is-selected .medal-disc{box-shadow:0 0 0 3px #3a250f, 0 0 26px color-mix(in srgb, var(--medal) 80%, #ffd36e);border-color:#ffe39a;width:62px;height:62px}@media (max-width:900px){.hud-menu button span{display:none}.hud-menu button{justify-content:center;min-width:44px;min-height:44px}.hud-menu kbd{display:none}.player-meta{min-width:120px}.player-meta small{display:none}.hud-guide{max-width:46vw}.hud-guide .guide-bubble{font-size:12px}.hud-tracker{width:min(260px,46vw)}.hud-realm-plate{bottom:auto;top:calc(var(--hud-pad) + 74px)}.skill-screen{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:1fr}.skill-tally{display:none}.skill-inspector{margin:0 var(--hud-pad) var(--hud-pad);grid-area:4/1;max-height:34dvh;overflow-y:auto}.skill-canvas{place-items:start}.skill-svg{width:1000px;height:auto}.skill-toast{left:var(--hud-pad);right:var(--hud-pad);width:auto;top:76px;bottom:auto}.calling-stage{grid-template-columns:1fr;align-items:start;padding-top:4px;padding-bottom:12px}.calling-top .hud-eyebrow{display:none}.calling-hero h1{font-size:48px}.hero-crest{width:72px;height:80px;margin-bottom:8px}.hero-crest svg{width:40px;height:40px}.hero-desc{display:none}.journal-pages{grid-template-columns:1fr}}@media (max-width:600px){.hud-guide{display:none}.hud-tracker{left:var(--hud-pad);right:var(--hud-pad);width:auto}.hud-tracker li:nth-child(n+2){display:none}.hud-player{gap:8px;padding-right:10px}.player-portrait{width:44px;height:44px}.player-meta strong{font-size:13px}.player-meta{min-width:84px}.hud-menu{gap:2px;padding:4px}.hud-menu button{min-width:40px;min-height:40px;padding:6px}.calling-top{grid-template-columns:1fr auto}.calling-top .hud-close span{display:none}.path-fork{grid-template-columns:1fr}.path-fork:before,.path-fork:after{display:none}.skill-inspector{max-height:28dvh;padding:14px 16px}.inspector-summary h3{font-size:19px}.hud-realm-plate{left:var(--hud-pad);top:calc(var(--hud-pad) + 64px);translate:none}.hud-realm-plate strong{font-size:14px}.quest-scroll,.quest-scroll.scroll-left,.quest-scroll.scroll-right{width:auto;max-height:72dvh;inset:auto 8px 8px}.marker-label{padding:4px 10px 5px;font-size:11px}.zone-title{width:90vw;top:22%}.roster-medal{width:74px}.medal-name{letter-spacing:0;font-size:9.5px}.medal-disc{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.map-marker.is-focus .marker-body,.marker-beam,.node-pulse,.tree-edge.open,.scene-card-dots i{animation:none}}.feedback-pill{z-index:90;writing-mode:vertical-rl;border:3px solid var(--g-wood-frame);color:var(--g-ink-teal);font:800 12px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#fffdf6,#f4edd8);border-right:0;border-radius:14px 0 0 14px;align-items:center;gap:6px;padding:14px 7px;transition:padding-right .15s;display:flex;position:fixed;top:50%;right:0;translate:0 -50%;box-shadow:0 6px 18px #3a271840}.feedback-pill:hover{color:#0f6e62;padding-right:11px}.feedback-pill span{writing-mode:horizontal-tb;color:#b98a32}@media (max-width:600px){.feedback-pill{padding:10px 5px;font-size:10.5px;top:auto;bottom:30%}}