@scope(.braquo-game){:scope{--bg:#04080b;--ink:#e9f2f3;--ink-dim:#9fb4b8;--ink-faint:#61777c;--teal:#3fe3d2;--teal-deep:#0f5f63;--mustard:#f2b632;--mustard-deep:#b9811a;--navy:#1b2a4a;--red:#ff5b4a;--iris:#e39a76;--milo:#a9bfd6;--voss:#8fe7ff;--panel:#050c10cc;--line:#78e6de29;--radius:16px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--app-h:calc(var(--vh,1vh) * 100);--f-display:"Anton", "Avenir Next Condensed", "Roboto Condensed", "Arial Narrow", "Impact", sans-serif;--f-body:"Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--f-hand:"Caveat", "Bradley Hand", "Segoe Print", cursive}@supports (height:100dvh){:scope{--app-h:100dvh}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:scope,.game-root{background:var(--bg);height:100%;color:var(--ink);margin:0}:scope{font-family:var(--f-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;line-height:1.55}button{font:inherit;color:inherit}img{display:block}.game-root{justify-content:center;display:flex}.game-root>*{min-width:0}.stage,.home,.page{width:100%;max-width:520px}@media (width>=560px){:scope{background:radial-gradient(ellipse at 50% 0%, #0b2a2d 0%, var(--bg) 60%)}.stage,.home{box-shadow:0 0 80px #3fe3d214}}.stage{height:var(--app-h);isolation:isolate;position:relative;overflow:hidden}.scenery{z-index:0;background:#071216;position:absolute;inset:0}.scenery-layer{position:absolute;inset:0}.scenery-layer img{object-fit:cover;transform-origin:50% 40%;width:100%;height:100%;animation:26s ease-in-out infinite alternate kenburns}.scenery-layer.is-top{animation:.9s both fadein}.scenery-layer.is-under{opacity:1}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes kenburns{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.12)translate(-1.5%,-1%)}}.scenery-fallback{background:radial-gradient(circle at 70% 25%,#3fe3d259,#0000 35%),radial-gradient(circle at 20% 70%,#f2b6322e,#0000 40%),linear-gradient(#0a2227,#04080b);position:absolute;inset:0}.scenery-grade{pointer-events:none;background:linear-gradient(#04080bc7 0%,#04080b00 22% 42%,#04080bdb 72%,#04080bf7 100%),radial-gradient(at 50% 40%,#0000 55%,#00000073 100%);position:absolute;inset:0}.scenery-dim .scenery-grade{background:linear-gradient(#04080b8c,#04080beb 45%,#04080bfa)}.scenery-rain{pointer-events:none;mix-blend-mode:screen;opacity:.55;background:repeating-linear-gradient(104deg,#0000 0 22px,#a0f0eb0d 22px 23px);animation:7s step-end infinite flicker;position:absolute;inset:0}@keyframes flicker{0%,to{opacity:.5}41%{opacity:.2}42%{opacity:.55}77%{opacity:.35}78%{opacity:.6}}.hud{z-index:5;padding:calc(var(--safe-t) + 10px) 14px 8px;position:absolute;top:0;left:0;right:0}.hud-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.hud-clock{align-items:baseline;gap:10px;min-width:0;display:flex}.hud-time{font-family:var(--f-mono);letter-spacing:.02em;color:var(--teal);text-shadow:0 0 14px #3fe3d2a6;font-size:22px;font-weight:700}.hud-place{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.hud-menu{border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#050c108c;border-radius:12px;place-content:center;gap:4px;width:40px;height:40px;display:grid}.hud-menu span{background:var(--ink);border-radius:2px;width:16px;height:2px;display:block}.hud-stats{grid-template-columns:1.15fr 1fr 1fr;gap:8px;margin-top:8px;display:grid}.stat{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);background:#050c109e;border-radius:10px;min-width:0;padding:6px 8px 7px;position:relative}.stat-label{letter-spacing:.08em;color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:600;display:block;overflow:hidden}.stat-value{font-family:var(--f-mono);color:var(--mustard);white-space:nowrap;letter-spacing:-.02em;font-size:13px;font-weight:700;display:block}.gauge-top{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.gauge-num{font-family:var(--f-mono);font-size:12px;font-weight:700}.gauge-track{background:#ffffff14;border-radius:4px;height:4px;margin-top:5px;overflow:hidden}.gauge-fill{border-radius:4px;height:100%;transition:width .9s cubic-bezier(.2,.8,.2,1)}.gauge-red .gauge-fill{background:linear-gradient(90deg, #ff9a4a, var(--red));box-shadow:0 0 8px #ff5b4a99}.gauge-red .gauge-num{color:#ff8a6a}.gauge-teal .gauge-fill{background:linear-gradient(90deg, var(--teal-deep), var(--teal));box-shadow:0 0 8px #3fe3d280}.gauge-teal .gauge-num{color:var(--teal)}.stat-delta{font-family:var(--f-mono);background:var(--mustard);color:#1a1204;border-radius:8px;padding:1px 6px;font-size:12px;font-weight:700;animation:2.2s both pop;position:absolute;top:-10px;right:6px}.gauge-red .stat-delta.up{background:var(--red);color:#fff}.gauge-red .stat-delta.down{color:#fff;background:#2c8a62}.gauge-teal .stat-delta.up{background:var(--teal);color:#032}.gauge-teal .stat-delta.down{color:#fff;background:#7a3b3b}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.8)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.tap-zone{z-index:1;cursor:pointer;position:absolute;inset:0}.panel{z-index:4;padding:0 12px calc(var(--safe-b) + 12px);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.dbox{cursor:pointer;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px)saturate(1.2);background:linear-gradient(#060f13d1,#04090ced);border-radius:16px;flex-direction:column;height:clamp(150px,25vh,214px);margin-top:30px;display:flex;position:relative;box-shadow:0 -12px 40px #00000059}.dbox-tall{height:clamp(260px,54vh,470px)}.dbox-body{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;padding:16px 18px 2px;overflow-y:auto}.dbox-body::-webkit-scrollbar{display:none}.dbox-foot{flex:none;justify-content:space-between;align-items:center;height:40px;padding:0 6px 4px 18px;display:flex}.dbox-count{gap:5px;display:flex}.dbox-count i{background:#ffffff29;border-radius:50%;width:5px;height:5px}.dbox-count i.on{background:var(--teal);box-shadow:0 0 6px #3fe3d299}.panel-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--teal);text-shadow:0 1px 8px #000000e6;white-space:nowrap;font-size:10.5px;font-weight:600;position:absolute;top:-26px;right:12px}.panel-reaction .panel-kicker{color:var(--mustard)}.nameplate{letter-spacing:.18em;text-transform:uppercase;background:#0a171b;border:1px solid;border-radius:7px;justify-self:start;margin-bottom:6px;padding:4px 10px 3px;font-size:10.5px;font-weight:700;line-height:1.2;display:inline-block}.continue{width:48px;height:40px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:18px;display:grid}.continue.is-ready{color:var(--teal)}.continue.is-ready span{animation:1.1s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.tw-rest{opacity:0}.dbox .blk-dialogue .line,.dbox .blk-thought .line{margin:0}.dbox .blk-letter{margin:2px 4px 10px}.blocks{flex-direction:column;gap:10px;display:flex}.blk{margin:0}.blk-in{animation:.52s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;filter:blur(2px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}.blk-narration{color:var(--ink);font-size:16.5px}.blk-title{font-family:var(--f-display);letter-spacing:.02em;color:var(--teal);text-shadow:0 0 22px #3fe3d28c;margin:2px 0 4px;font-size:46px;font-weight:400;line-height:1}.blk-tagline{font-family:var(--f-display);letter-spacing:.02em;color:var(--mustard);text-transform:uppercase;margin-top:4px;font-size:21px;line-height:1.2}.blk-dialogue,.blk-thought{gap:2px;display:grid}.speaker{letter-spacing:.18em;text-transform:uppercase;font-size:10.5px;font-weight:700}.line{font-size:16.5px}.blk-dialogue .line:before{content:"« ";color:var(--ink-faint)}.blk-dialogue .line:after{content:" »";color:var(--ink-faint)}.sp-braquo{color:var(--mustard)}.sp-iris{color:var(--iris)}.sp-milo{color:var(--milo)}.sp-voss{color:var(--voss)}.sp-other{color:var(--ink-dim)}.blk-thought{border-left:2px solid var(--mustard);padding-left:12px}.blk-thought .line{color:#f4e2b4;font-style:italic}.blk-sms{background:#0e1d22;border:1px solid #8fe7ff40;border-radius:4px 16px 16px;align-self:flex-start;max-width:92%;padding:10px 14px 11px;box-shadow:0 0 24px #3fe3d21f}.sms-head{font-family:var(--f-mono);letter-spacing:.12em;color:var(--voss);align-items:center;gap:7px;margin-bottom:4px;font-size:10.5px;display:flex}.sms-dot{background:var(--red);width:7px;height:7px;box-shadow:0 0 8px var(--red);border-radius:50%;animation:1.2s step-end infinite blink}@keyframes blink{50%{opacity:.2}}.sms-body{color:#dff8ff;gap:2px;font-size:16px;display:grid}.blk-letter{color:#2a2216;font-family:var(--f-hand);background:linear-gradient(#f3ead6,#e6d9bb);border-radius:4px;padding:16px 18px;font-size:22px;line-height:1.2;transform:rotate(-1deg);box-shadow:0 10px 30px #00000080}.blk-letter p{margin:0}.choices{flex-direction:column;gap:10px;padding-top:10px;display:flex}.choices-q{font-family:var(--f-display);letter-spacing:.03em;color:var(--ink);text-transform:uppercase;text-shadow:0 2px 18px #000c;margin-bottom:2px;font-size:24px}.choice{text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#061014db;border:1px solid #3fe3d247;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:60px;padding:13px 16px 13px 12px;transition:transform .12s,border-color .16s,background .16s;animation:.42s cubic-bezier(.2,.8,.2,1) both rise;display:flex;position:relative}.choice:active{background:#10282ceb;transform:scale(.985)}@media (hover:hover){.choice:hover{border-color:var(--teal);background:#0a1e22eb}}.choice:disabled{opacity:.45;cursor:not-allowed}.choice-key{width:30px;height:30px;font-family:var(--f-mono);color:#1a1204;background:var(--mustard);border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid;box-shadow:0 0 14px #f2b63259}.choice-label{font-size:16px;font-weight:600;line-height:1.3}.choice-lock{color:var(--ink-faint);font-size:12px;display:block}.scene-card{z-index:8;text-align:center;cursor:pointer;background:#020507e6;place-content:center;padding:24px;animation:1.5s both cardIn;display:grid;position:absolute;inset:0}@keyframes cardIn{0%{opacity:0}18%{opacity:1}80%{opacity:1}to{opacity:0}}.scene-card-meta{font-family:var(--f-mono);letter-spacing:.2em;color:var(--teal);font-size:12px}.scene-card-title{font-family:var(--f-display);letter-spacing:.02em;margin-top:8px;font-size:34px;line-height:1.05}.btn{cursor:pointer;width:100%;min-height:50px;color:var(--ink);text-align:center;background:#3fe3d21f;border:1px solid #3fe3d259;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:15.5px;font-weight:600;display:flex}.btn small{color:var(--ink-dim);font-size:12px;font-weight:500}.btn:active{transform:scale(.985)}.btn-primary{background:var(--mustard);color:#1a1204;border-color:var(--mustard);box-shadow:0 8px 30px #f2b63240}.btn-primary small{color:#4b360d}.btn-ghost{background:#050c108c;border-color:#ffffff1f}.btn-danger{color:#ffd3cd;background:#ff5b4a29;border-color:#ff5b4a8c}.btn-disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.btn-small{flex:auto;width:auto;min-height:40px;padding:8px 12px;font-size:13.5px}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.btn-row .btn{flex:140px}.sheet-backdrop{z-index:10;background:#0009;align-items:flex-end;animation:.2s both fadein;display:flex;position:absolute;inset:0}.sheet{width:100%;padding:20px 16px calc(var(--safe-b) + 18px);border-top:1px solid var(--line);background:#071114;border-radius:20px 20px 0 0;flex-direction:column;gap:10px;animation:.3s both rise;display:flex}.sheet-title{font-family:var(--f-display);letter-spacing:.06em;color:var(--teal);font-size:28px}.sheet-note{color:var(--ink-dim);margin:0 0 4px;font-size:13px}.confirm{background:#ff5b4a0f;border:1px solid #ff5b4a4d;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.confirm p{color:#ffd9d3;margin:0;font-size:14px}.ending{z-index:3;-webkit-overflow-scrolling:touch;padding:calc(var(--safe-t) + 36vh) 16px calc(var(--safe-b) + 28px);position:absolute;inset:0;overflow-y:auto}.ending-inner{flex-direction:column;gap:14px;min-width:0;animation:.9s both rise;display:flex}.ending-act{font-family:var(--f-mono);letter-spacing:.3em;color:var(--teal);font-size:12px}.ending-num{font-family:var(--f-display);letter-spacing:.1em;color:var(--ink-dim);margin-top:-8px;font-size:20px}.ending-title{font-family:var(--f-display);overflow-wrap:anywhere;color:var(--mustard);text-shadow:0 0 40px #f2b63259;letter-spacing:.01em;margin:-6px 0 0;font-size:clamp(44px,15vw,84px);font-weight:400;line-height:.92}.ending-id{font-family:var(--f-mono);color:var(--ink-faint);letter-spacing:.08em;font-size:11px}.ending-text{padding:4px 2px}.ending-tbc{font-family:var(--f-display);letter-spacing:.06em;color:var(--teal);margin:16px 0 0;font-size:18px}.ending-card{border-radius:var(--radius);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#060f13db;flex-direction:column;gap:10px;padding:16px;display:flex}.card-title{letter-spacing:.2em;text-transform:uppercase;color:var(--teal);font-size:11px;font-weight:700}.card-note{color:var(--ink-dim);margin:0;font-size:13.5px}.card-warn{color:#ffcf9e;background:#ff8c3c14;border:1px solid #ff8c3c4d;border-radius:10px;margin:0;padding:10px 12px;font-size:13.5px}.card-warn.small{padding:8px 10px;font-size:12.5px}.card-ok{color:#b8f5d8;background:#3cc88c14;border:1px solid #3cc88c4d;border-radius:10px;margin:0;padding:10px 12px;font-size:13.5px}.recap{counter-reset:r;gap:8px;margin:0;padding:0;list-style:none;display:grid}.recap li{counter-increment:r;gap:1px;padding-left:30px;display:grid;position:relative}.recap li:before{content:counter(r);width:20px;height:20px;font-family:var(--f-mono);color:#1a1204;background:var(--mustard);border-radius:6px;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:2px;left:0}.recap-group{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:10.5px}.recap-label{font-size:14.5px}.ending-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;padding-top:4px;display:grid}.ending-stats div{gap:2px;padding-top:8px;display:grid}.ending-stats span{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.ending-stats b{font-family:var(--f-mono);color:var(--ink);font-size:13px}.code-box{font-family:var(--f-mono);letter-spacing:.08em;text-align:center;color:var(--mustard);-webkit-user-select:all;user-select:all;word-break:break-all;background:#f2b6320f;border:1px dashed #f2b63280;border-radius:12px;padding:14px 10px;font-size:22px;font-weight:700}.ending-actions{flex-direction:column;gap:10px;display:flex}.home{min-height:var(--app-h);display:flex;position:relative;overflow:hidden}.home-bg{position:absolute;inset:0}.home-bg img{object-fit:cover;object-position:50% 45%;width:100%;height:100%;animation:30s ease-in-out infinite alternate kenburns}.home-bg:after{content:"";background:linear-gradient(#04080bd9 0%,#04080b1a 30%,#04080b59 52%,#04080bf5 76%,#04080b 100%);position:absolute;inset:0}.home-inner{z-index:1;min-width:0;padding:calc(var(--safe-t) + 28px) 18px calc(var(--safe-b) + 20px);flex-direction:column;flex:1;justify-content:space-between;gap:24px;display:flex;position:relative}.home-kicker{font-family:var(--f-mono);letter-spacing:.18em;color:var(--teal);text-transform:uppercase;font-size:10.5px}.logo{font-family:var(--f-display);letter-spacing:.01em;white-space:nowrap;max-width:100%;color:var(--mustard);text-shadow:0 4px 0 var(--mustard-deep), 0 0 50px #f2b63259;margin:6px 0 0;font-size:clamp(48px,21vw,124px);font-weight:400;line-height:.86}.logo-sub{font-family:var(--f-display);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:10px;font-size:22px;display:flex}.logo-time{font-family:var(--f-mono);color:var(--teal);text-shadow:0 0 16px #3fe3d2b3;font-weight:700}.home-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.home-actions .btn-primary{flex-direction:column;gap:0}.home-foot{gap:8px;display:grid}.foot-note{color:var(--ink-faint);text-align:center;margin:0;font-size:11.5px}.page{min-height:var(--app-h);padding:calc(var(--safe-t) + 14px) 16px calc(var(--safe-b) + 30px);flex-direction:column;gap:14px;display:flex}.back{color:var(--teal);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:8px 0;font-size:15px;font-weight:600}.page-title{font-family:var(--f-display);letter-spacing:.03em;color:var(--mustard);margin:6px 0 0;font-size:34px;font-weight:400}.page-sub{color:var(--ink-dim);margin:-6px 0 0;font-size:14px}.empty{color:var(--ink-faint);margin:0;font-size:14px}.endings-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.ending-slot{aspect-ratio:9/16;border:1px solid var(--line);background:repeating-linear-gradient(135deg,#0a1518 0 6px,#071013 6px 12px);border-radius:10px;position:relative;overflow:hidden}.ending-slot img{object-fit:cover;width:100%;height:100%}.ending-slot:after{content:"";background:linear-gradient(#0000 40%,#000000e6);position:absolute;inset:0}.slot-lock{font-family:var(--f-display);color:var(--ink-faint);place-items:center;font-size:30px;display:grid;position:absolute;inset:0}.slot-num{z-index:1;font-family:var(--f-mono);color:var(--teal);font-size:10px;font-weight:700;position:absolute;top:6px;left:6px}.slot-title{z-index:1;font-family:var(--f-display);letter-spacing:.02em;font-size:12px;line-height:1.05;position:absolute;bottom:6px;left:5px;right:5px}.is-got .slot-title{color:var(--mustard)}.cp-list{flex-direction:column;gap:10px;display:flex}.cp{border:1px solid var(--line);background:#081216e6;border-radius:14px;gap:10px;padding:14px;display:grid}.cp.is-selected{border-color:#f2b63299}.cp-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cp-title{font-family:var(--f-display);letter-spacing:.03em;font-size:21px}.cp-meta,.cp-stats{color:var(--ink-dim);font-size:12.5px}.cp-stats{font-family:var(--f-mono);font-size:12px}.pill{border:1px solid var(--line);cursor:pointer;color:var(--ink-dim);background:0 0;border-radius:999px;flex:none;padding:6px 12px;font-size:12px}.pill.is-on{background:var(--mustard);color:#1a1204;border-color:var(--mustard);font-weight:700}.tabs{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.tab{color:var(--ink-dim);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px;font-size:14px;font-weight:600}.tab.is-on{color:var(--ink);background:#3fe3d229}.field{gap:6px;display:grid}.field span{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:12px;font-weight:600}.field input{width:100%;font-family:var(--f-mono);color:var(--ink);letter-spacing:.06em;background:#061013;border:1px solid #3fe3d259;border-radius:12px;padding:14px;font-size:18px;line-height:normal}.field input:focus{outline:2px solid var(--teal);outline-offset:1px}.manual-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.manual-opt{text-align:left;border:1px solid var(--line);font-family:var(--f-display);letter-spacing:.03em;cursor:pointer;background:#081216e6;border-radius:12px;min-height:72px;padding:26px 12px 12px;font-size:19px;position:relative}.manual-opt.is-on{border-color:var(--mustard);color:var(--mustard)}.badge{letter-spacing:.16em;text-transform:uppercase;color:#ffcf9e;background:#ff8c3c2e;border-radius:999px;align-self:flex-start;padding:5px 10px;font-size:11px;font-weight:700}button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.scenery-layer img,.home-bg img{animation:none;transform:scale(1.04)}}@media (width<=360px){.stat-label{letter-spacing:.03em;font-size:8px}.stat-value{font-size:11.5px}.hud-stats{gap:6px}}@media (height<=640px){.blk-title{font-size:36px}.hud-stats{margin-top:6px}.panel{max-height:calc(var(--app-h) * .7)}}}.braquo-game,.braquo-game .game-root{min-height:var(--app-h)}