*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--fs-md);color:var(--fg);background-color:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}img,picture,svg,video{max-width:100%;display:block}img{image-rendering:-webkit-optimize-contrast}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit}p,h1,h2,h3,h4{overflow-wrap:break-word}time,output,.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:var(--px-3) solid var(--accent);outline-offset:var(--px-2)}::selection{background:var(--accent);color:var(--bg)}::placeholder{color:var(--fg-dim);opacity:1}input,textarea{caret-color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--fg-mute) var(--surface-2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-2)}::-webkit-scrollbar-thumb{background:var(--fg-mute);border:2px solid var(--surface-2)}::-webkit-scrollbar-thumb:hover{background:var(--fg)}:root{--bg:#000;--surface-1:#0b0b0f;--surface-2:#14141b;--surface-3:#1e1e28;--fg:#fff;--fg-soft:#aaa;--fg-dim:#8a8a99;--fg-mute:#3a3a48;--accent:gold;--accent-light:#ffe95c;--accent-deep:#7a5c00;--status:#39ff14;--status-deep:#1f8f0c;--alert:#ff003c;--alert-deep:#990024;--font-ui:"Press Start 2P", "Courier New", monospace;--font-body:"VT323", "Courier New", monospace;--font-ar:"Amiri", "Traditional Arabic", "Geeza Pro", serif;--ui-xs:clamp(.75rem, 2.2vw, .8125rem);--ui-sm:clamp(.8125rem, 2.7vw, .9375rem);--ui-md:clamp(.875rem, 3.2vw, 1.0625rem);--ui-lg:clamp(1.0625rem, 4.2vw, 1.375rem);--ui-xl:clamp(1.25rem, 6vw, 1.875rem);--ui-2xl:clamp(1.6rem, 8.6vw, 2.75rem);--ui-3xl:clamp(2.25rem, 13vw, 4rem);--fs-xs:clamp(.9375rem, 3.2vw, 1rem);--fs-sm:clamp(1.0625rem, 3.7vw, 1.15rem);--fs-md:clamp(1.1875rem, 4.2vw, 1.3125rem);--fs-lg:clamp(1.375rem, 5vw, 1.5625rem);--fs-xl:clamp(1.625rem, 6.4vw, 2rem);--fs-2xl:clamp(2.125rem, 9vw, 2.75rem);--px:4px;--px-2:2px;--px-3:3px;--px-6:6px;--px-8:8px;--px-12:12px;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--shadow-px:var(--px) var(--px) 0 var(--fg-mute);--shadow-px-lg:var(--px-8) var(--px-8) 0 var(--fg-mute);--shadow-accent:var(--px) var(--px) 0 var(--accent-deep);--shadow-status:var(--px) var(--px) 0 var(--status-deep);--wrap:33rem;--step:steps(6, end);--ease-out:cubic-bezier(.22, 1, .36, 1);--z-nav:40;--z-fab:50;--z-modal:60;--z-cover:70;--cursor-pointer:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 12 12' shape-rendering='crispEdges'><path d='M1 0h1v1h1v1h1v1h1v1h1v1h1v1h-3v1h1v1h1v1h-1v1h-1v-1h-1v-1h-1v-1h-1z' fill='%23000'/><path d='M2 1h1v1h1v1h1v1h1v1h1v1H4v1h1v1h1v1H4V9H3V8H2z' fill='%23ffd700'/></svg>") 2 2, pointer}.stack{flex-direction:column;display:flex}.row{flex-direction:row;display:flex}.wrap{flex-wrap:wrap}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.hidden{display:none}.center{justify-content:center;align-items:center}.ai-start{align-items:flex-start}.ai-center{align-items:center}.ai-end{align-items:flex-end}.ai-stretch{align-items:stretch}.ai-baseline{align-items:baseline}.jc-start{justify-content:flex-start}.jc-center{justify-content:center}.jc-between{justify-content:space-between}.jc-end{justify-content:flex-end}.as-start{align-self:flex-start}.as-center{align-self:center}.as-end{align-self:flex-end}.flex-1{flex:1 1 0;min-width:0}.flex-auto{flex:none}.split-2{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.split-3{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.split-4{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.w-full{width:100%}.h-full{height:100%}.mw-wrap{max-width:var(--wrap)}.mw-read{max-width:34ch}.mx-auto{margin-inline:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.gap-6{gap:var(--sp-6)}.gap-7{gap:var(--sp-7)}.p-0{padding:0}.p-2{padding:var(--sp-2)}.p-3{padding:var(--sp-3)}.p-4{padding:var(--sp-4)}.p-5{padding:var(--sp-5)}.p-6{padding:var(--sp-6)}.px-2{padding-inline:var(--sp-2)}.px-3{padding-inline:var(--sp-3)}.px-4{padding-inline:var(--sp-4)}.px-5{padding-inline:var(--sp-5)}.py-2{padding-block:var(--sp-2)}.py-3{padding-block:var(--sp-3)}.py-4{padding-block:var(--sp-4)}.py-5{padding-block:var(--sp-5)}.py-6{padding-block:var(--sp-6)}.py-7{padding-block:var(--sp-7)}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mt-6{margin-top:var(--sp-6)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.mb-6{margin-bottom:var(--sp-6)}.font-ui{font-family:var(--font-ui);letter-spacing:0;font-weight:400;line-height:1.7}.font-body{font-family:var(--font-body)}.font-ar{font-family:var(--font-ar)}.ui-xs{font-size:var(--ui-xs);line-height:1.9}.ui-sm{font-size:var(--ui-sm);line-height:1.85}.ui-md{font-size:var(--ui-md);line-height:1.75}.ui-lg{font-size:var(--ui-lg);line-height:1.6}.ui-xl{font-size:var(--ui-xl);line-height:1.45}.ui-2xl{font-size:var(--ui-2xl);line-height:1.3}.ui-3xl{font-size:var(--ui-3xl);line-height:1.1}.fs-xs{font-size:var(--fs-xs)}.fs-sm{font-size:var(--fs-sm)}.fs-md{font-size:var(--fs-md)}.fs-lg{font-size:var(--fs-lg)}.fs-xl{font-size:var(--fs-xl)}.fs-2xl{font-size:var(--fs-2xl)}.ta-left{text-align:left}.ta-center{text-align:center}.ta-right{text-align:right}.tt-upper{text-transform:uppercase}.lh-1{line-height:1}.lh-tight{line-height:1.25}.lh-body{line-height:1.6}.lh-loose{line-height:1.8}.ls-wide{letter-spacing:.12em}.ls-wider{letter-spacing:.24em}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-underline{text-decoration:none}.select-none{-webkit-user-select:none;user-select:none}.balance{text-wrap:balance}.c-fg{color:var(--fg)}.c-soft{color:var(--fg-soft)}.c-dim{color:var(--fg-dim)}.c-accent{color:var(--accent)}.c-status{color:var(--status)}.c-alert{color:var(--alert)}.c-bg{color:var(--bg)}.bg-black{background-color:var(--bg)}.bg-s1{background-color:var(--surface-1)}.bg-s2{background-color:var(--surface-2)}.bg-accent{background-color:var(--accent)}.bg-status{background-color:var(--status)}.bg-alert{background-color:var(--alert)}.bg-fg{background-color:var(--fg)}.bg-transparent{background-color:#0000}.bd{border:var(--px) solid var(--fg)}.bd-thin{border:var(--px-2) solid var(--fg)}.bd-mute{border-color:var(--fg-mute)}.bd-accent{border-color:var(--accent)}.bd-status{border-color:var(--status)}.bd-t{border-top:var(--px) solid var(--fg-mute)}.bd-b{border-bottom:var(--px) solid var(--fg-mute)}.bd-none{border:none}.line-px{height:var(--px);background-image:linear-gradient(90deg, var(--fg-mute) 0 var(--px), transparent var(--px) var(--px-8));background-size:var(--px-8) 100%;border:none}.line-solid{height:var(--px);background:var(--fg-mute);border:none}.line-accent{background:var(--accent)}.shadow-px{box-shadow:var(--shadow-px)}.shadow-px-lg{box-shadow:var(--shadow-px-lg)}.shadow-accent{box-shadow:var(--shadow-accent)}.shadow-none{box-shadow:none}.z-1{z-index:1}.z-2{z-index:2}.z-fab{z-index:var(--z-fab)}.z-modal{z-index:var(--z-modal)}.z-cover{z-index:var(--z-cover)}.pointer-none{pointer-events:none}.crisp{image-rendering:pixelated}@media (width>=40rem){.sm-row{flex-direction:row}.sm-hidden{display:none}}.crt{z-index:var(--z-nav);pointer-events:none;mix-blend-mode:multiply;opacity:.55;background-image:repeating-linear-gradient(#00000047 0 1px,#0000 1px 3px);position:fixed;inset:0}.crt:after{content:"";background:radial-gradient(#0000 52%,#0000008c 100%);position:absolute;inset:0}.section{isolation:isolate;padding-block:var(--sp-7);padding-inline:var(--sp-4);background-color:var(--bg);border-bottom:var(--px) solid var(--fg-mute);position:relative}.tex-scan:before,.tex-grid:before,.tex-star:before,.tex-brick:before,.tex-checker:before,.tex-dither:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.tex-scan:before{background-image:repeating-linear-gradient(#ffffff0b 0 2px,#0000 2px 8px)}.tex-grid:before{background-image:linear-gradient(90deg, #ffffff0d 0 var(--px-2), transparent var(--px-2) 100%), linear-gradient(180deg, #ffffff0d 0 var(--px-2), transparent var(--px-2) 100%);background-size:32px 32px,32px 32px}.tex-star:before{background-image:radial-gradient(var(--px-2) var(--px-2) at 12% 18%, #ffffff80 50%, transparent 51%), radial-gradient(var(--px-2) var(--px-2) at 78% 9%, #ffffff61 50%, transparent 51%), radial-gradient(var(--px-2) var(--px-2) at 34% 62%, #ffffff4d 50%, transparent 51%), radial-gradient(var(--px-2) var(--px-2) at 88% 47%, #ffffff6b 50%, transparent 51%), radial-gradient(var(--px-2) var(--px-2) at 57% 88%, #ffffff47 50%, transparent 51%), radial-gradient(var(--px-2) var(--px-2) at 22% 91%, #ffffff5c 50%, transparent 51%), radial-gradient(var(--px-2) var(--px-2) at 68% 30%, #ffffff38 50%, transparent 51%)}.tex-brick:before{background-image: repeating-linear-gradient(180deg, #ffffff12 0 var(--px-2), transparent var(--px-2) 24px),  linear-gradient(90deg, #ffffff12 0 var(--px-2), transparent var(--px-2) 100%),  linear-gradient(90deg, #ffffff12 0 var(--px-2), transparent var(--px-2) 100%);background-position:0 0,0 0,24px 24px;background-size:100% 24px,48px 24px,48px 24px}.tex-checker:before{background-image:linear-gradient(45deg,#ffffff08 25%,#0000 25% 75%,#ffffff08 75%),linear-gradient(45deg,#ffffff08 25%,#0000 25% 75%,#ffffff08 75%);background-position:0 0,12px 12px;background-size:24px 24px}.tex-dither:before{background-image:linear-gradient(180deg, #0000 0%, var(--bg) 78%), radial-gradient(#ffffff29 var(--px-2), transparent var(--px-3));background-size:100% 100%,8px 8px}.win{--cut:var(--bg);--frame:var(--fg);background:var(--surface-1);border:var(--px) solid var(--frame);padding:var(--sp-4);position:relative}.win:before{content:"";inset:calc(var(--px) * -1);pointer-events:none;background-image:linear-gradient(var(--cut) 0 0), linear-gradient(var(--cut) 0 0), linear-gradient(var(--cut) 0 0), linear-gradient(var(--cut) 0 0);background-size:var(--px) var(--px);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;position:absolute}.win--double{box-shadow:0 0 0 var(--px) var(--bg), 0 0 0 var(--px-8) var(--fg-mute);margin:var(--px)}.win--lift{box-shadow:var(--shadow-px)}.win--accent{--frame:var(--accent);box-shadow:var(--shadow-accent)}.win--status{--frame:var(--status)}.win--mute{--frame:var(--fg-mute)}.win--flat{background:0 0}.win--deep{background:var(--surface-2)}.plate{top:calc(var(--px) * -1);left:var(--sp-4);z-index:2;padding:var(--sp-1) var(--sp-3);background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:var(--ui-xs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;line-height:1.9;position:absolute;transform:translateY(-50%)}.plate--status{color:var(--status)}.plate--right{left:auto;right:var(--sp-4)}.cart{--strip:var(--fg-mute);background:var(--surface-1);border:var(--px) solid var(--fg-mute);padding:calc(var(--sp-4) + var(--px-12)) var(--sp-4) var(--sp-4);position:relative}.cart:before{content:"";height:var(--px-12);background:var(--strip);position:absolute;top:0;left:0;right:0}.cart--status{--strip:var(--status)}.cart:after{content:"";width:22%;height:var(--px-12);background:var(--surface-1);position:absolute;top:0;left:18%}.well{background:var(--surface-2);border:var(--px-2) solid var(--surface-3);border-top-color:var(--bg);border-left-color:var(--bg);padding:var(--sp-3)}.frame-corner{padding:var(--px-6);position:relative}.frame-corner:before,.frame-corner:after{content:"";pointer-events:none;width:18px;height:18px;position:absolute}.frame-corner:before{border-top:var(--px) solid var(--fg);border-left:var(--px) solid var(--fg);top:0;left:0}.frame-corner:after{border-right:var(--px) solid var(--fg);border-bottom:var(--px) solid var(--fg);bottom:0;right:0}.title-menu{align-items:center;gap:var(--sp-3);font-family:var(--font-ui);font-size:var(--ui-lg);color:var(--fg);text-transform:uppercase;line-height:1.5;display:flex}.title-banner{padding:var(--sp-3) var(--sp-4);background:var(--fg);color:var(--bg);font-family:var(--font-ui);font-size:var(--ui-lg);text-transform:uppercase;box-shadow:0 calc(var(--px) * -1) 0 var(--fg), 0 var(--px) 0 var(--fg), calc(var(--px) * -1) 0 0 var(--fg), var(--px) 0 0 var(--fg);line-height:1.5;display:inline-block}.title-stage__no{font-family:var(--font-ui);font-size:var(--ui-2xl);color:#0000;-webkit-text-stroke:var(--px-2) var(--fg-mute);line-height:1}.title-hud{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-1);border:var(--px-2) solid var(--surface-3);font-family:var(--font-ui);font-size:var(--ui-md);text-transform:uppercase;line-height:1.6;display:flex}.title-hud__led{background:var(--status);width:10px;height:10px;box-shadow:0 0 0 var(--px-2) var(--status-deep);flex:none;animation:2.4s step-end infinite blink}.caret{background:var(--fg-soft);clip-path:polygon(0 0,0 100%,25% 100%,25% 87.5%,50% 87.5%,50% 75%,75% 75%,75% 62.5%,100% 62.5%,100% 37.5%,75% 37.5%,75% 25%,50% 25%,50% 12.5%,25% 12.5%,25% 0);flex:none;width:12px;height:16px}.caret--sm{width:9px;height:12px}.caret--mute{background:var(--fg-mute)}.caret--accent{background:var(--accent)}.caret--blink{animation:1s step-end infinite blink}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:48px;padding:var(--sp-3) var(--sp-5);font-family:var(--font-ui);font-size:var(--ui-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--surface-1);border:var(--px) solid var(--accent);box-shadow:var(--px) var(--px) 0 var(--accent-deep);cursor:var(--cursor-pointer);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform 80ms var(--step), box-shadow 80ms var(--step), background-color .12s linear;line-height:1.6;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-deep);color:var(--fg)}.btn:active{transform:translate(var(--px), var(--px));box-shadow:0 0 0 var(--accent-deep)}.btn:disabled{color:var(--fg-dim);border-color:var(--fg-mute);box-shadow:var(--px) var(--px) 0 var(--surface-3);cursor:not-allowed;transform:none}.btn:disabled:hover{background:var(--surface-1);color:var(--fg-dim)}.btn--solid{background:var(--accent);color:var(--bg);box-shadow:var(--px) var(--px) 0 var(--accent-deep)}.btn--solid:hover{background:var(--accent-light);color:var(--bg)}.btn--lg{min-height:60px;padding:var(--sp-4) var(--sp-6);font-size:var(--ui-md);border-width:var(--px);box-shadow:var(--px-8) var(--px-8) 0 var(--accent-deep)}.btn--lg:active{transform:translate(var(--px-8), var(--px-8));box-shadow:0 0 0 var(--accent-deep)}.btn--block{width:100%;display:flex}.btn--ext:after{content:"↗"}.btn--ghost{border-color:var(--fg-mute);box-shadow:var(--px) var(--px) 0 var(--surface-3);background:0 0}.btn--ghost:hover{background:var(--surface-2);color:var(--accent)}.label-row{font-family:var(--font-body);font-size:var(--fs-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);line-height:1.3}.label{font-family:var(--font-ui);font-size:var(--ui-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft);line-height:1.9;display:block}.field{width:100%;padding:var(--sp-3);font-family:var(--font-body);font-size:var(--fs-md);color:var(--fg);background:var(--surface-2);border:var(--px-2) solid var(--surface-3);border-top-color:var(--bg);border-left-color:var(--bg);appearance:none;border-radius:0;line-height:1.5}.field:focus{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 var(--px-2) var(--accent-deep);outline:none}input.field:read-only,textarea.field:read-only{color:var(--status);background-color:var(--surface-1);cursor:default}textarea.field{resize:vertical;min-height:7rem;line-height:1.5}select.field{padding-right:var(--sp-6);background-image:linear-gradient(var(--accent) 0 0), linear-gradient(var(--accent) 0 0), linear-gradient(var(--accent) 0 0);background-repeat:no-repeat;background-size:16px var(--px), 8px var(--px), var(--px) var(--px);background-position:right var(--sp-3) center, right calc(var(--sp-3) + 4px) calc(50% + 4px), right calc(var(--sp-3) + 6px) calc(50% + 8px)}.choice{align-items:center;gap:var(--sp-2);min-height:48px;padding:var(--sp-2) var(--sp-3);font-family:var(--font-ui);font-size:var(--ui-xs);text-transform:uppercase;color:var(--fg-soft);background:var(--surface-1);border:var(--px-2) solid var(--surface-3);cursor:var(--cursor-pointer);line-height:1.6;transition:color .12s linear,border-color .12s linear;display:flex;position:relative}.choice input{opacity:0;pointer-events:none;position:absolute}.choice__mark{clip-path:polygon(0 0,0 100%,33% 100%,33% 83%,66% 83%,66% 66%,100% 66%,100% 33%,66% 33%,66% 16%,33% 16%,33% 0);background:0 0;flex:none;width:9px;height:12px}.choice:has(input:checked){color:var(--accent);border-color:var(--accent);background:var(--surface-2)}.choice:has(input:checked) .choice__mark{background:var(--accent);animation:1s step-end infinite blink}.choice:has(input:focus-visible){outline:var(--px-3) solid var(--accent);outline-offset:var(--px-2)}.dialog{background:var(--bg);border:var(--px) solid var(--fg);box-shadow:0 0 0 var(--px) var(--bg), 0 0 0 var(--px-8) var(--fg-mute);margin:var(--px);padding:var(--sp-5) var(--sp-4) var(--sp-6);position:relative}.dialog__name{top:0;left:var(--sp-4);padding:var(--sp-1) var(--sp-3);background:var(--bg);border:var(--px-2) solid var(--fg);font-family:var(--font-ui);font-size:var(--ui-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--fg);white-space:nowrap;max-width:calc(100% - var(--sp-6));text-overflow:ellipsis;line-height:1.8;position:absolute;overflow:hidden;transform:translateY(-50%)}.dialog__name--status{color:var(--status)}.dialog__next{right:var(--sp-4);bottom:var(--sp-3);background:var(--fg);clip-path:polygon(0 0,100% 0,100% 33%,75% 33%,75% 66%,62.5% 66%,62.5% 100%,37.5% 100%,37.5% 66%,25% 66%,25% 33%,0 33%);width:16px;height:12px;animation:1.1s step-end infinite blink;position:absolute}.dialog--narration{box-shadow:none;background:var(--surface-1);border-style:dashed}.term-line{gap:var(--sp-2);font-family:var(--font-body);font-size:var(--fs-sm);color:var(--fg-soft);line-height:1.6;display:flex}.term-line:before{content:">";color:var(--status);flex:none}.typing{display:block;position:relative}.typing__ghost{visibility:hidden}.typing__real{position:absolute;inset:0}.type-caret{vertical-align:-.12em;background:var(--fg);width:.5em;height:1em;margin-left:.15em;display:inline-block}.chip{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);background:var(--surface-2);color:var(--fg-soft);font-family:var(--font-ui);font-size:var(--ui-xs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;line-height:1.9;display:inline-flex}.chip--status{color:var(--status);border:var(--px-2) solid var(--status-deep)}.chip--alert{color:var(--alert);border:var(--px-2) solid var(--alert-deep)}.chip--fg{color:var(--fg)}.chip--link{min-height:44px;padding-inline:var(--sp-4);color:var(--accent);background:var(--surface-1);border:var(--px-2) solid var(--accent);cursor:var(--cursor-pointer);transition:transform 80ms var(--step), background-color .12s linear;text-decoration:none}.chip--link:after{content:"↗"}.chip--link:hover{background:var(--accent-deep);color:var(--fg)}.chip--link:active{transform:translate(var(--px-2), var(--px-2))}.link{color:var(--accent);text-decoration:underline;text-decoration-thickness:var(--px-2);text-underline-offset:var(--px-3);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;cursor:var(--cursor-pointer)}.link:hover{color:var(--fg);background:var(--accent-deep)}.link--tap{min-height:44px;padding-block:var(--sp-2);display:inline-block}.bar{width:100%;height:12px;padding:var(--px-2);background:var(--surface-2);border:var(--px-2) solid var(--surface-3);display:block}.bar__fill{background:var(--status);background-image:repeating-linear-gradient(90deg, var(--status) 0 6px, var(--status-deep) 6px 8px);height:100%;display:block}.bar__fill--alert{background:var(--alert);background-image:repeating-linear-gradient(90deg, var(--alert) 0 6px, var(--alert-deep) 6px 8px)}.bar__fill--accent{background:var(--accent);background-image:repeating-linear-gradient(90deg, var(--accent) 0 6px, var(--accent-deep) 6px 8px)}.sprite{flex:none;display:block;position:relative}.sprite i{border-radius:0;width:4px;height:4px;position:absolute;top:0;left:0}.sprite--sm{zoom:.55}.sprite--xs{zoom:.4}.sprite-heart{width:32px;height:28px}.sprite-heart i{box-shadow:4px 0 0 var(--alert), 8px 0 0 var(--alert), 20px 0 0 var(--alert), 24px 0 0 var(--alert), 0 4px 0 var(--alert), 4px 4px 0 var(--alert), 8px 4px 0 var(--alert), 12px 4px 0 var(--alert), 16px 4px 0 var(--alert), 20px 4px 0 var(--alert), 24px 4px 0 var(--alert), 28px 4px 0 var(--alert), 0 8px 0 var(--alert), 4px 8px 0 var(--alert), 8px 8px 0 var(--alert), 12px 8px 0 var(--alert), 16px 8px 0 var(--alert), 20px 8px 0 var(--alert), 24px 8px 0 var(--alert), 28px 8px 0 var(--alert), 0 12px 0 var(--alert), 4px 12px 0 var(--alert), 8px 12px 0 var(--alert), 12px 12px 0 var(--alert), 16px 12px 0 var(--alert), 20px 12px 0 var(--alert), 24px 12px 0 var(--alert), 28px 12px 0 var(--alert), 4px 16px 0 var(--alert), 8px 16px 0 var(--alert), 12px 16px 0 var(--alert), 16px 16px 0 var(--alert), 20px 16px 0 var(--alert), 24px 16px 0 var(--alert), 8px 20px 0 var(--alert), 12px 20px 0 var(--alert), 16px 20px 0 var(--alert), 20px 20px 0 var(--alert), 12px 24px 0 var(--alert), 16px 24px 0 var(--alert)}.sprite-coin{width:32px;height:32px}.sprite-coin i{box-shadow:8px 0 0 var(--accent), 12px 0 0 var(--accent), 16px 0 0 var(--accent), 20px 0 0 var(--accent), 4px 4px 0 var(--accent), 8px 4px 0 var(--accent), 12px 4px 0 var(--accent), 16px 4px 0 var(--accent), 20px 4px 0 var(--accent), 24px 4px 0 var(--accent), 0 8px 0 var(--accent), 4px 8px 0 var(--accent), 8px 8px 0 var(--accent), 12px 8px 0 var(--accent-deep), 16px 8px 0 var(--accent-deep), 20px 8px 0 var(--accent), 24px 8px 0 var(--accent), 28px 8px 0 var(--accent), 0 12px 0 var(--accent), 4px 12px 0 var(--accent), 8px 12px 0 var(--accent), 12px 12px 0 var(--accent-deep), 16px 12px 0 var(--accent-deep), 20px 12px 0 var(--accent), 24px 12px 0 var(--accent), 28px 12px 0 var(--accent), 0 16px 0 var(--accent), 4px 16px 0 var(--accent), 8px 16px 0 var(--accent), 12px 16px 0 var(--accent-deep), 16px 16px 0 var(--accent-deep), 20px 16px 0 var(--accent), 24px 16px 0 var(--accent), 28px 16px 0 var(--accent), 0 20px 0 var(--accent), 4px 20px 0 var(--accent), 8px 20px 0 var(--accent), 12px 20px 0 var(--accent-deep), 16px 20px 0 var(--accent-deep), 20px 20px 0 var(--accent), 24px 20px 0 var(--accent), 28px 20px 0 var(--accent), 4px 24px 0 var(--accent), 8px 24px 0 var(--accent), 12px 24px 0 var(--accent), 16px 24px 0 var(--accent), 20px 24px 0 var(--accent), 24px 24px 0 var(--accent), 8px 28px 0 var(--accent), 12px 28px 0 var(--accent), 16px 28px 0 var(--accent), 20px 28px 0 var(--accent)}.sprite-sparkle{width:28px;height:28px}.sprite-sparkle i{box-shadow:12px 0 0 var(--fg), 12px 4px 0 var(--fg), 8px 8px 0 var(--fg), 12px 8px 0 var(--fg), 16px 8px 0 var(--fg), 0 12px 0 var(--fg), 4px 12px 0 var(--fg), 8px 12px 0 var(--fg), 12px 12px 0 var(--fg), 16px 12px 0 var(--fg), 20px 12px 0 var(--fg), 24px 12px 0 var(--fg), 8px 16px 0 var(--fg), 12px 16px 0 var(--fg), 16px 16px 0 var(--fg), 12px 20px 0 var(--fg), 12px 24px 0 var(--fg)}.sprite-ring{width:32px;height:32px}.sprite-ring i{box-shadow:12px 0 0 var(--accent), 16px 0 0 var(--accent), 8px 4px 0 var(--accent), 12px 4px 0 var(--fg), 16px 4px 0 var(--fg), 20px 4px 0 var(--accent), 12px 8px 0 var(--accent), 16px 8px 0 var(--accent), 4px 12px 0 var(--accent), 8px 12px 0 var(--accent), 12px 12px 0 var(--accent), 16px 12px 0 var(--accent), 20px 12px 0 var(--accent), 24px 12px 0 var(--accent), 0 16px 0 var(--accent), 28px 16px 0 var(--accent), 0 20px 0 var(--accent), 28px 20px 0 var(--accent), 4px 24px 0 var(--accent), 24px 24px 0 var(--accent), 8px 28px 0 var(--accent), 12px 28px 0 var(--accent), 16px 28px 0 var(--accent), 20px 28px 0 var(--accent)}.sprite--bob{animation:1.6s steps(2,end) infinite bob}.attract{width:100%;height:72px;position:relative;overflow:hidden}.attract__ground{background-color:var(--surface-2);background-image:linear-gradient(180deg, var(--fg-dim) 0 var(--px-3), transparent var(--px-3) 100%), linear-gradient(90deg, var(--bg) 0 var(--px-2), transparent var(--px-2) 18px), linear-gradient(180deg, transparent 0 var(--px-6), var(--surface-3) var(--px-6) 100%);background-size:100% 100%,18px 100%,100% 100%;height:12px;position:absolute;bottom:0;left:0;right:0}.attract__lane{animation:15s linear infinite parade;position:absolute;inset:0}.attract__pair{align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:12px;left:22%}.attract__spark{position:absolute;bottom:50px;left:calc(22% + 22px)}.walker{flex:none;width:24px;height:36px;display:block;position:relative}.walker i{width:3px;height:3px;position:absolute;top:0;left:0}.walker__a{animation:.7s step-end infinite rangka-a}.walker__b{opacity:0;animation:.7s step-end infinite rangka-b}.walker--pria{animation:1.4s steps(2,end) infinite lompat}.walker--pria .walker__a{box-shadow:6px 0px 0 var(--fg-soft), 9px 0px 0 var(--fg-soft), 12px 0px 0 var(--fg-soft), 15px 0px 0 var(--fg-soft), 3px 3px 0 var(--fg-soft), 6px 3px 0 var(--fg-soft), 9px 3px 0 var(--fg-soft), 12px 3px 0 var(--fg-soft), 15px 3px 0 var(--fg-soft), 18px 3px 0 var(--fg-soft), 3px 6px 0 var(--fg-soft), 6px 6px 0 var(--fg), 9px 6px 0 var(--fg), 12px 6px 0 var(--fg), 15px 6px 0 var(--fg), 18px 6px 0 var(--fg-soft), 3px 9px 0 var(--fg-soft), 6px 9px 0 var(--fg), 9px 9px 0 var(--fg), 12px 9px 0 var(--fg), 15px 9px 0 var(--fg), 18px 9px 0 var(--fg-soft), 6px 12px 0 var(--fg), 9px 12px 0 var(--fg), 12px 12px 0 var(--fg), 15px 12px 0 var(--fg), 3px 15px 0 var(--fg-soft), 6px 15px 0 var(--fg-soft), 9px 15px 0 var(--alert), 12px 15px 0 var(--alert), 15px 15px 0 var(--fg-soft), 18px 15px 0 var(--fg-soft), 0px 18px 0 var(--fg-soft), 3px 18px 0 var(--fg-soft), 6px 18px 0 var(--fg), 9px 18px 0 var(--fg), 12px 18px 0 var(--fg), 15px 18px 0 var(--fg), 18px 18px 0 var(--fg-soft), 21px 18px 0 var(--fg-soft), 0px 21px 0 var(--fg-soft), 3px 21px 0 var(--fg-soft), 6px 21px 0 var(--fg), 9px 21px 0 var(--fg), 12px 21px 0 var(--fg), 15px 21px 0 var(--fg), 18px 21px 0 var(--fg-soft), 21px 21px 0 var(--fg-soft), 3px 24px 0 var(--fg-soft), 6px 24px 0 var(--fg-soft), 9px 24px 0 var(--fg-soft), 12px 24px 0 var(--fg-soft), 15px 24px 0 var(--fg-soft), 18px 24px 0 var(--fg-soft), 3px 27px 0 var(--fg-soft), 6px 27px 0 var(--fg-soft), 15px 27px 0 var(--fg-soft), 18px 27px 0 var(--fg-soft), 3px 30px 0 var(--fg-soft), 6px 30px 0 var(--fg-soft), 15px 30px 0 var(--fg-soft), 18px 30px 0 var(--fg-soft), 3px 33px 0 var(--fg), 6px 33px 0 var(--fg), 15px 33px 0 var(--fg), 18px 33px 0 var(--fg)}.walker--pria .walker__b{box-shadow:6px 0px 0 var(--fg-soft), 9px 0px 0 var(--fg-soft), 12px 0px 0 var(--fg-soft), 15px 0px 0 var(--fg-soft), 3px 3px 0 var(--fg-soft), 6px 3px 0 var(--fg-soft), 9px 3px 0 var(--fg-soft), 12px 3px 0 var(--fg-soft), 15px 3px 0 var(--fg-soft), 18px 3px 0 var(--fg-soft), 3px 6px 0 var(--fg-soft), 6px 6px 0 var(--fg), 9px 6px 0 var(--fg), 12px 6px 0 var(--fg), 15px 6px 0 var(--fg), 18px 6px 0 var(--fg-soft), 3px 9px 0 var(--fg-soft), 6px 9px 0 var(--fg), 9px 9px 0 var(--fg), 12px 9px 0 var(--fg), 15px 9px 0 var(--fg), 18px 9px 0 var(--fg-soft), 6px 12px 0 var(--fg), 9px 12px 0 var(--fg), 12px 12px 0 var(--fg), 15px 12px 0 var(--fg), 3px 15px 0 var(--fg-soft), 6px 15px 0 var(--fg-soft), 9px 15px 0 var(--alert), 12px 15px 0 var(--alert), 15px 15px 0 var(--fg-soft), 18px 15px 0 var(--fg-soft), 0px 18px 0 var(--fg-soft), 3px 18px 0 var(--fg-soft), 6px 18px 0 var(--fg), 9px 18px 0 var(--fg), 12px 18px 0 var(--fg), 15px 18px 0 var(--fg), 18px 18px 0 var(--fg-soft), 21px 18px 0 var(--fg-soft), 0px 21px 0 var(--fg-soft), 3px 21px 0 var(--fg-soft), 6px 21px 0 var(--fg), 9px 21px 0 var(--fg), 12px 21px 0 var(--fg), 15px 21px 0 var(--fg), 18px 21px 0 var(--fg-soft), 21px 21px 0 var(--fg-soft), 3px 24px 0 var(--fg-soft), 6px 24px 0 var(--fg-soft), 9px 24px 0 var(--fg-soft), 12px 24px 0 var(--fg-soft), 15px 24px 0 var(--fg-soft), 18px 24px 0 var(--fg-soft), 3px 27px 0 var(--fg-soft), 6px 27px 0 var(--fg-soft), 9px 27px 0 var(--fg-soft), 12px 27px 0 var(--fg-soft), 15px 27px 0 var(--fg-soft), 18px 27px 0 var(--fg-soft), 0px 30px 0 var(--fg-soft), 3px 30px 0 var(--fg-soft), 18px 30px 0 var(--fg-soft), 21px 30px 0 var(--fg-soft), 0px 33px 0 var(--fg), 3px 33px 0 var(--fg), 18px 33px 0 var(--fg), 21px 33px 0 var(--fg)}.walker--wanita .walker__a{box-shadow:6px 0px 0 var(--fg-soft), 9px 0px 0 var(--fg-soft), 12px 0px 0 var(--fg-soft), 15px 0px 0 var(--fg-soft), 3px 3px 0 var(--fg-soft), 6px 3px 0 var(--fg-soft), 9px 3px 0 var(--fg-soft), 12px 3px 0 var(--fg-soft), 15px 3px 0 var(--fg-soft), 18px 3px 0 var(--fg-soft), 3px 6px 0 var(--fg-soft), 6px 6px 0 var(--fg), 9px 6px 0 var(--fg), 12px 6px 0 var(--fg), 15px 6px 0 var(--fg), 18px 6px 0 var(--fg-soft), 3px 9px 0 var(--fg-soft), 6px 9px 0 var(--fg), 9px 9px 0 var(--fg), 12px 9px 0 var(--fg), 15px 9px 0 var(--fg), 18px 9px 0 var(--fg-soft), 3px 12px 0 var(--fg-soft), 6px 12px 0 var(--fg-soft), 9px 12px 0 var(--fg), 12px 12px 0 var(--fg), 15px 12px 0 var(--fg), 18px 12px 0 var(--fg), 6px 15px 0 var(--fg), 9px 15px 0 var(--fg), 12px 15px 0 var(--fg), 15px 15px 0 var(--fg), 3px 18px 0 var(--fg), 6px 18px 0 var(--fg), 9px 18px 0 var(--fg), 12px 18px 0 var(--fg), 15px 18px 0 var(--fg), 18px 18px 0 var(--fg), 3px 21px 0 var(--fg), 6px 21px 0 var(--fg), 9px 21px 0 var(--fg), 12px 21px 0 var(--fg), 15px 21px 0 var(--fg), 18px 21px 0 var(--fg), 0px 24px 0 var(--fg), 3px 24px 0 var(--fg), 6px 24px 0 var(--fg), 9px 24px 0 var(--fg), 12px 24px 0 var(--fg), 15px 24px 0 var(--fg), 18px 24px 0 var(--fg), 21px 24px 0 var(--fg), 0px 27px 0 var(--fg), 3px 27px 0 var(--fg), 6px 27px 0 var(--fg), 9px 27px 0 var(--fg), 12px 27px 0 var(--fg), 15px 27px 0 var(--fg), 18px 27px 0 var(--fg), 21px 27px 0 var(--fg), 3px 30px 0 var(--fg), 6px 30px 0 var(--fg), 9px 30px 0 var(--fg), 12px 30px 0 var(--fg), 15px 30px 0 var(--fg), 18px 30px 0 var(--fg), 6px 33px 0 var(--fg), 15px 33px 0 var(--fg)}.walker--wanita .walker__b{box-shadow:6px 0px 0 var(--fg-soft), 9px 0px 0 var(--fg-soft), 12px 0px 0 var(--fg-soft), 15px 0px 0 var(--fg-soft), 3px 3px 0 var(--fg-soft), 6px 3px 0 var(--fg-soft), 9px 3px 0 var(--fg-soft), 12px 3px 0 var(--fg-soft), 15px 3px 0 var(--fg-soft), 18px 3px 0 var(--fg-soft), 3px 6px 0 var(--fg-soft), 6px 6px 0 var(--fg), 9px 6px 0 var(--fg), 12px 6px 0 var(--fg), 15px 6px 0 var(--fg), 18px 6px 0 var(--fg-soft), 3px 9px 0 var(--fg-soft), 6px 9px 0 var(--fg), 9px 9px 0 var(--fg), 12px 9px 0 var(--fg), 15px 9px 0 var(--fg), 18px 9px 0 var(--fg-soft), 3px 12px 0 var(--fg-soft), 6px 12px 0 var(--fg), 9px 12px 0 var(--fg), 12px 12px 0 var(--fg), 15px 12px 0 var(--fg), 18px 12px 0 var(--fg-soft), 6px 15px 0 var(--fg), 9px 15px 0 var(--fg), 12px 15px 0 var(--fg), 15px 15px 0 var(--fg), 3px 18px 0 var(--fg), 6px 18px 0 var(--fg), 9px 18px 0 var(--fg), 12px 18px 0 var(--fg), 15px 18px 0 var(--fg), 18px 18px 0 var(--fg), 3px 21px 0 var(--fg), 6px 21px 0 var(--fg), 9px 21px 0 var(--fg), 12px 21px 0 var(--fg), 15px 21px 0 var(--fg), 18px 21px 0 var(--fg), 0px 24px 0 var(--fg), 3px 24px 0 var(--fg), 6px 24px 0 var(--fg), 9px 24px 0 var(--fg), 12px 24px 0 var(--fg), 15px 24px 0 var(--fg), 18px 24px 0 var(--fg), 21px 24px 0 var(--fg), 0px 27px 0 var(--fg), 3px 27px 0 var(--fg), 6px 27px 0 var(--fg), 9px 27px 0 var(--fg), 12px 27px 0 var(--fg), 15px 27px 0 var(--fg), 18px 27px 0 var(--fg), 21px 27px 0 var(--fg), 0px 30px 0 var(--fg), 3px 30px 0 var(--fg), 6px 30px 0 var(--fg), 9px 30px 0 var(--fg), 12px 30px 0 var(--fg), 15px 30px 0 var(--fg), 18px 30px 0 var(--fg), 21px 30px 0 var(--fg), 3px 33px 0 var(--fg), 18px 33px 0 var(--fg)}@keyframes parade{0%{transform:translate(-28%)}to{transform:translate(104%)}}@keyframes rangka-a{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes rangka-b{0%,49.9%{opacity:0}50%,to{opacity:1}}@keyframes lompat{0%,60%{transform:translateY(0)}61%,to{transform:translateY(-3px)}}@media (height<=680px){.attract{display:none}}.ticker{background:var(--surface-1);border-block:var(--px) solid var(--fg-mute);padding-block:var(--sp-2);overflow:hidden}.ticker__track{gap:var(--sp-6);width:max-content;padding-inline:var(--sp-5);font-family:var(--font-ui);font-size:var(--ui-xs);letter-spacing:.06em;color:var(--fg-soft);white-space:nowrap;line-height:1.9;animation:26s steps(120,end) infinite ticker-slide;display:flex}.ticker__item{align-items:center;gap:var(--sp-3);display:inline-flex}.stage-break{place-items:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);background:var(--bg);border-bottom:var(--px) solid var(--fg-mute);text-align:center;display:grid;position:relative;overflow:hidden}.stage-break__no{font-family:var(--font-ui);font-size:var(--ui-3xl);color:var(--bg);-webkit-text-stroke:var(--px-3) var(--status);letter-spacing:.04em;line-height:1}.stage-break__title{font-family:var(--font-ui);font-size:var(--ui-md);letter-spacing:.06em;text-transform:uppercase;color:var(--fg);line-height:1.7}.stage-break__horizon{height:var(--px);background-image:linear-gradient(90deg, var(--fg-mute) 0 var(--px), transparent var(--px) var(--px-12));background-size:var(--px-12) 100%;opacity:.7;pointer-events:none;position:absolute;top:50%;left:0;right:0}.ayat{background:var(--surface-1);border:var(--px) solid var(--fg-mute);box-shadow:0 0 0 var(--px) var(--bg), 0 0 0 var(--px-6) var(--surface-3);margin:var(--px-3);padding:var(--sp-6) var(--sp-4) var(--sp-5);position:relative}.ayat__arabic{font-family:var(--font-ar);text-align:center;color:var(--fg);direction:rtl;font-size:clamp(1.5rem,6.4vw,2.1rem);line-height:2.2}.ayat__latin{font-size:var(--fs-sm);text-align:center;color:var(--fg-soft);font-style:italic;line-height:1.7}.ayat__translation{font-size:var(--fs-md);text-align:center;color:var(--fg);line-height:1.7}.ayat__source{padding:var(--sp-2) var(--sp-4);background:var(--bg);border:var(--px-2) solid var(--fg-mute);font-family:var(--font-ui);font-size:var(--ui-xs);letter-spacing:.06em;color:var(--fg-soft);line-height:1.9;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ticker-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spawn{0%{opacity:0}20%{opacity:1}40%{opacity:0}60%{opacity:1}80%{opacity:0}to{opacity:1}}@keyframes wipe-up{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}@keyframes cover-gone{to{visibility:hidden}}@keyframes flash{0%{opacity:0}35%{opacity:.9}to{opacity:0}}.anim-blink{animation:1s step-end infinite blink}.anim-spawn{animation:.5s step-end both spawn}.reveal{opacity:0}.reveal--step{transition:opacity .35s steps(4,end),transform .35s steps(4,end);transform:translateY(12px)}.reveal--fade{transition:opacity .5s var(--ease-out)}.reveal--spawn{transition:none}.reveal.is-visible{opacity:1;transform:none}.reveal--spawn.is-visible{animation:.45s step-end both spawn}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.anim-blink,.caret--blink,.dialog__next,.type-caret{opacity:1!important;animation:none!important}.choice:has(input:checked) .choice__mark{opacity:1!important;animation:none!important}.reveal{opacity:1;transform:none}}.app{max-width:var(--wrap);background:var(--bg);border-inline:var(--px) solid var(--fg-mute);margin-inline:auto;overflow:hidden}.app--locked{max-height:100dvh;overflow:hidden}.photo-screen{position:absolute;inset:0;overflow:hidden}.photo-screen img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;filter:grayscale()contrast(2.1)brightness(.55)sepia(.7)hue-rotate(2deg)saturate(2.6)}.photo-screen:after{content:"";pointer-events:none;background-image:linear-gradient(90deg, #0000008c 0 var(--px-2), transparent var(--px-2) var(--px)), linear-gradient(180deg, #0000008c 0 var(--px-2), transparent var(--px-2) var(--px));background-size:var(--px) var(--px), var(--px) var(--px);position:absolute;inset:0}.photo-screen--bright img{filter:grayscale()contrast(1.35)brightness(.92)sepia(.5)hue-rotate(2deg)saturate(2.1)}.photo-screen--bright:after{background-image:linear-gradient(90deg, #0003 0 var(--px-2), transparent var(--px-2) var(--px)), linear-gradient(180deg, #0003 0 var(--px-2), transparent var(--px-2) var(--px))}.photo-veil{pointer-events:none;background:linear-gradient(#0009 0%,#0000007a 20% 60%,#000000c7 100%),radial-gradient(112% 60% at 50% 45%,#00000080 0%,#00000038 65%,#0000 100%);position:absolute;inset:0}.cover{z-index:var(--z-cover);background:var(--bg);visibility:visible;flex-direction:column;transition:visibility 0s linear .68s;display:flex;position:fixed;inset:0;overflow:hidden}.cover.is-open{visibility:hidden;pointer-events:none;animation:.65s steps(10,end) forwards wipe-up}.cover__photo{opacity:.62;position:absolute;inset:0}.cover__photo img{object-position:center 30%}.cover__scrim{background:linear-gradient(#000000e0 0%,#00000070 24%,#0000004d 48%,#0000009e 68%,#000000eb 100%);position:absolute;inset:0}.cover__flash{z-index:5;background:var(--fg);opacity:0;pointer-events:none;position:absolute;inset:0}.cover.is-open .cover__flash{animation:.35s steps(3,end) forwards flash}.cover__bezel{inset:var(--sp-2);z-index:2;border:var(--px) solid var(--fg-mute);pointer-events:none;position:absolute}.cover__content{z-index:3;height:100%;padding:calc(var(--sp-6) + env(safe-area-inset-top)) var(--sp-5) calc(var(--sp-6) + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative}.cover__name{font-family:var(--font-ui);font-size:var(--ui-2xl);letter-spacing:.02em;color:var(--fg);text-shadow:var(--px) var(--px) 0 var(--accent-deep), var(--px-8) var(--px-8) 0 #000000e6;line-height:1.1}.cover__amp{place-items:center;gap:var(--sp-2);display:grid}.cover__guest{width:100%;max-width:22rem}.cover__guest-name{font-family:var(--font-ui);font-size:var(--ui-md);color:var(--status);word-break:break-word;line-height:1.6}.cover__hint{font-family:var(--font-ui);font-size:var(--ui-xs);letter-spacing:.14em;color:var(--fg-soft);line-height:1.9}.scroll-hint{background:var(--fg-soft);clip-path:polygon(37.5% 0,62.5% 0,62.5% 55%,87.5% 55%,87.5% 70%,75% 70%,75% 85%,62.5% 85%,62.5% 100%,37.5% 100%,37.5% 85%,25% 85%,25% 70%,12.5% 70%,12.5% 55%,37.5% 55%);width:14px;height:18px;animation:1.4s steps(2,end) infinite bob}.count-grid{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);width:100%;display:grid}.count-box{padding:var(--sp-3) var(--sp-1) var(--sp-2);text-align:center;background:var(--surface-1);border:var(--px-2) solid var(--fg-mute);position:relative}.count-box__num{font-family:var(--font-ui);font-variant-numeric:tabular-nums;color:var(--fg);font-size:clamp(1rem,5.2vw,1.75rem);line-height:1.2;display:block}.count-box--live{border-color:var(--alert-deep)}.count-box--live .count-box__num{color:var(--alert)}.count-box__label{margin-top:var(--sp-1);font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);line-height:1.4;display:block}.gallery{gap:var(--px-6);grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(1.9rem,6vw,3rem);display:grid}.gallery__cell{background:var(--surface-2);border:var(--px-2) solid var(--fg-mute);cursor:var(--cursor-pointer);-webkit-tap-highlight-color:transparent;transition:border-color .12s linear, transform 80ms var(--step);padding:0;position:relative;overflow:hidden}.gallery__cell:hover{border-color:var(--accent)}.gallery__cell:active{transform:translate(var(--px-2), var(--px-2))}.gallery__img{object-fit:cover;filter:contrast(1.15)saturate(.85);width:100%;height:100%;transition:filter .2s linear}.gallery__cell:hover .gallery__img{filter:none}.gallery__cell:before{content:"";z-index:1;pointer-events:none;background-image:repeating-linear-gradient(#00000073 0 1px,#0000 1px 3px);transition:opacity .2s linear;position:absolute;inset:0}.gallery__cell:hover:before{opacity:0}.gallery__cell:after{content:"";z-index:2;background-color:var(--accent);background-image:linear-gradient(var(--bg) 0 0), linear-gradient(var(--bg) 0 0);background-size:10px var(--px-2), var(--px-2) 10px;pointer-events:none;background-position:50%,50%;background-repeat:no-repeat;width:20px;height:20px;position:absolute;top:0;right:0}.gallery__cell:first-child{grid-area:1/1/5/5}.gallery__cell:nth-child(2){grid-area:1/5/3/7}.gallery__cell:nth-child(3){grid-area:3/5/5/7}.gallery__cell:nth-child(4){grid-area:5/1/8/3}.gallery__cell:nth-child(5){grid-area:5/3/9/7}.gallery__cell:nth-child(6){grid-area:8/1/12/3}.gallery__cell:nth-child(7){grid-area:9/3/12/7}.lightbox{z-index:var(--z-modal);justify-content:center;align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-4);background-color:#000000f0;background-image:repeating-linear-gradient(#ffffff0a 0 1px,#0000 1px 4px);flex-direction:column;animation:.3s step-end both spawn;display:flex;position:fixed;inset:0}.lightbox__frame{background:var(--bg);border:var(--px) solid var(--fg);max-width:100%;box-shadow:0 0 0 var(--px) var(--bg), 0 0 0 var(--px-8) var(--fg-mute);padding:var(--px-6);position:relative}.lightbox__img{object-fit:contain;max-width:100%;max-height:60dvh;display:block}.lightbox__close{top:calc(var(--sp-5) * -1);right:calc(var(--px-8) * -1);width:44px;height:44px;color:var(--bg);background:var(--accent);border:var(--px-2) solid var(--bg);box-shadow:var(--px-2) var(--px-2) 0 var(--accent-deep);cursor:var(--cursor-pointer);place-items:center;display:grid;position:absolute}.lightbox__close:active{transform:translate(var(--px-2), var(--px-2));box-shadow:none}.lightbox__nav{width:48px;height:48px;color:var(--accent);background:var(--surface-1);border:var(--px-2) solid var(--accent);cursor:var(--cursor-pointer);place-items:center;transition:background-color .12s linear;display:grid}.lightbox__nav:hover{background:var(--accent-deep);color:var(--fg)}.lightbox__nav:active{transform:translate(var(--px-2), var(--px-2))}.lightbox__caption{text-align:center;max-width:24rem;color:var(--fg);font-size:var(--fs-sm);line-height:1.5}.fab{right:max(var(--sp-4), env(safe-area-inset-right));bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));z-index:var(--z-fab);width:52px;height:52px;color:var(--accent);background:var(--bg);border:var(--px-3) solid var(--accent);box-shadow:var(--px-3) var(--px-3) 0 var(--accent-deep);cursor:var(--cursor-pointer);transition:transform 80ms var(--step), box-shadow 80ms var(--step);place-items:center;display:grid;position:fixed}.fab:active{transform:translate(var(--px-3), var(--px-3));box-shadow:none}.fab__icon{width:22px;height:22px}.fab__eq{top:calc(var(--px-8) * -1);align-items:flex-end;gap:var(--px-2);height:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.fab__eq span{width:var(--px-3);background:var(--status);animation:.6s steps(3,end) infinite alternate eq;display:block}.fab__eq span:first-child{height:40%;animation-delay:0s}.fab__eq span:nth-child(2){height:100%;animation-delay:.2s}.fab__eq span:nth-child(3){height:65%;animation-delay:.4s}@keyframes eq{0%{height:25%}to{height:100%}}.map-frame{border:var(--px) solid var(--fg-mute);background:var(--surface-2);aspect-ratio:4/3;position:relative;overflow:hidden}.map-frame iframe{filter:invert(.92)grayscale(.55)contrast(1.15)sepia(.35)hue-rotate(6deg);border:0;width:100%;height:100%}.map-frame:after{content:"";pointer-events:none;background-image:linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 100%),linear-gradient(#ffffff12 0 1px,#0000 1px 100%);background-size:24px 24px;position:absolute;inset:0}.wish-list{gap:var(--sp-5);max-height:28rem;padding:var(--sp-3) var(--sp-2) var(--sp-4);flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto}.wish-avatar{background:var(--surface-2);border:var(--px-2) solid var(--fg-mute);width:34px;height:34px;color:var(--fg);font-family:var(--font-ui);font-size:var(--ui-xs);flex:none;place-items:center;line-height:1;display:grid}.live-dot{width:var(--px-6);height:var(--px-6);background:var(--status);flex:none;animation:1.6s step-end infinite blink}.player{gap:var(--sp-4);grid-template-columns:104px 1fr;align-items:start;display:grid}.player__portrait{aspect-ratio:3/4;background:var(--surface-2);border:var(--px-2) solid var(--fg-mute);position:relative;overflow:hidden}.player__portrait img{object-fit:cover;filter:contrast(1.2)saturate(.8);width:100%;height:100%}.player__portrait:after{content:"";inset:var(--px-2);pointer-events:none;background-image:linear-gradient(var(--fg) 0 0), linear-gradient(var(--fg) 0 0), linear-gradient(var(--fg) 0 0), linear-gradient(var(--fg) 0 0);background-size:var(--px-6) var(--px-2), var(--px-2) var(--px-6), var(--px-6) var(--px-2), var(--px-2) var(--px-6);background-position:0 0,0 0,100% 100%,100% 100%;background-repeat:no-repeat;position:absolute}.player__stat{align-items:center;gap:var(--sp-2);grid-template-columns:4.5rem 1fr;display:grid}.quest{padding-left:var(--sp-6);position:relative}.quest:before{content:"";width:var(--px-2);background-image:linear-gradient(180deg, var(--fg-mute) 0 var(--px), transparent var(--px) var(--px-8));background-size:100% var(--px-8);position:absolute;top:6px;bottom:0;left:7px}.quest__node{background:var(--bg);border:var(--px-2) solid var(--fg-mute);width:16px;height:16px;position:absolute;top:6px;left:0}.quest__node--done{background:var(--status);border-color:var(--status-deep)}.quest:last-child:before{height:24px;bottom:auto}.item-row{gap:var(--sp-3);grid-template-columns:32px 1fr;align-items:start;display:grid}.item-price{font-family:var(--font-ui);font-size:var(--ui-sm);letter-spacing:.08em;color:var(--fg);font-variant-numeric:tabular-nums;word-break:break-all;line-height:1.6}