:root{--c64-blue:#33307e;--c64-light-blue:#6f63c4;--c64-green:#2f9e5b;--c64-light-green:#4ade80;--c64-yellow:#fbbf24;--c64-red:#b4433a;--c64-light-red:#e06a5c;--bg:#0b1020;--backdrop:#060914b8;--panel:#161d33;--frame:#2a355c;--surface:#1f2846;--edge:#ffffff14;--line:#ffffff1a;--shadow:0 10px 30px #00000073;--shadow-sm:0 4px 12px #0000004d;--r:14px;--r-lg:22px;--text:#f3f5fb;--muted:#a9b1cc;--accent:#4ade80;--warn:#fbbf24;--paper:#fbf8f0;--ink:#1b2033;--font-pixel:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-text:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--pad:56px;--hud:52px;--gap:14px;--panel-pad:22px;--ov-top:max(20px, env(safe-area-inset-top));--ov-bottom:max(20px, env(safe-area-inset-bottom));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:16px/1.45 var(--font-text);overscroll-behavior:none;margin:0}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}h1,h2,h3{font-family:var(--font-pixel);letter-spacing:-.01em;font-weight:800;line-height:1.15}.num{font-family:var(--font-text);font-variant-numeric:tabular-nums;font-weight:700}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline-offset:3px;border-radius:8px;outline:3px solid #fff}a:focus-visible{outline-offset:2px}img.icon{width:24px;height:24px;image-rendering:pixelated;flex:none}canvas.face,canvas.portrait,canvas.sprite,canvas.card-art,canvas.stage{image-rendering:pixelated;flex:none}canvas.face{width:24px;height:24px}canvas.face.big{width:48px;height:48px}canvas.portrait{width:64px;height:64px}#app{grid-template-rows:calc(var(--hud) + env(safe-area-inset-top)) 1fr auto;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:grid;position:fixed;inset:0}.hud{width:100%;max-width:760px;padding:env(safe-area-inset-top) 10px 0;font:700 15px/1 var(--font-text);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:8px;margin:0 auto;display:flex;overflow:hidden}.chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:32px;color:var(--text);font:700 15px/1 var(--font-text);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 0 0 1px var(--line), var(--shadow-sm);background:#161d33d1;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.chip img.icon,.chip canvas.face{width:16px;height:16px}.hud-level{background:var(--frame)}.hud-carry[hidden]{display:none}.hud-coins.done{color:var(--accent)}.hud-time.warn{color:var(--warn)}.hud-rival{color:var(--muted);margin-left:auto}.board{touch-action:none;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}#screen{box-shadow:0 0 0 1px var(--line), var(--shadow);image-rendering:pixelated;border-radius:12px;display:block}.controls{touch-action:none;justify-content:space-between;align-items:center;padding:12px 22px 18px;display:none}.touch .controls{display:flex}.lefty .controls{flex-direction:row-reverse}.dpad{grid-template:repeat(3, var(--pad)) / repeat(3, var(--pad));gap:6px;display:grid}.pad.up{grid-area:1/2}.pad.left{grid-area:2/1}.pad.right{grid-area:2/3}.pad.down{grid-area:3/2}.reach{flex-direction:column;gap:2px;width:84px;height:84px}.pad-label{font:700 11px/1 var(--font-text);letter-spacing:.06em;text-transform:uppercase}img.icon.pad-icon{width:32px;height:32px}.reach img.icon.pad-icon{width:40px;height:40px}.keys-help{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0;padding:10px 12px 14px;font-size:13px;display:flex}.touch .keys-help{display:none}@media (pointer:coarse){.controls{display:flex}.keys-help{display:none}}kbd{background:var(--surface);color:#fff;min-width:22px;font:700 12px/1.4 var(--font-text);text-align:center;box-shadow:inset 0 -2px 0 0 #00000059, 0 0 0 1px var(--line);border-radius:6px;margin:0 2px;padding:1px 6px 2px;display:inline-block}body:not(.in-game) .hud,body:not(.in-game) .controls,body:not(.in-game) .keys-help{visibility:hidden}@media (orientation:landscape) and (height<=500px){#app{grid-template-rows:calc(44px + env(safe-area-inset-top)) 1fr}.controls{inset:44px env(safe-area-inset-right) 0 env(safe-area-inset-left);pointer-events:none;padding:8px 14px;position:absolute}.controls>*{pointer-events:auto}.board{margin:0 calc(3 * var(--pad) + 40px)}.keys-help{display:none}.hud{max-width:none}.hud-btn{width:36px;height:36px}}.panel button,.hud-btn,.pad,.reach,.update button{--b:#2b3560;--b-hi:#ffffff1a;--b-lo:#00000040;--e:var(--line);border-radius:var(--r);background:linear-gradient(180deg, var(--b-hi), transparent 60%), var(--b);color:#fff;min-height:48px;font:650 16px/1.2 var(--font-pixel);text-align:center;touch-action:manipulation;box-shadow:inset 0 -3px 0 0 var(--b-lo), 0 0 0 1px var(--e), var(--shadow-sm);border:0;justify-content:center;align-items:center;gap:10px;margin:0;padding:10px 16px;transition:transform 60ms ease-out,filter .12s;display:flex;position:relative}.panel button:not(:disabled):active,.hud-btn:active,.pad:active,.reach:active,.update button:active{box-shadow:inset 0 -1px 0 0 var(--b-lo), 0 0 0 1px var(--e);transform:translateY(2px)}.panel button{width:100%}@media (hover:hover){.panel button:not(:disabled):hover,.update button:hover{filter:brightness(1.1)}}.panel button.primary,.update button.primary{--b:#3ccf74;--b-hi:#ffffff40;--b-lo:#1f8a49;color:#052513}.panel button.danger{--b:#d9574a;--b-hi:#ffffff26;--b-lo:#8f2f27}.panel button.big{min-height:58px;font-size:21px}.panel button.primary img.icon{filter:brightness(0)opacity(.85)}.row button{gap:8px;padding-left:10px;padding-right:10px;font-size:15px}.row img.icon{width:16px;height:16px}.panel button>.label{min-width:0}.icon-btn,.panel button.icon-btn{flex:none;width:44px;height:44px;min-height:44px;padding:0}.hud-btn{flex:none;width:40px;height:40px;min-height:0;padding:0}.hud-btn img.icon{width:24px;height:24px}.pad,.reach{touch-action:none;padding:0}.pad,.reach,.hud-btn{--b:#2b3560c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pad{border-radius:16px}.reach{border-radius:50%}.badge{color:#fff;font:700 13px/1.2 var(--font-text);background:#0000004d;border-radius:999px;margin-left:auto;padding:2px 8px 3px}.overlay{padding:var(--ov-top) 20px var(--ov-bottom);background:var(--backdrop);overscroll-behavior:contain;display:flex;position:absolute;inset:0;overflow:auto}body:not(.in-game) .overlay{background:radial-gradient(60% 45% at 15% 10%,#4ade8024,#0000 70%),radial-gradient(55% 45% at 90% 85%,#6f63c438,#0000 70%),linear-gradient(#0e1530,#0a0f22)}.overlay.hidden{display:none}.panel{width:min(100%,440px);padding:var(--panel-pad);border-radius:var(--r-lg);background:linear-gradient(180deg, #ffffff0a, transparent 120px), var(--panel);box-shadow:0 0 0 1px var(--line), var(--shadow);margin:auto;position:relative}#map-panel,#result-panel,#about-panel{width:min(100%,480px)}#album-panel{width:min(100%,600px)}#pause-panel{width:min(100%,340px)}@media (prefers-reduced-motion:no-preference){body:not(.calm) .overlay:not(.hidden)>.panel{animation:.16s ease-out panel-in}}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}}:where(.panel) :where(h1,h2,h3,p){margin:0}.panel h2{font-size:26px}.panel h3{font-size:18px}.panel a{color:var(--accent);text-underline-offset:3px}.note{margin:0 0 var(--gap);color:var(--muted);font-size:14px}.panel p.note{margin-bottom:var(--gap)}.center{text-align:center}.warn{color:var(--warn)}.lead{text-align:center;margin:0 0 18px;font-size:16px}.panel-head{top:calc(env(safe-area-inset-top,0px) - var(--ov-top));z-index:2;margin:calc(-1 * var(--panel-pad)) calc(-1 * var(--panel-pad)) var(--gap);padding:var(--panel-pad) var(--panel-pad) 14px;background:var(--panel);box-shadow:0 1px 0 0 var(--line);align-items:center;gap:14px;display:flex;position:sticky}.panel-head .titles{flex:1;min-width:0}.panel-head h2{overflow-wrap:anywhere}.kicker{color:var(--warn);font:700 12px/1.2 var(--font-text);letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px}.panel-foot{bottom:calc(env(safe-area-inset-bottom,0px) - var(--ov-bottom));z-index:2;margin:18px calc(-1 * var(--panel-pad)) calc(-1 * var(--panel-pad));padding:16px var(--panel-pad) var(--panel-pad);background:var(--panel);box-shadow:0 -1px 0 0 var(--line);position:sticky}.buttons,.stack{gap:16px;display:grid}.row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;display:grid}.panel button.card,.panel button.map-level,.panel button.album-card{--b:var(--surface);--b-hi:#382b88;--b-lo:#1b1349;font-family:var(--font-text);text-align:left;justify-content:flex-start;font-size:15px}.stat,.tip,.album-card.locked,.opt-group,.new-cards,.map-soon{background:var(--surface);border-radius:var(--r);box-shadow:0 0 0 1px var(--line), var(--shadow-sm)}.logo{text-align:center;justify-items:center;margin:4px 0 14px;display:grid}canvas.stage{border-radius:var(--r);width:288px;height:96px;box-shadow:0 0 0 1px var(--line), var(--shadow-sm)}.logo h1{text-shadow:0 2px 18px #4ade8040;margin:18px 0 0;font-size:40px;line-height:.95}.logo h1 span{display:block}.logo h1 .accent{color:var(--accent)}.draft{background:var(--warn);color:#1c1f05;font:700 11px/1.3 var(--font-text);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-top:10px;padding:2px 8px 3px}.menu-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.menu-grid button{justify-content:flex-start;padding-left:12px;font-size:16px}.who{color:var(--muted);text-align:center;margin-top:18px;font-size:14px}.panel .who{margin-top:18px}.cards{gap:16px;display:grid}.panel button.card{grid-template-rows:1fr auto;grid-template-columns:72px 1fr;align-items:start;gap:8px 14px;padding:12px 14px 14px;display:grid}.panel button.card.chosen{--e:var(--accent)}.portrait-frame{background:#000;grid-row:1/3;place-items:center;width:72px;height:72px;display:grid;position:relative}canvas.pet{width:32px;height:32px;image-rendering:pixelated;position:absolute;bottom:0;right:0}.hero-text{gap:2px;display:grid}.hero-text strong{font:700 20px/1.2 var(--font-pixel)}.bio{color:var(--muted);font-size:14px;line-height:1.4}.pick{background:var(--frame);font:700 12px/1.3 var(--font-text);letter-spacing:.04em;text-transform:uppercase;justify-self:start;padding:2px 8px 3px}.chosen .pick{background:var(--accent);color:#0d2306}.map-levels{gap:16px;margin:0 0 18px;padding:0;list-style:none;display:grid}.panel button.map-level{grid-template-columns:44px 1fr auto;gap:12px;width:100%;min-height:68px;padding:10px 12px 12px;display:grid}.map-level .num{background:var(--panel);width:44px;height:44px;font:700 16px/1 var(--font-text);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;place-items:center;display:grid}.map-level .what{gap:4px;min-width:0;display:grid}.map-level .name{font:600 16px/1.2 var(--font-pixel)}.star-icons{gap:2px;display:inline-flex}img.icon.star{width:16px;height:16px}.map-level .times{color:var(--muted);font:700 14px/1 var(--font-text);font-variant-numeric:tabular-nums;justify-items:end;gap:6px;display:grid}.map-level .rival,.map-level .mine{align-items:center;gap:6px;display:inline-flex}.map-level .mine{color:var(--text)}.map-level .lock img.icon{opacity:.7}.panel button.map-level:disabled{--b:#1a2140;--b-hi:#ffffff08;--b-lo:#0003;color:var(--muted);cursor:default}.map-level:disabled .num,.map-level:disabled .stars{opacity:.55}.map-soon{color:var(--muted);align-items:center;gap:10px;margin:0 0 22px;padding:12px 14px;font-size:14px;display:flex}.panel .map-soon{margin-bottom:22px}.map-soon img.icon{opacity:.7;width:16px;height:16px}.map-soon .soon{background:var(--panel);font:700 11px/1.3 var(--font-text);letter-spacing:.06em;text-transform:uppercase;margin-left:auto;padding:1px 7px 2px}.stats{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:14px;margin:4px 0 20px;display:grid}.stat{gap:4px;padding:8px 10px 10px;display:grid}.stat-label{color:var(--muted);font:700 11px/1.2 var(--font-text);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.stat-value{font:700 16px/1.2 var(--font-text);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;display:flex}.stat-value img.icon,.stat-value canvas.face{width:16px;height:16px}.speech{align-items:flex-start;gap:16px;margin:0 0 18px;display:flex}.speech p{background:var(--paper);color:var(--ink);border-radius:var(--r);box-shadow:0 0 0 1px var(--line), var(--shadow-sm);flex:1;padding:10px 14px 11px;font-size:15px;line-height:1.45;position:relative}.speech p:before{content:"";background:var(--paper);clip-path:polygon(100% 0,0 50%,100% 100%);width:10px;height:14px;position:absolute;top:14px;left:-12px}.speech strong{color:#3b2d96}.compare{flex-wrap:wrap;gap:10px 16px;margin:0 0 18px;display:flex}.compare .chip{height:36px}.compare .chip canvas.face{width:32px;height:32px;margin:-4px 0}.panel .compare p{color:var(--muted);flex-basis:100%;font-size:14px}.receipt tr.nomark{color:#6b4a16}.tip{margin:0 0 18px;padding:10px 14px 12px}.tip h3{color:var(--warn);margin:0 0 4px;font-size:15px}.panel .tip h3{margin-bottom:4px}.line{color:var(--muted);align-items:flex-start;gap:8px;font-size:14px;display:flex}.panel p.line{margin:0 0 10px}.line img.icon{width:16px;height:16px;margin-top:2px}.line .star-icons{margin-top:1px}.line-label{color:var(--text);font-weight:700}.win-title{text-align:center}.panel .win-title{text-shadow:0 2px 14px #00000059;margin:2px 0 16px;font-size:34px}.result-top{justify-content:center;align-items:center;gap:14px;margin-bottom:12px;display:flex}.panel .result-top h2{text-shadow:0 2px 14px #00000059;font-size:34px}.stars-list{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 20px;padding:0;list-style:none;display:grid}.stars-list .star{color:var(--muted);text-align:center;align-content:start;justify-items:center;gap:6px;font-size:13px;line-height:1.3;display:grid}.stars-list .star.on{color:var(--text)}.stars-list img.icon.star{width:48px;height:48px}.stars-list .star.on img{animation:.45s cubic-bezier(.2,1.6,.4,1) both star-in}.stars-list .s1 img{animation-delay:.35s!important}.stars-list .s2 img{animation-delay:.7s!important}@keyframes star-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}.calm .stars-list .star.on img{animation:none}@media (prefers-reduced-motion:reduce){.stars-list .star.on img{animation:none}}.panel.machine-panel{text-align:center;width:auto;max-width:100%}.machine-panel h2{margin-bottom:12px}.panel.machine-panel h2{margin-bottom:12px;font-size:20px}#machine-canvas{image-rendering:pixelated;border-radius:var(--r);box-shadow:0 0 0 1px var(--line), var(--shadow-sm);margin:0 auto 12px;display:block}.panel.machine-panel .note{margin:0}#pause-panel h2{margin-bottom:20px}.kicker.center{text-align:center}.receipt{background:var(--paper);color:#1d1d1d;margin:0 6px 30px;padding:14px 14px 12px;font:14px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;animation:.5s ease-out both receipt-in;position:relative}.receipt:after{content:"";background:linear-gradient(135deg, var(--paper) 4px, transparent 0) 0 0 / 8px 8px repeat-x, linear-gradient(-135deg, var(--paper) 4px, transparent 0) 0 0 / 8px 8px repeat-x;height:6px;position:absolute;bottom:-6px;left:0;right:0}.receipt p{margin:0}.receipt .head{letter-spacing:1px;text-align:center;font-weight:700}.receipt .sub,.receipt .stamp{color:#555;text-align:center;font-size:12px}.receipt .stamp{text-align:right;margin-top:8px}.receipt table{border-collapse:collapse;border-top:1px dashed #777;border-bottom:1px dashed #777;width:100%;margin:8px 0}.receipt th,.receipt td{padding:2px 0;font-weight:400}.receipt th{text-align:left}.receipt td{text-align:right;white-space:nowrap;padding-left:10px}.receipt tr.total th,.receipt tr.total td{border-top:1px dashed #777;font-weight:700}.receipt tr.lost{color:#8a2b1d}.receipt .pay{font-weight:700}.receipt .fund{color:#1f5a12;font-weight:700}.receipt a{color:#1f5a12}@keyframes receipt-in{0%{opacity:0;transform:translateY(-14px)}}.calm .receipt{animation:none}@media (prefers-reduced-motion:reduce){.receipt{animation:none}}.new-cards{border-radius:var(--r);box-shadow:0 0 0 1px var(--warn), var(--shadow-sm);margin:0 0 8px;padding:14px}.panel .new-cards h3{color:var(--warn);margin:0 0 12px}.new-card{grid-template-columns:auto 1fr;align-items:start;gap:14px;animation:.6s ease-out both card-in;display:grid}.new-card+.new-card{border-top:2px dashed #ffffff26;margin-top:14px;padding-top:14px}.new-card strong{font-size:16px}.panel .new-card p{margin-top:4px;font-size:15px}.panel .new-card p.source{font-size:13px}@keyframes card-in{0%{opacity:0;transform:perspective(400px)rotateY(80deg)}}.calm .new-card{animation:none}@media (prefers-reduced-motion:reduce){.new-card{animation:none}}.art-frame{background:var(--edge);flex:none;padding:3px;display:inline-grid;position:relative}canvas.card-art{width:64px;height:64px}canvas.card-art.big{width:128px;height:128px}.collected{gap:6px;margin:0 0 12px;display:grid}.collected .meta{font-size:14px}.bar{background:var(--edge);height:12px;padding:2px;display:block}.bar>span{background:var(--accent);height:100%;display:block}.album-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.album-grid li{display:grid}.album-card,.panel button.album-card{width:100%;min-height:132px;color:var(--text);font:600 13px/1.25 var(--font-text);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:10px 6px 12px;display:flex}.album-card.locked{color:var(--muted)}.album-card .hint{font-size:12px}.album-card img.icon.lock{width:24px;height:24px;margin:auto;position:absolute;inset:0}.card-detail{text-align:center;justify-items:center;gap:14px;display:grid}.card-detail p{font-size:17px;line-height:1.5}.panel .card-detail p.source,.source{font-size:13px}#numbers-panel{width:min(100%,520px)}.panel button.wide{margin-top:18px}.num-panels{gap:22px;margin:0;padding:0;list-style:none;display:grid}.num-panel{background:var(--surface);border-radius:var(--r);box-shadow:0 0 0 1px var(--line), var(--shadow-sm)}.num-panel figure{margin:0}.scene-wrap{background:0 0;padding:0}.scene-wrap canvas.scene{border-radius:var(--r);box-shadow:0 0 0 1px var(--line), var(--shadow-sm)}canvas.scene{image-rendering:pixelated;cursor:pointer;margin:0 auto;display:block}.num-panel figcaption{padding:12px 14px 14px}.panel .num-panel h3{color:var(--warn);margin-bottom:2px;font-size:15px}.panel .num-panel .big{font:700 26px/1.15 var(--font-text);margin-bottom:6px}.panel .num-panel figcaption p{margin-bottom:8px;font-size:15px}.panel .num-panel p.live{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.panel .num-panel p.note,.panel .num-panel p.source{font-size:13px}.panel .num-panel p.source{margin-bottom:0}.num-panel.locked{align-items:center;gap:14px;padding:14px;display:flex}.num-panel.locked h3{color:var(--muted)}.num-panel.locked .note{margin:4px 0 0}.lock-art{background:var(--panel);flex:none;place-items:center;width:48px;height:48px;display:grid}.unlock-note{color:var(--accent);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.panel .unlock-note{margin:14px 0 0}.unlock-note img.icon{width:16px;height:16px}figure.estate{background:var(--surface);border-radius:var(--r);box-shadow:0 0 0 1px var(--line), var(--shadow-sm);margin:0 0 18px}.estate figcaption{padding:10px 14px 14px}.panel .estate-pct{font:700 17px/1.3 var(--font-text)}.panel .estate-fund{color:var(--accent);font:700 15px/1.3 var(--font-text)}.panel .estate .note{margin:2px 0 14px}.talks.row{gap:14px}.panel button.small{gap:8px;min-height:44px;padding:8px 10px 10px;font-size:14px}.panel button.small img.icon{width:16px;height:16px}.panel button.small:disabled{--b:#1a2140;--b-hi:#ffffff08;--b-lo:#0003;color:var(--muted);cursor:default}#talk-panel{width:min(100%,480px)}#talk-panel h2{margin-bottom:14px}#talk-panel .scene-wrap{margin:0 calc(-1 * var(--panel-pad)) 16px}.say{align-items:flex-start;gap:14px;min-height:118px;margin-bottom:18px;display:flex}.say>div{background:var(--paper);color:var(--ink);border-radius:var(--r);box-shadow:0 0 0 1px var(--line), var(--shadow-sm);flex:1;padding:10px 14px 12px;position:relative}.say>div:before{content:"";background:var(--paper);clip-path:polygon(100% 0,0 50%,100% 100%);width:10px;height:14px;position:absolute;top:14px;left:-12px}.panel .say .speaker{color:#3b2d96;font:700 14px/1.3 var(--font-text);margin-bottom:2px}.say .count{color:#5a5480;font-weight:400}.panel .say p:last-child{font-size:16px;line-height:1.45}#talk-panel .source{color:var(--muted);margin-top:16px}.world-tabs{gap:8px;margin:0 0 16px;display:flex;overflow-x:auto}.panel .world-tabs button.tab{flex:1 0 auto;width:auto}.panel .world-tabs button.tab.chosen{--b:#3a4a86;box-shadow:inset 0 -3px 0 0 var(--accent), 0 0 0 1px var(--line), var(--shadow-sm)}#journey-panel{width:min(100%,480px)}#journey-panel h2{margin-bottom:14px}#journey-panel .scene-wrap{margin:0 calc(-1 * var(--panel-pad)) 16px}.say.journey-say{background:var(--paper);min-height:150px;color:var(--ink);border-radius:var(--r);box-shadow:0 0 0 1px var(--line), var(--shadow-sm);padding:10px 14px 12px;display:block}.panel .say.journey-say p:last-child{margin-top:10px;font-size:13px;line-height:1.4}.journey-say .source,.journey-say .source a{color:#4a4470}#sort-panel{width:min(100%,480px)}#sort-panel .scene-wrap{margin:0 calc(-1 * var(--panel-pad)) 12px}canvas.scene{touch-action:manipulation}.sort-hud{justify-content:space-between;margin:0 0 12px;display:flex}#sort-panel .source{color:var(--muted);margin-top:14px}.panel .sort-intro{margin-bottom:16px}.sort-sample{gap:12px;margin:0 0 18px;display:grid}.sort-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sort-label{color:var(--warn);font:700 12px/1.2 var(--font-text);letter-spacing:.06em;text-transform:uppercase;flex-basis:100%}.sort-group .chip{height:40px;padding:0 6px}.sort-group .chip canvas.face{width:32px;height:32px}.panel .sort-say{text-align:center;min-height:48px;margin:0 0 14px;font-size:15px}.panel .sort-say.bad{color:var(--warn);font-weight:700}.sort-buttons button{min-height:64px}.panel button.map-level.bonus{margin:-2px 0 18px}.map-level.bonus .num img.icon{width:24px;height:24px}.tip .line canvas.face{width:32px;height:32px;margin-top:-6px}.opt-group{margin:0 0 18px;padding:12px 14px 8px}.panel .opt-group h3{color:var(--warn);margin:0 0 4px;font-size:15px}.opt-group .note{margin:4px 0 12px}.opt-group .danger{width:100%;margin-bottom:10px}.option{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:6px 0;display:flex}.option+.option{border-top:2px solid #ffffff14}input[type=checkbox][role=switch]{appearance:none;background:#2a3358 radial-gradient(circle, var(--muted) 10px, transparent 10.5px) no-repeat 4px 50% / 22px 22px;width:54px;height:30px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:999px;flex:none;margin:0 3px;transition:background-position .12s}input[type=checkbox][role=switch]:checked{background-color:var(--c64-green);background-image:radial-gradient(circle,#fff 10px,#0000 10.5px);background-position:calc(100% - 4px)}.option.volume{grid-template-columns:1fr auto;row-gap:4px;display:grid}.option.volume output{min-width:2ch;font:700 15px/1 var(--font-text);font-variant-numeric:tabular-nums;text-align:right}input[type=range]{appearance:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:32px;margin:0}input[type=range]::-webkit-slider-runnable-track{height:8px;box-shadow:0 0 0 1px var(--line);background:#1b1349;border-radius:999px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border-radius:50%;width:20px;height:26px;margin-top:-9px;box-shadow:0 2px 6px #0006}input[type=range]::-moz-range-track{height:8px;box-shadow:0 0 0 1px var(--line);background:#1b1349;border-radius:999px}input[type=range]::-moz-range-progress{background:var(--frame);height:8px}input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:20px;height:26px;box-shadow:0 2px 6px #0006}.prose p{line-height:1.55}.panel .prose p{margin:0 0 12px}.panel .prose h3{color:var(--warn);margin:22px 0 8px}.sources{margin:0;padding-left:20px;list-style:square}.sources li+li{margin-top:6px}.update{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:10;background:var(--panel);white-space:nowrap;border-radius:var(--r);box-shadow:0 0 0 1px var(--frame), var(--shadow-sm);align-items:center;gap:14px;padding:10px 10px 10px 16px;display:flex;position:fixed;transform:translate(-50%)}.update button{min-height:40px;padding:6px 14px 8px;font-size:16px}@media (width<=430px){.hud-level{display:none}}@media (width<=380px){:root{--panel-pad:16px}.overlay{padding-left:14px;padding-right:14px}canvas.stage{width:192px;height:64px}.menu-grid button{font-size:15px}}