:root{--ink: #f4f2ec;--muted: #b9b3a6;--accent: #e8c860;--bg: #14110d;--navy: #13213d;--chalk: #f4f2ec;--tie: #86bde6;--hand: "Caveat Brush", "Segoe Print", "Bradley Hand", cursive;--ui: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}@supports (height: 100dvh){html,body{height:100dvh}}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.hidden{display:none!important}.screen{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#2a2318,#0c0a07);padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow:auto;overscroll-behavior:contain}.screen>.card{margin:auto}.card{width:min(440px,100%);background:#14110deb;border:1px solid #3a3226;border-radius:14px;padding:28px;display:grid;gap:14px}.brand{font:700 34px Barlow Condensed,sans-serif;letter-spacing:.08em;color:var(--accent)}.lead{margin:0;color:var(--muted)}.note{margin:0;padding:8px 10px;border-left:3px solid var(--accent, #e3c870);background:#e3c87014;border-radius:4px;font-size:.92em}form{display:grid;gap:10px}input[type=email],input[name=code],input[name=handle]{font:16px Inter,sans-serif;padding:12px 14px;border-radius:9px;border:1px solid #4a4030;background:#0f0d0a;color:var(--ink)}button{font:600 15px Inter,sans-serif;padding:12px 16px;border-radius:9px;border:0;background:var(--accent);color:#1a1408;cursor:pointer}button:disabled{opacity:.45;cursor:default}.opt{text-align:left;background:#2a241a;color:var(--ink)}.opt.primary{background:var(--accent);color:#1a1408}.opt.subtle{background:transparent;border:1px solid #3a3226}.col{display:grid;gap:8px}.lbl{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:6px}.affs{display:grid;gap:6px}.aff{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid #3a3226;border-radius:9px}.err{color:#ff8a7a;margin:0;min-height:1em}.back,.muted{color:var(--muted);font-size:13px}.prompt{position:fixed;left:50%;bottom:max(64px,calc(env(safe-area-inset-bottom) + 44px));transform:translate(-50%);background:#0c1630b8;padding:8px 16px 7px;border-radius:4px;font:600 22px var(--ui);letter-spacing:.02em}kbd{background:var(--accent);color:#1a1408;border-radius:5px;padding:1px 7px;margin-right:6px;font:700 13px Inter,sans-serif}.place-name{position:fixed;left:max(28px,env(safe-area-inset-left));top:max(22px,env(safe-area-inset-top));animation:placeIn 4s ease forwards;transform:rotate(-2deg) translateY(4px);transform-origin:left top;color:var(--chalk);text-shadow:0 2px 6px rgba(0,0,0,.55)}.place-name .n{font:400 44px/1.05 var(--hand)}.place-name .s{font:400 16px var(--ui);letter-spacing:.03em;color:#e7dfcc;transform:rotate(2deg);margin-top:-4px}@keyframes placeIn{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.toast{position:fixed;left:50%;top:26%;transform:translate(-50%,-50%) rotate(-3deg);display:grid;gap:0;text-align:center;max-width:92vw;color:var(--chalk);text-shadow:0 4px 18px rgba(0,0,0,.5);pointer-events:none!important}.toast b{font:400 clamp(54px,8vw,104px)/.95 var(--hand)}.toast.long b{font-size:clamp(36px,5vw,64px)}.toast span{font:600 22px var(--ui);letter-spacing:.03em;transform:rotate(3deg);color:var(--chalk)}.toast.plain{top:auto;bottom:22%;transform:translate(-50%);background:#0c1630b8;padding:8px 16px 7px;border-radius:4px;text-shadow:none}.toast.plain span{transform:none}.objective{position:fixed;right:24px;top:20px;max-width:320px;background:#0c1630b8;padding:8px 14px 7px;border-left:3px solid var(--tie);border-radius:4px;font:600 19px var(--ui);letter-spacing:.02em}.tracker{position:fixed;right:24px;top:84px;display:flex;align-items:center;gap:10px;background:#0c1630b8;padding:6px 14px 5px;border-radius:999px;font:600 17px var(--ui);letter-spacing:.02em}.tracker .arrow{display:inline-block;color:#ffd070;font-size:18px;line-height:1;transition:transform .08s linear}.chooser{position:fixed;inset:auto 0 18%;margin:auto;width:min(360px,90vw);background:#0c1630f0;border-radius:6px;padding:16px;display:grid;gap:8px;font-family:var(--ui);font-size:19px}.chooser .t{font:400 34px var(--hand)}.chooser .cancel{background:transparent;color:var(--muted)}.labels{position:fixed;inset:0;pointer-events:none!important}.nametag{position:absolute;left:0;top:0;display:grid;justify-items:center;gap:0;padding:3px 10px 4px;border-radius:8px;white-space:nowrap;text-align:center;line-height:1.15;background:var(--nt-bg, rgba(10,12,16,.62));border:2px solid var(--nt-border, transparent);box-shadow:0 2px 8px #00000059}.nametag .nt-handle{font:700 14px Inter,sans-serif;color:var(--nt-text, #fff)}.nametag .nt-aff{font:600 11px Inter,sans-serif;color:var(--nt-sub, var(--muted))}.nametag.you{box-shadow:0 0 0 2px #ffffffe6,0 2px 10px #00000073}.cutscene{position:fixed;inset:0;pointer-events:none!important}.cutscene .bar{position:absolute;left:0;right:0;height:0;background:#000;transition:height .6s ease}.cutscene.letterbox .bar{height:11vh}.cutscene .top{top:0}.cutscene .bottom{bottom:0}.cs-black{position:absolute;inset:0;background:#000;opacity:0}.cs-sub{position:absolute;left:8%;right:8%;bottom:13vh;text-align:center;font:600 clamp(15px,2.2vw,22px) Inter,sans-serif;text-shadow:0 2px 6px #000}.cs-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;text-align:center;padding:0 6vw}.cs-card .main{font:700 clamp(22px,3.6vw,44px) "Barlow Condensed",sans-serif}.cs-card .sub{font:500 clamp(18px,2.6vw,30px) "Barlow Condensed",sans-serif;color:var(--accent);letter-spacing:.06em}.game-ui{position:fixed;inset:0;pointer-events:none!important}.game-ui>*{pointer-events:auto}.game-panel{position:fixed;inset:0;display:grid;place-items:center;background:#00000080;z-index:20}.gp-card{width:min(380px,92vw);background:#0e0c09f5;border-radius:14px;padding:22px;display:grid;gap:10px;text-align:center}.gp-card.wide{width:min(520px,94vw);text-align:left}.gp-card h2{margin:0;font:700 26px Barlow Condensed,sans-serif}.gp-score{font:700 54px Barlow Condensed,sans-serif;color:var(--accent)}.gp-best{color:#ffd070;font-weight:700;margin:0}.gp-card p{margin:0}.gp-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:6px}.gp-tabs{display:flex;gap:6px}.gp-tab{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:4px 12px}.gp-tab.on{color:#111;background:var(--accent);border-color:var(--accent)}.game-panel table{width:100%;border-collapse:collapse;font-size:15px}.game-panel td{padding:5px 6px;border-bottom:1px solid rgba(255,255,255,.07)}.game-panel td.r{text-align:right;font-variant-numeric:tabular-nums}.game-panel tr.you td{color:var(--accent);font-weight:700}.game-panel tr.sep td{border:0;padding:2px}.gp-game{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}.gp-game .muted{display:block;font-size:13px}.game-panel button.ghost{background:transparent;color:var(--muted)}.pause-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#090e1c9e;backdrop-filter:blur(3px)}.pause-panel{width:min(1180px,96vw);max-height:94vh;overflow:auto;background:#0e0c09f5;border-radius:14px;padding:24px 28px;display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:28px}.pause-left{display:grid;gap:4px;align-content:start}.pause-right{display:grid;grid-template-rows:auto 1fr;gap:10px;min-height:min(72vh,680px)}.pm-tabs{display:flex;gap:6px}.pm-tabs button{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px 18px;font:600 17px var(--ui);letter-spacing:.05em}.pm-tabs button.on{background:var(--accent);color:#1a1408;border-color:var(--accent)}.pm-body{position:relative;min-height:0}.pm-pane{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr;gap:10px;min-height:0;visibility:hidden;pointer-events:none}.pm-pane.on{visibility:visible;pointer-events:auto}.pm-head h3{margin:0;font:400 38px/1 var(--hand);color:var(--chalk)}.pm-head p{margin:2px 0 0;color:var(--muted);font:500 17px var(--ui);letter-spacing:.03em}.chap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;align-content:start;overflow:auto;padding-right:4px}.chap{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;font:600 20px var(--ui);letter-spacing:.03em}.chap .tag{display:inline-flex;align-items:center;gap:6px;font:600 14px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.chap.locked{opacity:.55}.chap.locked .n{color:var(--muted)}.chap.soon{border-color:var(--accent);background:#e8c86014}.chap.soon .tag{color:var(--accent)}.chap.open{border-color:var(--tie)}.chap.open .tag{color:var(--tie)}.rel-areas{display:grid;gap:10px;overflow:auto;align-content:start;padding-right:4px}.rel-area{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff08}.rel-head{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px 14px;background:transparent;color:var(--chalk);border:0;border-radius:8px;font:600 22px var(--ui);letter-spacing:.03em;text-align:left}.rel-head .rc{color:var(--accent);font-size:20px}.rel-head i{position:absolute;left:16px;right:16px;bottom:6px;height:3px;border-radius:2px;background:#ffffff1f}.rel-head i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);border-radius:2px;background:var(--accent)}.rel-area .relic-grid{display:none;padding:4px 12px 14px}.rel-area.open .relic-grid{display:grid}.relic-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;align-content:start}.relic{aspect-ratio:1;display:grid;place-content:center;justify-items:center;gap:2px;border-radius:8px;border:2px dashed rgba(255,255,255,.12);color:#ffffff40;text-align:center;padding:4px;background:transparent;cursor:default}.relic .ic{font:400 34px var(--hand)}.relic .nm{font:600 11px/1.05 var(--ui);letter-spacing:.04em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.relic.found{border:2px solid var(--accent);color:var(--chalk);background:#e8c86014;cursor:pointer}.relic.found:hover{background:#e8c8602e}.relic-read{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#090e1c9e;backdrop-filter:blur(3px);animation:relicIn .3s ease}.relic-read .page{width:min(560px,92vw);max-height:88vh;overflow:auto;background:#efe6d2;color:#2a2118;padding:30px 36px 26px;border-radius:4px;box-shadow:0 24px 70px #0000008c;transform:rotate(-.6deg)}.relic-read .meta{font:600 15px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:#7a6446}.relic-read h3{margin:4px 0 12px;font:400 clamp(34px,6vw,48px)/1 var(--hand);color:#5b1616}.relic-read p{margin:0;font:400 19px/1.55 Georgia,Times New Roman,serif}.relic-read .foot{margin-top:16px;padding-top:10px;border-top:1px dashed #b9ab8a;font:600 16px var(--ui);letter-spacing:.05em;color:#7a6446}.relic-read .close{margin-top:16px;width:100%;background:#13213d;color:#f4f2ec;font:700 20px var(--ui);letter-spacing:.05em;padding:10px;border-radius:3px}.relic-read .close small{font-weight:500;opacity:.7;margin-left:8px;letter-spacing:.03em}@keyframes relicIn{0%{opacity:0}to{opacity:1}}.pm-title{font:700 22px Barlow Condensed,sans-serif}.pm-title span{margin-left:10px;font:400 14px Inter,sans-serif;color:var(--muted)}.pause-map{position:relative;min-height:280px}.pm-none{margin:0;padding:20px}@media (max-width: 860px){.pause-panel{grid-template-columns:1fr}.pause-right{order:-1;min-height:0}.pause-map{height:min(70vw,52vh)}}.pause-panel h2{margin:0 0 8px;font:700 40px Barlow Condensed,sans-serif;color:var(--accent)}.pause-panel .opt{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);font-weight:600}.seg{display:flex;gap:4px}.seg button{background:transparent;color:var(--ink);border:1.5px solid rgba(255,255,255,.3);border-radius:6px;padding:4px 12px;cursor:pointer}.seg button.on{background:var(--accent);color:#111;border-color:var(--accent)}.pause-panel .go{margin-top:14px;padding:12px;font-weight:700;font-size:18px;background:var(--accent);color:#111;border:0;border-radius:8px;cursor:pointer}.pause-panel button.wide{width:100%;margin-top:6px}.pause-panel .row{display:flex;gap:8px;margin-top:6px}.pause-panel .row button{flex:1}.pause-panel button.ghost{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;cursor:pointer}.pause-panel .keys{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:var(--muted)}.pause-panel kbd{background:#ffffff1f;border-radius:4px;padding:1px 6px;margin-right:3px;color:var(--ink)}.minimap{position:fixed;left:max(22px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:190px;height:190px;border-radius:50%;overflow:hidden;border:3px solid rgba(244,242,236,.85);box-shadow:0 6px 22px #00000073;pointer-events:none}.minimap canvas{width:100%;height:100%;display:block}@media (max-width: 700px){.minimap{width:130px;height:130px}}.worldmap{position:absolute;inset:0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#3b4d33;touch-action:none}.worldmap canvas{width:100%;height:100%;display:block;cursor:grab}.worldmap canvas:active{cursor:grabbing}.wm-bar{position:absolute;right:10px;top:10px;display:grid;gap:6px}.wm-bar button{width:36px;height:36px;border-radius:8px;border:0;background:#0e0c09d9;color:var(--ink);display:grid;place-items:center;padding:0;cursor:pointer}.wm-bar button svg{display:block}.wm-floors{position:absolute;left:10px;bottom:10px;display:grid;gap:6px}.wm-floors button{padding:8px 12px;border-radius:8px;border:0;background:#0e0c09d9;color:var(--ink);font:600 13px Inter,system-ui,sans-serif;cursor:pointer;text-align:left}.wm-floors button.on{background:var(--accent);color:#1a1408}.is-touch .wm-floors button{padding:12px 14px}.card:has(.os){width:min(660px,94vw);max-width:none}.os{display:grid;gap:12px}.aff-card{display:flex;align-items:center;gap:12px;text-align:left;background:#2a241a;color:var(--ink);border:1.5px solid transparent}.aff-card.on{border-color:var(--accent)}.aff-card.soon{cursor:not-allowed;border-style:dashed;border-color:#ffffff2e;background:#1d1a14}.aff-card.soon>span{opacity:.45;filter:grayscale(1)}.aff-card.soon .sw i{background:#55524b}.aff-card.soon em{margin-left:auto;font-style:normal;font:700 11px Barlow Condensed,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#ffd070;border:1px solid #ffd070;border-radius:999px;padding:2px 8px}.sw{display:inline-flex;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #ffffff40}.sw i{display:block;width:14px;height:26px}.os-grid{display:grid;grid-template-columns:270px 1fr;gap:18px;align-items:center}.os-prev{height:340px;border-radius:12px;background:radial-gradient(circle at 50% 35%,#3a3022,#15110c);display:grid;place-items:center;overflow:hidden}.os-prev canvas{height:100%;width:auto;max-width:100%}.os-opts{display:grid;gap:8px;align-content:center}.os .seg{flex-wrap:wrap}.os a{color:var(--accent);margin-left:8px;font-size:13px}@media (max-width: 640px){.os-grid{grid-template-columns:1fr}.os-prev{height:260px}}.os .warn{margin:0;padding:10px 12px;border-radius:9px;background:#c878282e;border:1px solid rgba(232,160,70,.5);color:#f2d9a8;font-size:14px}.os .confirm{display:flex;gap:12px;align-items:center;padding:12px;border-radius:10px;background:#2a241a}.os .confirm span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.os .fixed{margin-left:8px;font-size:12px;color:var(--muted);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:1px 9px}.os button.ghost{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.2)}.of-card{margin:0 auto 4px;width:210px;border-radius:12px;padding:12px 14px;text-align:left;background:linear-gradient(135deg,#1f9a4a,#0c5a2a);box-shadow:0 6px 18px #00000080;display:grid;gap:2px}.of-card b{font:700 17px Barlow Condensed,sans-serif;letter-spacing:.1em;color:#f5d218}.of-card span{font:600 22px Barlow Condensed,sans-serif}.of-card i{font-style:normal;font-size:12px;opacity:.85}.of-list{margin:0;padding-left:20px;text-align:left}.of-price{font:700 24px Barlow Condensed,sans-serif;color:var(--accent)}.kbd .screen button:focus,.kbd .chooser button:focus,.kbd .game-panel button:focus,.kbd .pause-panel button:focus{outline:2px solid var(--accent);outline-offset:2px}.kbd .aff-card:focus{border-color:var(--accent)}.touch{position:fixed;inset:0;pointer-events:none!important;z-index:8}.touch>*{pointer-events:auto}.tc-base{position:fixed;width:140px;height:140px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.28);display:none;pointer-events:none!important}.tc-base.on{display:block}.tc-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#fff6;border:2px solid rgba(255,255,255,.7)}.tc-btn{position:fixed;border-radius:50%;border:2px solid rgba(255,255,255,.45);background:#0e0c0980;color:#fff;font:700 20px Barlow Condensed,sans-serif;letter-spacing:.04em;padding:0;display:grid;place-items:center;touch-action:none;backdrop-filter:blur(2px)}.tc-e{right:max(24px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));width:78px;height:78px;font-size:30px}.tc-e.ready{background:var(--accent);color:#1a1408;border-color:#fff;animation:tcPulse 1.1s ease-in-out infinite}@keyframes tcPulse{50%{transform:scale(1.1)}}.tc-run{right:max(112px,calc(env(safe-area-inset-right) + 88px));bottom:max(30px,env(safe-area-inset-bottom));width:56px;height:56px;font-size:15px}.tc-run.on{background:#fff;color:#1a1408}.tc-gesture{left:max(14px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom));width:54px;height:54px;font-size:18px}.tc-pause{right:max(14px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));width:44px;height:44px;border-radius:12px;font-size:22px}.tc-skip,.tc-quit{right:max(14px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));width:auto;height:46px;border-radius:999px;padding:0 22px;font-size:18px}.tc-quit{right:auto;left:max(14px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));bottom:auto}.tc-hint{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);background:#000000b3;padding:8px 14px;border-radius:999px;font-size:13px;pointer-events:none!important;white-space:nowrap}.touch.in-cutscene .tc-pause{display:none}.is-touch button{min-height:44px}.is-touch .prompt{bottom:calc(max(26px,env(safe-area-inset-bottom)) + 8px);padding:14px 20px;font-size:17px;pointer-events:auto}.is-touch .prompt kbd{font-size:15px;padding:3px 9px}.is-touch .minimap{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));bottom:auto;width:104px;height:104px}.is-touch .place-name{left:max(130px,calc(env(safe-area-inset-left) + 124px));top:max(14px,env(safe-area-inset-top))}.is-touch .place-name .n{font-size:24px}.is-touch .objective{right:max(66px,calc(env(safe-area-inset-right) + 60px));top:max(12px,env(safe-area-inset-top));max-width:min(300px,42vw);font-size:14px;padding:8px 12px}.is-touch .tracker{right:max(66px,calc(env(safe-area-inset-right) + 60px));top:calc(max(12px,env(safe-area-inset-top)) + 54px);font-size:13px}.is-touch .toast{top:max(14px,env(safe-area-inset-top));max-width:80vw}.is-touch .chooser{inset:auto 0 max(18%,60px) 0}.is-touch .chooser button,.is-touch .gp-card button,.is-touch .pause-panel button,.is-touch .seg button{min-height:44px}.is-touch .wm-bar button{width:44px;height:44px}.is-touch .pause-panel .keys{display:none}@media (max-height: 520px){.card{padding:16px 20px;gap:10px}.brand{font-size:26px}.pause-panel{padding:14px 16px;max-height:98dvh}.pause-panel h2{font-size:30px;margin-bottom:2px}.gp-card{padding:14px}}@media (max-height: 520px) and (min-width: 700px){.pause-panel{grid-template-columns:minmax(240px,340px) 1fr}.pause-right{order:0;min-height:0}.pause-map{height:56vh;min-height:200px}}.paused .touch{display:none!important}.is-touch .pause-left,.pause-left{display:grid}@media (max-height: 520px),(pointer: coarse){.pause-left h2{order:-3}.pause-left .go{order:-2;margin-top:4px}}.screen.modes{background:radial-gradient(ellipse at 50% 0%,#4a2f1a,#231a12 45%,#0e0b08)}.modes-inner{width:min(900px,100%);margin:auto;display:grid;gap:14px;justify-items:center;text-align:center}.modes-inner .brand{font:400 22px var(--ui);letter-spacing:.4em;color:var(--accent)}.modes-inner h1{margin:0;font:400 clamp(44px,7vw,72px)/1 var(--hand);color:var(--chalk);text-shadow:0 3px 14px rgba(0,0,0,.5);transform:rotate(-1.5deg)}.modes-inner .lead{font:500 22px var(--ui);letter-spacing:.04em;margin:0 0 6px}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:100%}.mode-card{display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden;text-align:left;border-radius:6px;border:2px solid rgba(244,242,236,.18);background:#1a1712;color:var(--chalk);box-shadow:0 18px 40px #00000073;transform:rotate(var(--tilt, -.8deg));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;font:inherit}.mode-card.online{--tilt: .8deg}.mode-card:hover,.mode-card:focus-visible{transform:rotate(0) translateY(-6px) scale(1.015);box-shadow:0 26px 54px #0000008c;outline:none}.mode-card.story:hover,.mode-card.story:focus-visible{border-color:var(--accent)}.mode-card.online:hover,.mode-card.online:focus-visible{border-color:var(--tie)}.mode-card .art{display:block;height:190px;overflow:hidden;background:#2c2a55}.mode-card .art svg{display:block;width:100%;height:100%}.mode-card .body{display:grid;gap:6px;padding:18px 22px 20px;align-content:start}.mode-card .t{font:400 clamp(40px,5vw,54px)/.95 var(--hand)}.mode-card.story .t{color:var(--accent)}.mode-card.online .t{color:var(--tie)}.mode-card .tag{font:600 15px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.mode-card .d{font:500 19px/1.3 var(--ui);color:#e6e0d2;margin-top:4px}.mode-card .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mode-card .chips i{font:600 14px var(--ui);font-style:normal;letter-spacing:.05em;padding:3px 10px 2px;border-radius:999px;border:1px solid rgba(244,242,236,.28);color:#d9d3c4}.mode-card .go{margin-top:12px;font:700 22px var(--ui);letter-spacing:.06em;padding:9px 16px 8px;border-radius:3px;text-align:center;box-shadow:0 5px #00000059}.mode-card.story .go{background:var(--accent);color:#1a1408}.mode-card.online .go{background:var(--tie);color:var(--navy)}.mode-card .go b{display:inline-block;transition:transform .18s}.mode-card:hover .go b{transform:translate(5px)}.mode-out{background:transparent;color:var(--muted);font:600 17px var(--ui);letter-spacing:.06em;padding:8px 16px;border:1px solid rgba(244,242,236,.2);border-radius:3px}.mode-out:hover{color:var(--chalk);border-color:#f4f2ec80}@media (max-width: 760px){.mode-row{grid-template-columns:1fr;gap:16px}.mode-card .art{height:130px}.mode-card{--tilt: 0deg !important}.mode-card .go{padding:12px}}@media (prefers-reduced-motion: reduce){.mode-card,.mode-card .go b{transition:none}.mode-card:hover,.mode-card:focus-visible{transform:none}}.contact-line{margin:4px 0 0;font:500 15px var(--ui);letter-spacing:.03em;color:var(--muted);text-align:center}.contact-line a.contact{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(232,200,96,.4);-webkit-user-select:text;user-select:text}.contact-line a.contact:hover{border-bottom-color:var(--accent)}.pause-panel .contact-line{text-align:left;margin-top:10px}.camera-mode #ui>:not(.fly-help):not(.fly-bars):not(.pause-overlay):not(.screen):not(.relic-read){display:none!important}.fly-help{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:grid;gap:4px;padding:10px 14px 11px;border-radius:4px;background:#0c1630c7;color:var(--chalk);font:500 17px var(--ui);letter-spacing:.03em;pointer-events:none!important;transition:opacity .4s}.fly-help b{font:400 28px/1 var(--hand)}.fly-help kbd{background:#ffffff24;color:var(--chalk);border-radius:3px;padding:0 6px;margin-right:2px}.fly-help .fly-btn{pointer-events:auto!important;justify-self:start;margin-top:4px;padding:4px 12px 3px;background:#ffffff1f;color:var(--chalk);font:600 16px var(--ui);letter-spacing:.04em;border-radius:3px}.fly-help .fly-btn:hover{background:#ffffff38}.fly-bars{position:fixed;inset:0;pointer-events:none!important;z-index:40}.fly-bars i{pointer-events:none!important}.fly-bars i{position:absolute;left:0;right:0;height:0;background:#000;transition:height .6s ease}.fly-bars i:first-child{top:0}.fly-bars i:last-child{bottom:0}.fly-bars.on i{height:max(0px,calc((100vh - 100vw / 2.39) / 2))}html.paused .fly-bars i{height:0!important}.pause-overlay{z-index:45}.lock-hint{position:fixed;left:50%;bottom:max(110px,16%);transform:translate(-50%);padding:7px 16px 6px;border-radius:4px;background:#0c1630b8;color:var(--chalk);font:600 20px var(--ui);letter-spacing:.04em;pointer-events:none!important}.camera-mode .lock-hint{display:none}.chooser .of-card{margin:2px auto 6px}.chooser button.locked{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;color:#f4f2ec73;border:1px dashed rgba(255,255,255,.18);cursor:not-allowed}.chooser button.locked em{display:inline-flex;align-items:center;gap:6px;font:600 13px var(--ui);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#ffd070}.chooser button.ghost{background:transparent;color:var(--chalk);border:1px solid rgba(255,255,255,.25)}.feedback{z-index:50}.fb-card{display:grid;gap:10px;text-align:left}.fb-card h2{font:400 40px/1 var(--hand);color:var(--chalk)}.fb-lead{margin:0;color:var(--muted);font:500 18px var(--ui);letter-spacing:.02em}.fb-kinds{display:flex;flex-wrap:wrap;gap:6px}.fb-kinds button{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 14px 4px;font:600 16px var(--ui);letter-spacing:.03em}.fb-kinds button.on{background:var(--accent);color:#1a1408;border-color:var(--accent)}.fb-card textarea{width:100%;resize:vertical;min-height:120px;padding:12px 14px;border-radius:8px;border:1px solid #4a4030;background:#0f0d0a;color:var(--ink);font:400 17px/1.4 Inter,sans-serif;-webkit-user-select:text;user-select:text}.fb-foot{display:flex;justify-content:space-between;font:500 15px var(--ui);color:var(--muted)}.fb-err{color:#ff8a7a}.fb-note{margin:0;font:500 15px var(--ui);color:var(--muted)}.gp-area{border:1px solid rgba(255,255,255,.12);border-radius:8px;margin-bottom:8px;background:#ffffff08}.gp-area-head{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;background:transparent;color:var(--chalk);border:0;font:600 21px var(--ui);letter-spacing:.03em;text-align:left}.gp-area-head em{font:600 14px var(--ui);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.gp-area.open .gp-area-head em{color:var(--accent)}.gp-games{display:none;padding:0 14px 8px}.gp-area.open .gp-games{display:block}.is-touch .toast{top:calc(max(12px,env(safe-area-inset-top)) + 116px);left:50%;max-width:min(64vw,440px);transform:translate(-50%) rotate(-2deg)}.is-touch .toast b{font-size:clamp(26px,7vw,40px)}.is-touch .toast.long b{font-size:clamp(20px,5.4vw,30px)}.is-touch .toast span{font-size:14px;letter-spacing:.02em}.is-touch .toast.plain{top:auto;bottom:calc(max(26px,env(safe-area-inset-bottom)) + 112px);right:max(14px,env(safe-area-inset-right));left:auto;max-width:min(58vw,320px);transform:none;text-align:right;padding:7px 12px}.is-touch .prompt{left:auto;right:max(14px,env(safe-area-inset-right));transform:none;bottom:calc(max(26px,env(safe-area-inset-bottom)) + 112px);max-width:min(58vw,320px);text-align:right;padding:9px 14px;font-size:15px}.is-touch .prompt kbd{display:none}.is-touch .tc-hint{left:max(14px,env(safe-area-inset-left));right:auto;transform:none;bottom:calc(max(26px,env(safe-area-inset-bottom)) + 66px);max-width:46vw;white-space:normal;border-radius:14px;font-size:12px}.rugby-board{pointer-events:none!important}.is-touch .rugby-board{right:auto!important;left:calc(max(12px,env(safe-area-inset-left)) + 114px)!important;top:max(12px,env(safe-area-inset-top))!important;min-width:0!important;width:min(190px,calc(100vw - 200px));font-size:12px}@media (max-height: 520px){.is-touch .toast{top:calc(max(10px,env(safe-area-inset-top)) + 66px)}.is-touch .toast b{font-size:clamp(22px,5vw,32px)}.is-touch .toast.long b{font-size:clamp(18px,4vw,24px)}}@media (max-width: 860px) and (min-height: 521px){.pause-overlay{place-items:stretch}.pause-panel{width:100vw;height:100dvh;max-height:none;border-radius:0;padding:max(12px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.is-touch .pause-left,.pause-left{display:contents}.pause-left>*{order:4}.pause-left h2{order:0;margin:0;font-size:32px}.pause-left .go{order:1;margin:0;padding:14px}.pause-left .opt{order:3;padding:6px 0}.pause-left .keys{display:none}.pause-right{order:2;display:flex;flex-direction:column;gap:8px;min-height:0;flex:none}.pm-body{height:clamp(250px,42dvh,420px);flex:none}.pause-map{height:100%;min-height:0}.pause-panel button.wide{margin-top:0}}@media (max-height: 520px) and (min-width: 700px){.pause-overlay{place-items:stretch}.pause-panel{width:100vw;height:100dvh;max-height:none;border-radius:0;overflow:hidden;grid-template-rows:minmax(0,1fr);padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.pause-left{overflow-y:auto;min-height:0;padding-right:6px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pause-left h2{order:-3;margin:0;font-size:26px}.pause-left .go{order:-2;margin:0 0 4px;position:sticky;top:0;z-index:2}.pause-left .opt{padding:5px 0}.pause-left .keys{display:none}.pause-right{height:100%;min-height:0}.pm-body{height:auto;min-height:0}.pause-map{height:100%;min-height:0}}.legal-line{margin:2px 0 0;font:500 14px var(--ui);letter-spacing:.04em;color:var(--muted);text-align:center}.legal-line a{color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);padding:6px 2px}.legal-line a:hover{color:var(--accent);border-bottom-color:var(--accent)}.pause-panel .legal-line{text-align:left}.agree{margin:4px 0 0;font:400 13px/1.45 var(--ui);color:var(--muted);text-align:center}.agree a{color:var(--accent)}