:root{--paper:#e8d5b7;--ink:#3d3436;--ink-soft:#6f645f;--terracotta:#c96f4a;--skin:#e8b087;--stone:#8d8078;--flame:#ff8c42;--ember:#ffd166;--water:#6d9dc5;--yellow:#e0c341;--cloud:#fffaf2;--ui-font:system-ui, -apple-system, "Segoe UI", sans-serif;--ui-size:13px;--ui-track:.08em}html,body{background:var(--paper);height:100%;margin:0;overflow:hidden}body{font-family:var(--ui-font);font-size:var(--ui-size);color:var(--ink)}#app canvas{display:block}#ui{z-index:5;pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#title-layer{--title-clay:color-mix(in srgb, var(--skin) 82%, var(--terracotta));--title-clay-light:color-mix(in srgb, var(--skin) 84%, var(--cloud));--title-clay-shadow:color-mix(in srgb, var(--terracotta) 68%, var(--ink-soft));z-index:30;box-sizing:border-box;opacity:1;background:0 0;place-items:center;padding:28px;transition:background-color .32s,opacity .32s;display:grid;position:fixed;inset:0}#ui>#title-layer[data-mode=begin]{background-color:#f5e4c838}#ui>#title-layer[data-mode=cover]{background-color:var(--paper)}#ui>#title-layer[data-mode=prologue]{pointer-events:none}#ui>#title-layer[data-mode=hidden]{opacity:0;pointer-events:none}#title-plaque{box-sizing:border-box;border:3px solid color-mix(in srgb, var(--ink-soft) 76%, var(--title-clay));background:var(--title-clay);width:min(590px,100vw - 56px);min-height:250px;box-shadow:inset 8px 9px 0 color-mix(in srgb, var(--title-clay-light) 48%, transparent), inset -10px -11px 0 color-mix(in srgb, var(--title-clay-shadow) 38%, transparent), 0 13px 0 color-mix(in srgb, var(--title-clay-shadow) 74%, var(--ink-soft)), 0 19px 32px color-mix(in srgb, var(--ink) 18%, transparent);isolation:isolate;border-radius:44% 56% 47% 53%/17% 23% 19% 25%;align-content:center;place-items:center;gap:32px;padding:50px 54px 44px;transition:transform .32s cubic-bezier(.2,.8,.3,1),opacity .24s;display:grid;position:relative;transform:rotate(-.7deg)translateY(-2vh)}#title-plaque[hidden]{display:none}#title-layer[data-mode=prologue] #title-plaque{opacity:0;pointer-events:none;transform:rotate(-.7deg)translateY(-3vh)scale(.98)}#title-plaque:before,#title-plaque:after{z-index:-1;background:color-mix(in srgb, var(--title-clay-shadow) 28%, transparent);width:58px;height:26px;box-shadow:inset 2px 3px 4px color-mix(in srgb, var(--ink-soft) 18%, transparent);content:"";opacity:.5;border-radius:50%;position:absolute}#title-plaque:before{top:24px;left:42px;transform:rotate(-17deg)}#title-plaque:after{bottom:26px;right:38px;transform:rotate(12deg)}#title-heading{color:var(--ink);letter-spacing:.035em;text-align:center;text-transform:uppercase;text-shadow:2px 3px 0 var(--title-clay-light), -2px -2px 0 color-mix(in srgb, var(--title-clay-shadow) 72%, var(--ink));margin:0;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:clamp(48px,8vw,86px);font-weight:900;line-height:.88}#begin-btn{appearance:none;border:2px solid color-mix(in srgb, var(--ink-soft) 82%, var(--terracotta));background:var(--terracotta);min-width:142px;box-shadow:inset 3px 3px 0 color-mix(in srgb, var(--skin) 62%, var(--cloud)), inset -3px -3px 0 color-mix(in srgb, var(--terracotta) 72%, var(--ink-soft)), 0 6px 0 color-mix(in srgb, var(--terracotta) 52%, var(--ink-soft));color:var(--ink);cursor:pointer;font:800 16px/1 var(--ui-font);letter-spacing:.16em;text-transform:uppercase;border-radius:48% 52% 44% 56%/55% 43% 57% 45%;padding:15px 27px 13px;transition:transform .11s,box-shadow .11s;transform:rotate(1.4deg)translateY(-2px)}#begin-btn:hover{transform:rotate(.7deg)translateY(-4px)}#begin-btn:active{box-shadow:inset 3px 3px 0 color-mix(in srgb, var(--terracotta) 68%, var(--ink-soft)), inset -1px -1px 0 color-mix(in srgb, var(--skin) 56%, var(--cloud)), 0 1px 0 color-mix(in srgb, var(--terracotta) 52%, var(--ink-soft));transform:rotate(1.4deg)translateY(4px)scale(.985)}#intro-skip{top:max(18px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));border:0;border-bottom:2px solid color-mix(in srgb, var(--ink-soft) 52%, transparent);background:color-mix(in srgb, var(--paper) 74%, transparent);color:var(--ink);cursor:pointer;font:700 12px/1 var(--ui-font);letter-spacing:var(--ui-track);pointer-events:auto;text-transform:uppercase;padding:8px 4px 6px;position:fixed}#intro-skip:hover{border-bottom-color:var(--terracotta)}#tray{border:2px solid var(--ink-soft);background:var(--paper);max-width:calc(100vw - 24px);box-shadow:0 4px 0 var(--ink-soft);touch-action:none;border-radius:15px 11px 17px 10px/11px 16px 10px 15px;align-items:center;gap:8px;padding:9px 11px 10px;transition:opacity .32s,transform .32s,visibility 0s linear .32s;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#tray.gameplay-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,20px)}#tray:not(.gameplay-hidden){transition:opacity .32s,transform .32s,visibility}#tray button{appearance:none;color:var(--ink);font:inherit}.power-shell{border:2px solid var(--ink-soft);background:var(--paper);width:82px;height:68px;box-shadow:inset 2px 2px 0 var(--cloud), inset -3px -3px 0 var(--skin);cursor:grab;isolation:isolate;letter-spacing:var(--ui-track);border-radius:45% 55% 48% 52%/54% 43% 57% 46%;flex:none;display:block;position:relative;overflow:hidden}.power-cooldown{z-index:0;background:var(--skin);pointer-events:none;border-radius:40% 60% 0 0/18% 22% 0 0;height:0;transition:height 90ms linear;position:absolute;bottom:0;left:0;right:0}.power-shell[data-power-shell=lightning]{border-radius:52% 48% 56% 44%/46% 58% 42% 54%;transform:rotate(1deg)}.power-shell[data-power-shell=rain]{border-radius:47% 53% 43% 57%/57% 45% 55% 43%;transform:rotate(-1deg)}.power-shell[data-power-shell=nudge]{border-radius:55% 45% 49% 51%/44% 57% 43% 56%;transform:rotate(.6deg)}.power{z-index:1;border-radius:inherit;width:100%;height:100%;color:var(--ink);cursor:grab;letter-spacing:var(--ui-track);background:0 0;border:0;align-content:center;place-items:center;gap:4px;padding:7px 8px 6px;transition:transform .14s;display:grid;position:relative}.power:not(:disabled):hover{transform:translateY(-2px)}.power:not(:disabled):active{cursor:grabbing;transform:translateY(1px)scale(.98)}.power:disabled{cursor:not-allowed;opacity:.55;filter:saturate(.35)}.power-shell:has(.power:disabled){box-shadow:inset 2px 2px 0 var(--paper), inset -3px -3px 0 var(--skin)}.power[data-cancel-target]:not(:disabled){background:color-mix(in srgb, var(--terracotta) 16%, transparent);cursor:grabbing}.power-shell:has(.power[data-cancel-target]){background:color-mix(in srgb, var(--paper) 82%, var(--terracotta));box-shadow:inset 3px 3px 0 color-mix(in srgb, var(--ink-soft) 42%, transparent), inset -1px -1px 0 var(--cloud)}.power[data-cancel-target]>.power-glyph,.power[data-cancel-target]>.power-label{opacity:.12}.power[data-cancel-target]:before,.power[data-cancel-target]:after{z-index:3;box-sizing:border-box;border:2px solid var(--ink-soft);background:var(--terracotta);width:min(56%,44px);height:9px;box-shadow:inset 1px 1px 0 color-mix(in srgb, var(--cloud) 55%, transparent), 0 2px 0 color-mix(in srgb, var(--ink-soft) 55%, transparent);content:"";pointer-events:none;border-radius:58% 42% 54% 46%/55% 48% 52% 45%;position:absolute;top:50%;left:50%}.power[data-cancel-target]:before{transform:translate(-50%,-50%)rotate(43deg)}.power[data-cancel-target]:after{transform:translate(-50%,-50%)rotate(-47deg)}.power-label{z-index:1;letter-spacing:.05em;font-size:11px;line-height:1;position:relative}.power-glyph{z-index:1;width:30px;height:27px;display:block;position:relative}.power-glyph[data-glyph=meteor]:before{border:2px solid var(--ink-soft);background:var(--flame);width:17px;height:17px;box-shadow:inset 3px 2px 0 var(--ember);content:"";border-radius:53% 47% 58% 42%;position:absolute;bottom:1px;right:2px}.power-glyph[data-glyph=meteor]:after{background:var(--terracotta);content:"";border-radius:70% 10% 10% 70%;width:19px;height:7px;position:absolute;top:3px;left:0;transform:rotate(-35deg)}.power-glyph[data-glyph=lightning]:before{color:var(--yellow);content:"ϟ";font-family:var(--ui-font);text-align:center;text-shadow:2px 2px 0 var(--terracotta);font-size:32px;font-weight:900;line-height:25px;display:block;transform:rotate(-7deg)}.power-glyph[data-glyph=rain]:before{color:var(--water);content:"●  ●  ●";text-align:center;text-shadow:0 6px 0 var(--water), 0 12px 0 var(--water);font-size:12px;line-height:16px;display:block}.power-glyph[data-glyph=nudge]{transform-origin:50%;transform:translate(1px,-1px)scale(1.12)}.nudge-hand,.nudge-hand>span{box-sizing:border-box;display:block;position:absolute}.nudge-hand{filter:drop-shadow(0 0 .8px var(--ink-soft)) drop-shadow(0 0 .8px var(--ink-soft));inset:0}.nudge-wrist,.nudge-palm,.nudge-folded-fingers,.nudge-thumb,.nudge-index{background:var(--skin)}.nudge-wrist{z-index:1;border-radius:42% 58% 50% 50%/52% 44% 56% 48%;width:10px;height:8px;top:11px;left:0;transform:rotate(-5deg)}.nudge-palm{z-index:2;width:13px;height:12px;box-shadow:inset 1px 1px 0 var(--paper);border-radius:47% 53% 45% 55%/42% 56% 44% 58%;top:8px;left:6px;transform:rotate(2deg)}.nudge-folded-fingers{z-index:3;border-radius:42% 58% 49% 51%/58% 45% 55% 42%;width:11px;height:7px;top:15px;left:8px;transform:rotate(3deg)}.nudge-folded-fingers:after{background:var(--ink-soft);height:1px;box-shadow:0 2px 0 color-mix(in srgb, var(--ink-soft) 72%, transparent);content:"";border-radius:50%;position:absolute;top:2px;left:3px;right:2px}.nudge-thumb{z-index:3;transform-origin:20% 75%;border-radius:56% 44% 54% 46%/49% 57% 43% 51%;width:10px;height:6px;top:5px;left:8px;transform:rotate(-25deg)}.nudge-index{z-index:4;transform-origin:10%;border-radius:42% 58% 51% 49%/48% 55% 45% 52%;width:12px;height:6px;top:8px;left:14px;transform:rotate(1deg)}#tray .spacer{border-left:1px solid var(--ink-soft);opacity:.5;width:10px;height:42px}#journal-btn{border:2px solid var(--ink-soft);background:var(--paper);height:54px;box-shadow:inset 1px 1px 0 var(--cloud), inset -2px -2px 0 var(--skin);color:var(--ink);cursor:pointer;letter-spacing:.04em;white-space:nowrap;border-radius:11px 8px 12px 7px/8px 12px 7px 11px;padding:9px 10px;transition:transform .14s}#journal-btn:hover{transform:translateY(-2px)}#journal-btn:active{transform:translateY(1px)scale(.98)}#journal-btn b{color:var(--ink-soft);font-size:10px;font-weight:600;display:block}#journal-btn b.pop{animation:.166s steps(2,end) counter-pop}@keyframes counter-pop{50%{transform:scale(1.18)rotate(-2deg)}}.moment-toast{border:2px solid var(--ink-soft);background:var(--paper);min-width:min(330px,100vw - 32px);box-shadow:0 4px 0 var(--terracotta);opacity:0;border-radius:8px 5px 9px 6px;gap:2px;padding:10px 14px 11px;transition:opacity .14s,transform .32s;display:grid;position:fixed;top:22px;left:50%;transform:translate(-50%,-18px)rotate(-1deg)}.moment-toast.show{opacity:1;transform:translate(-50%)rotate(-1deg)}.moment-toast strong{letter-spacing:var(--ui-track);font-size:15px}.moment-toast span{color:var(--ink-soft);font-size:12px}#journal-layer{opacity:0;pointer-events:none;place-items:center;transition:opacity .32s;display:grid;position:fixed;inset:0}#journal-layer[hidden]{display:none}#journal-layer.open{opacity:1;pointer-events:auto}.journal-backdrop{position:absolute;inset:0}#journal-dialog{--slab-shape:polygon(1.1% 3.2%, 3.5% 1%, 18% 1.5%, 35% 0.6%, 53% 1.2%, 72% 0.5%, 96.4% 1.3%, 98.8% 3.8%, 99.3% 22%, 98.7% 43%, 99.5% 68%, 98.8% 96%, 96.2% 98.8%, 76% 98.2%, 57% 99.4%, 38% 98.5%, 18% 99.2%, 3.2% 98.4%, 0.8% 95.6%, 1.3% 73%, 0.5% 51%, 1.2% 27%);width:min(720px,100vw - 32px);height:min(600px,100vh - 54px);min-height:430px;filter:drop-shadow(0 9px 0 var(--ink-soft)) drop-shadow(0 18px 24px #3d34363d);transition:transform .32s;position:relative;transform:scale(.9)rotate(-1.4deg)}#journal-dialog:before{z-index:0;clip-path:var(--slab-shape);background:var(--ink-soft);content:"";pointer-events:none;position:absolute;inset:0}#journal-layer.open #journal-dialog{transition-timing-function:cubic-bezier(.34,1.4,.64,1);transform:scale(1)rotate(-.4deg)}.journal-slab{z-index:1;isolation:isolate;clip-path:var(--slab-shape);background:var(--paper);box-shadow:inset 2px 2px 0 var(--cloud), inset -4px -3px 0 var(--skin), inset 9px 5px 18px #fffaf214, inset -8px -6px 20px #3d343612;position:absolute;inset:2px;overflow:hidden}.journal-slab:before{z-index:0;content:"";pointer-events:none;background-image:repeating-linear-gradient(98deg,#3d34360d 0 1px,#0000 1px 4px),repeating-linear-gradient(171deg,#fffaf212 0 1px,#0000 1px 3px),radial-gradient(at 18% 24%,#3d34360d 0 11%,#0000 24%),radial-gradient(at 76% 68%,#e8b08717 0 13%,#0000 27%);position:absolute;inset:0}.journal-slab:after{z-index:0;content:"";pointer-events:none;background:radial-gradient(15% 7% at 9% 17%,#3d343612,#0000 72%),radial-gradient(12% 9% at 91% 31%,#fffaf21a,#0000 70%),radial-gradient(18% 8% at 29% 91%,#3d34360d,#0000 72%),radial-gradient(14% 6% at 73% 8%,#e8b08714,#0000 72%);position:absolute;inset:0}#journal-heading{z-index:2;font-family:var(--ui-font);letter-spacing:var(--ui-track);pointer-events:none;margin:0;font-size:clamp(16px,2.4vw,23px);position:absolute;top:26px;left:50%;transform:translate(-50%)rotate(-1deg)}.journal-progress{z-index:2;color:var(--ink-soft);letter-spacing:.04em;pointer-events:none;margin:0;font-size:11px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.journal-close{z-index:3;border:2px solid var(--ink-soft);background:var(--paper);box-shadow:inset 1px 1px 0 var(--cloud), inset -2px -2px 0 var(--skin);color:var(--ink);font:inherit;cursor:pointer;border-radius:9px 6px 10px 5px/6px 10px 5px 9px;padding:7px 10px;transition:transform .14s;position:absolute;top:20px;right:22px}.journal-close:hover{transform:translateY(-2px)}.journal-close:active{transform:translateY(1px)scale(.98)}.moment-grid{z-index:1;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(3,1fr);gap:14px 16px;display:grid;position:absolute;inset:92px 34px 52px}.moment-tile{--dent-x:3px;--dent-y:3px;--press-x:68%;--press-y:38%;--tile-x:0px;--tile-y:0px;appearance:none;background-color:var(--paper);background-color:color-mix(in srgb, var(--paper) 84%, var(--stone));background-image:radial-gradient(ellipse at var(--press-x) var(--press-y), #3d343614, transparent 58%), linear-gradient(168deg, #fffaf212, transparent 38% 72%, #3d34360d);min-width:0;box-shadow:inset var(--dent-x) var(--dent-y) 0 #3d343657, inset -2px -2px 0 #fffaf238;transform:translate(var(--tile-x), var(--tile-y));color:#0000;font:inherit;text-align:center;cursor:pointer;border:0;border-radius:13px 9px 12px 8px/9px 13px 8px 12px;place-items:center;padding:6px;font-size:11px;font-weight:700;line-height:1.2;transition:transform .14s,box-shadow .14s;display:grid}.moment-tile:nth-child(3n+1){border-radius:15px 8px 12px 10px/8px 14px 9px 13px}.moment-tile:nth-child(3n+2){border-radius:9px 15px 10px 13px/14px 8px 13px 9px}.moment-tile:nth-child(3n){border-radius:12px 10px 16px 7px/10px 15px 8px 13px}.moment-tile:nth-child(4n+1){--dent-x:4px;--press-x:31%;--press-y:64%;--tile-x:1px}.moment-tile:nth-child(4n+2){--dent-y:4px;--press-x:74%;--press-y:29%;--tile-y:-1px}.moment-tile:nth-child(4n+3){--press-x:42%;--press-y:72%;--tile-x:-1px}.moment-tile:nth-child(4n){--dent-x:4px;--dent-y:4px;--press-x:63%;--press-y:55%;--tile-y:1px}.moment-tile.unlocked{isolation:isolate;color:var(--ink);position:relative}.moment-tile.unlocked:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--moment-color);background-color:color-mix(in srgb, var(--moment-color) 68%, var(--paper));background-image:radial-gradient(ellipse at var(--press-x) var(--press-y), #3d343612, transparent 58%), linear-gradient(168deg, #fffaf21f, transparent 38% 72%, #3d343612);box-shadow:inset 2px 2px 0 #fffaf240, inset -2px -2px 0 #3d343624, 0 4px 0 color-mix(in srgb, var(--moment-color) 48%, var(--ink-soft)), 2px 7px 8px #3d343638;transition:transform .14s,box-shadow .14s;position:absolute;inset:2px 2px 4px;transform:translateY(-3px)}.moment-tile:hover,.moment-tile:focus-visible{transform:translate(calc(var(--tile-x) + 1px), calc(var(--tile-y) + 1px));box-shadow:inset calc(var(--dent-x) + 2px) calc(var(--dent-y) + 2px) 0 #3d34366b, inset -2px -2px 0 #fffaf242}.moment-tile.unlocked:hover:before,.moment-tile.unlocked:focus-visible:before{transform:translateY(-4px)}.moment-tile.unlocked:active:before{box-shadow:inset 2px 2px 0 #fffaf233, inset -2px -2px 0 #3d34362b, 0 2px 0 color-mix(in srgb, var(--moment-color) 48%, var(--ink-soft)), 1px 4px 5px #3d343633;transform:translateY(-1px)}.moment-tile:focus-visible{outline-offset:-3px}.moment-tile.pop{animation:.26s moment-press}@keyframes moment-press{0%{transform:translate(var(--tile-x), var(--tile-y)) scale(1)}40%{transform:translate(var(--tile-x), var(--tile-y)) scale(1.07)}to{transform:translate(var(--tile-x), var(--tile-y)) scale(1)}}.journal-hint{z-index:2;min-height:1.2em;color:var(--ink-soft);text-align:center;pointer-events:none;margin:0;font-size:12px;position:absolute;bottom:20px;left:34px;right:34px}#journal-layer.lowfx #journal-dialog{transition:none;transform:rotate(-.4deg)}#settings-btn{appearance:none;top:max(16px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:20;border:2px solid var(--ink-soft);background:color-mix(in srgb, var(--paper) 78%, var(--skin));width:46px;height:43px;box-shadow:inset 3px 3px 0 color-mix(in srgb, var(--cloud) 72%, transparent), inset -3px -3px 0 color-mix(in srgb, var(--skin) 68%, var(--ink-soft)), 0 4px 0 var(--ink-soft);color:var(--ink);cursor:pointer;border-radius:47% 53% 43% 57%/55% 44% 56% 45%;place-items:center;transition:transform .12s,box-shadow .12s;display:grid;position:fixed;transform:rotate(1.5deg)}#settings-btn:before{content:"⚙";font:900 23px/1 var(--ui-font)}#settings-btn>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#settings-btn:hover{transform:rotate(.5deg)translateY(-2px)}#settings-btn:active{box-shadow:inset 3px 3px 0 color-mix(in srgb, var(--skin) 68%, var(--ink-soft)), 0 1px 0 var(--ink-soft);transform:rotate(1.5deg)translateY(3px)}#settings-btn[hidden],#settings-layer[hidden],.settings-body[hidden],.settings-confirmation[hidden]{display:none}#settings-layer{z-index:25;box-sizing:border-box;padding:calc(max(16px, env(safe-area-inset-top)) + 55px) max(18px, env(safe-area-inset-right)) 16px 16px;opacity:0;pointer-events:none;place-items:start end;transition:opacity .2s;display:grid;position:fixed;inset:0}#settings-layer.open{opacity:1;pointer-events:auto}.settings-backdrop{background:#3d343633;position:absolute;inset:0}#settings-dialog{width:min(330px,100vw - 40px);max-height:calc(100vh - max(16px, env(safe-area-inset-top)) - 82px);box-sizing:border-box;border:3px solid var(--ink-soft);background:radial-gradient(ellipse at 14% 12%, #fffaf240, transparent 24%), radial-gradient(ellipse at 82% 76%, #3d34360d, transparent 28%), var(--paper);box-shadow:inset 3px 3px 0 var(--cloud), inset -5px -4px 0 color-mix(in srgb, var(--skin) 70%, transparent), 0 7px 0 var(--ink-soft), 0 15px 28px #3d343642;border-radius:22px 15px 24px 17px/17px 24px 16px 23px;gap:14px;padding:24px 22px 22px;transition:transform .22s cubic-bezier(.2,.85,.3,1);display:grid;position:relative;overflow-y:auto;transform:translate(18px)rotate(.5deg)}#settings-layer.open #settings-dialog{transform:translate(0)rotate(-.3deg)}#settings-heading{letter-spacing:.04em;text-transform:uppercase;margin:0 48px 2px 0;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:23px}.settings-close{appearance:none;border:0;border-bottom:2px solid var(--ink-soft);color:var(--ink-soft);cursor:pointer;font:700 10px/1 var(--ui-font);letter-spacing:.08em;text-transform:uppercase;background:0 0;padding:5px 3px;position:absolute;top:18px;right:17px}.settings-body{gap:10px;display:grid}.settings-toggle,.settings-action,.settings-confirmation button{appearance:none;border:2px solid var(--ink-soft);background:var(--paper);min-height:42px;box-shadow:inset 2px 2px 0 var(--cloud), inset -3px -3px 0 var(--skin);color:var(--ink);cursor:pointer;font:700 12px/1.2 var(--ui-font);letter-spacing:.035em;text-align:left;border-radius:11px 8px 12px 7px/8px 12px 7px 11px;padding:9px 12px}.settings-toggle[aria-pressed=true]{background:color-mix(in srgb, var(--paper) 76%, var(--skin));box-shadow:inset 3px 3px 0 color-mix(in srgb, var(--ink-soft) 28%, transparent), inset -1px -1px 0 var(--cloud)}.settings-action:hover,.settings-toggle:hover,.settings-confirmation button:hover{transform:translateY(-1px)}.settings-replay{color:color-mix(in srgb, var(--terracotta) 74%, var(--ink))}.settings-quality{border:2px solid color-mix(in srgb, var(--ink-soft) 58%, transparent);border-radius:9px 13px 8px 12px/12px 8px 13px 9px;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:9px 10px 10px;display:grid}.settings-quality legend{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;padding:0 4px;font-size:10px;font-weight:800}.settings-quality label{align-items:center;gap:6px;min-width:0;font-size:11px;font-weight:700;display:flex}.settings-quality input{accent-color:var(--terracotta);flex:none}.settings-quality:disabled{opacity:.62}.settings-status{min-height:1.2em;color:color-mix(in srgb, var(--terracotta) 74%, var(--ink));margin:0;font-size:11px;line-height:1.3}.settings-confirmation{gap:16px;display:grid}.settings-confirmation p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.45}.settings-confirmation-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.settings-confirmation button:last-child{background:color-mix(in srgb, var(--paper) 60%, var(--terracotta))}.target-readout{border:1px solid var(--ink-soft);background:var(--paper);opacity:0;min-width:132px;color:var(--ink-soft);text-align:center;border-radius:7px 4px 8px 5px;padding:5px 10px 6px;transition:opacity .14s,transform .14s;position:fixed;bottom:116px;left:50%;transform:translate(-50%,5px)rotate(-1deg)}.target-readout.active{opacity:1;transform:translate(-50%)rotate(-1deg)}:focus-visible{outline:3px solid var(--terracotta);outline-offset:3px}.power:focus-visible{box-shadow:inset 0 0 0 3px var(--terracotta);outline:none}#splash{background:var(--paper);z-index:10;letter-spacing:var(--ui-track);text-transform:lowercase;color:var(--ink-soft);place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}#splash.gone{opacity:0;pointer-events:none}:root[data-reduced-motion=true] *{transition-duration:.01ms!important;animation-duration:.01ms!important}:root[data-reduced-motion=true] .moment-toast{transform:translate(-50%)rotate(-1deg);transition:opacity .14s!important}:root[data-reduced-motion=true] #journal-layer{transition:opacity .14s!important}:root[data-reduced-motion=true] #journal-dialog,:root[data-reduced-motion=true] #journal-layer.open #journal-dialog{transform:rotate(-.4deg)}:root[data-reduced-motion=true] #tray.gameplay-hidden{transform:translate(-50%)}:root[data-reduced-motion=true] #tray{transition:opacity .2s!important}:root[data-reduced-motion=true] #title-layer{transition-property:background-color,opacity!important}:root[data-reduced-motion=true] #settings-layer{transition-property:opacity!important}:root[data-reduced-motion=true] #settings-dialog,:root[data-reduced-motion=true] #settings-layer.open #settings-dialog,:root[data-reduced-motion=true] #settings-btn,:root[data-reduced-motion=true] #settings-btn:hover,:root[data-reduced-motion=true] #settings-btn:active,:root[data-reduced-motion=true] #title-plaque,:root[data-reduced-motion=true] #title-layer[data-mode=prologue] #title-plaque,:root[data-reduced-motion=true] #begin-btn,:root[data-reduced-motion=true] #begin-btn:hover,:root[data-reduced-motion=true] #begin-btn:active{transform:none}@media (width<=560px){#title-layer{padding:18px}#title-plaque{border-radius:42% 58% 45% 55%/15% 21% 18% 24%;gap:26px;width:min(440px,100vw - 36px);min-height:206px;padding:40px 24px 35px}#title-heading{font-size:clamp(40px,15vw,64px)}#begin-btn{min-width:126px;padding:14px 23px 12px}#intro-skip{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right))}#tray{gap:5px;padding:7px 8px 8px;bottom:10px}.power-shell{width:clamp(46px,25vw - 34px,62px);height:58px}.power{padding-inline:4px}.power-label{font-size:9px}#tray .spacer{width:3px}#journal-btn{height:50px;padding-inline:2px;font-size:11px}.target-readout{bottom:96px}#journal-dialog{width:calc(100vw - 16px);height:calc(100vh - 24px)}#settings-btn{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}#settings-layer{padding:calc(max(12px, env(safe-area-inset-top)) + 55px) max(12px, env(safe-area-inset-right)) 10px 8px;place-items:start end}#settings-dialog{width:min(330px,100vw - 20px);max-height:calc(100vh - max(12px, env(safe-area-inset-top)) - 77px);padding-bottom:22px;overflow-y:auto;transform:translateY(-8px)rotate(.2deg)}#settings-layer.open #settings-dialog{transform:translateY(0)rotate(-.2deg)}}
