@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{--ink:#102a2c;--night:#0b1b1d;--cream:#fff2d4;--gold:#ffce66;--mint:#83dec4;--muted:#b4c6bd;--line:#ffffff21;font-family:Barlow,Arial,sans-serif;color:var(--cream);background:var(--night);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;border:0;color:inherit;min-height:48px;transition:background .16s,filter .16s}button:hover{filter:brightness(1.13)}button:active{filter:brightness(.9)}button:focus-visible,canvas:focus-visible{outline:3px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}.screen{min-height:100svh}.home{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);min-height:760px;height:100svh}.home-art{position:absolute;inset:0;z-index:-2;background:url('assets/cover.webp') center 43%/cover}.home:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081f24f7 0%,#0b292adb 25%,#122b2c60 49%,transparent 72%),linear-gradient(0deg,#102a2cf5,transparent 27%)}.home-top{display:flex;justify-content:space-between;align-items:center;padding:32px 5vw}.brand{font-size:16px;font-weight:800;letter-spacing:2px}.brand i{font-style:normal;display:block;font-size:10px;color:var(--muted);letter-spacing:4px;margin-top:5px}.edition{font-size:11px;letter-spacing:2px;border:1px solid #ffedbc55;padding:11px 16px;border-radius:4px}.hero-copy{padding:7vh 5vw 25px;max-width:680px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--mint)}.eyebrow>span{display:inline-block;width:7px;height:7px;background:var(--mint);margin-right:8px;border-radius:50%}h1,h2,p{margin:0}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(66px,7vw,108px);line-height:.86;letter-spacing:-1.5px;font-weight:900;margin:25px 0}h1>span{display:block;font-size:.67em;line-height:.98;margin-top:13px}em{color:var(--gold);font-style:normal}.hero-copy p{font-size:18px;line-height:1.6;color:#e7e6d4}.home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.primary{background:var(--gold);color:#182927;font-weight:800;padding:17px 24px;border-radius:5px;letter-spacing:.5px;box-shadow:0 5px 0 #9a6d29}.primary span{margin-left:20px;font-size:22px}.secondary{background:var(--ink);border:1px solid var(--gold);padding:12px 20px;border-radius:5px}.text-button{background:transparent;color:var(--cream);font-size:13px;padding:12px 0}.text-button span{margin-left:16px}.home-bottom{position:absolute;bottom:0;left:5vw;right:5vw;display:flex;align-items:center;gap:40px;border-top:1px solid #ffefca40;padding:24px 0}.home-bottom>div{display:flex;gap:12px;align-items:center}.home-bottom b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px}.home-bottom span{font-size:10px;line-height:1.6;letter-spacing:1px;color:#e3e4d2}.home-bottom p{font-size:10px;line-height:1.6;color:#d5d9ce;margin-left:auto}#play{max-width:1440px;margin:auto;min-height:100svh;padding:20px 32px;display:flex;flex-direction:column;height:100svh}.game-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px}.game-top h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;line-height:1.1;margin-top:5px}.toolbar{display:flex;gap:8px}.toolbar button{border:1px solid var(--line);background:#173335;border-radius:8px;padding:0 15px;font-weight:700;font-size:12px}.stats{display:flex;gap:30px;background:#183538;border:1px solid var(--line);border-radius:12px 12px 0 0;padding:12px 20px}.stats small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:4px}.stats strong{font-size:17px;font-weight:700}#health{color:#f9a184;letter-spacing:5px}#wallets{color:var(--gold)}.mission-stat{margin-left:auto;max-width:65%}.mission-stat strong{font-size:14px}#arena{position:relative;min-height:180px;flex:1;background:#d3ba86;overflow:hidden;border-radius:0 0 12px 12px;border:1px solid var(--line)}canvas{width:100%;height:100%;display:block;touch-action:none}#location-tag{position:absolute;top:14px;left:14px;background:#102a2cd9;font-size:10px;letter-spacing:2px;padding:10px 14px;border-radius:5px;pointer-events:none}#toast{position:absolute;top:54px;left:50%;transform:translateX(-50%);max-width:88%;width:max-content;background:#0e292ff5;padding:12px 20px;border:1px solid #ffce6670;border-radius:8px;text-align:center;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}#hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:#092b2aeb;padding:9px 16px;border-radius:7px;font-size:13px;font-weight:600;text-align:center;max-width:90%;width:max-content;pointer-events:none}#hint:empty{display:none}#chapter-progress{height:4px;background:#ffffff22;position:absolute;bottom:0;left:0;right:0}#chapter-progress span{display:block;height:100%;width:0;background:var(--gold)}.controls{display:flex;justify-content:space-between;align-items:center;padding-top:12px;gap:10px}.keyboard-guide{display:flex;gap:22px;font-size:12px;color:var(--muted)}kbd{font:700 10px Barlow,Arial;padding:5px 7px;border:1px solid var(--line);border-radius:4px;color:var(--cream);margin-right:5px}.dpad{display:none;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,38px);gap:3px;touch-action:none}.dpad button{background:#224547;border:1px solid #ffffff30;border-radius:9px;min-height:38px;touch-action:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-row:2;grid-column:1}.dpad span{grid-row:2;grid-column:2;background:#173638;border-radius:50%;margin:8px}.dpad button:nth-child(4){grid-row:2;grid-column:3}.dpad button:last-child{grid-row:3;grid-column:2}.action-buttons{display:flex;gap:10px}.round-action{border:1px solid #ffffff35;border-radius:12px;padding:8px 20px;background:#21474a;font-size:12px;font-weight:800;touch-action:none;min-width:88px;min-height:50px}.round-action small{display:block;font-size:9px;font-weight:500;margin-top:3px;color:#d9e5de}.round-action.gold{background:var(--gold);color:var(--ink);border-color:var(--gold)}.round-action.gold small{color:var(--ink)}.round-action:disabled{opacity:.55;cursor:default}dialog{color:var(--cream);border:1px solid #ffffff2b;padding:0;background:#102a2c;max-width:calc(100vw - 24px);border-radius:20px;box-shadow:0 30px 120px #000a}dialog::backdrop{background:#061819c9;backdrop-filter:blur(7px)}#story-dialog{width:580px;max-height:90svh;overflow:hidden}.phone-header{display:flex;gap:12px;align-items:center;padding:19px 24px;border-bottom:1px solid var(--line)}.phone-header b{font-size:13px;letter-spacing:1px}.phone-header small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.online-dot{width:10px;height:10px;border-radius:50%;background:var(--mint)}#chat-counter{margin-left:auto;font-size:11px;color:var(--muted)}#chapter-card{padding:18px 24px;background:linear-gradient(100deg,#274b46,#173436);border-bottom:1px solid var(--line)}#chapter-card h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;margin:6px 0}#chapter-card p{font-size:12px;color:var(--muted);line-height:1.5}#messages{height:330px;max-height:42svh;overflow:auto;padding:20px;scroll-behavior:smooth}.message{display:flex;align-items:flex-end;gap:10px;margin-bottom:16px;animation:appear .2s ease-out}.avatar{flex:none;width:46px;height:58px;border-radius:10px;background-color:#24494a;background-image:url('assets/cast.webp');background-size:500% 100%;border:1px solid #ffffff20}.bubble{background:#24474a;border-radius:14px 14px 14px 3px;padding:12px 15px;max-width:calc(100% - 58px)}.bubble b{font-size:11px;letter-spacing:.4px;color:var(--gold)}.bubble p{font-size:15px;line-height:1.5;margin-top:5px}.message.self{flex-direction:row-reverse}.message.self .bubble{background:#365345;border-radius:14px 14px 3px 14px}.chat-bottom{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line)}.chat-bottom>span{font-size:11px;color:var(--muted)}.chat-bottom button{font-size:12px;padding:13px 18px}.menu-body{padding:32px;width:440px;max-width:calc(100vw - 28px)}.menu-body h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;margin:15px 0}.menu-body p{font-size:15px;line-height:1.65;color:#d6e0d6;white-space:pre-line}.menu-body button{display:block;width:100%;margin-top:16px}.ending{position:relative;min-height:100svh;isolation:isolate;display:flex;align-items:center;background:var(--ink)}.ending>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2}.ending:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#091f24f5,#091f24cc 35%,transparent 80%);z-index:-1}.ending-copy{padding:50px 5vw;max-width:750px}.ending h1{font-size:clamp(48px,6vw,84px);line-height:1}.ending p{font-size:17px;line-height:1.7}.ending h2{margin-top:30px;color:var(--gold)}.ending .signature{margin:8px 0 25px;font-size:13px}.ending .text-button{display:block;margin-top:14px}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(pointer:coarse){.dpad{display:grid}.keyboard-guide{display:none}.round-action{min-height:65px}.round-action small{display:none}}
@media(max-width:700px){.home{height:100svh;min-height:760px}.home-art{background-position:62% top;background-size:auto 75%;background-repeat:no-repeat}.home:after{background:linear-gradient(0deg,#0c292b 4%,#0c292bf5 31%,#0c292b55 69%,#0c292b22)}.home-top{padding:22px 22px}.edition{font-size:8px;letter-spacing:1px;padding:8px;max-width:135px}.brand{font-size:12px}.hero-copy{padding:240px 24px 135px}.hero-copy h1{font-size:66px;margin:15px 0}.hero-copy h1>span{font-size:.65em}.hero-copy p{font-size:14px}.hero-copy .eyebrow{font-size:9px}.home-actions{margin-top:20px}.home-actions .primary{font-size:12px;padding:13px 19px}.home-actions .secondary{font-size:12px}.home-bottom{left:24px;right:24px;gap:20px;padding:15px 0}.home-bottom b{font-size:19px}.home-bottom span{font-size:8px}.home-bottom p{max-width:115px;font-size:8px}.home-bottom>div:nth-child(2){display:none}#play{padding:10px 10px max(10px,env(safe-area-inset-bottom));height:100svh}.game-top{padding-bottom:10px}.game-top h2{font-size:23px}.game-top .eyebrow{font-size:9px}.toolbar button{padding:0 12px;min-height:44px}.stats{gap:14px;padding:10px 12px}.stats strong{font-size:15px}.mission-stat strong{font-size:11px}.mission-stat{max-width:55%}.stats small{font-size:8px}#health{letter-spacing:1px}.dpad{display:grid}.keyboard-guide{display:none}.round-action{padding:10px;min-width:70px;min-height:66px}.round-action small{display:none}.controls{padding-top:9px}.phone-header{padding:15px 18px}#chapter-card{padding:15px 18px}#messages{padding:15px;height:310px}.bubble p{font-size:14px}.chat-bottom{padding:13px 18px}.chat-bottom>span{font-size:10px}.ending{align-items:flex-end}.ending>img{height:65%;object-position:center top}.ending:after{background:linear-gradient(0deg,#092629 10%,#092629f5 40%,transparent 80%)}.ending-copy{padding:300px 24px 30px}.ending h1{font-size:44px}.ending p{font-size:14px}}
@media(max-height:520px) and (orientation:landscape){#play{padding:5px 12px}.game-top{padding-bottom:5px}.game-top h2{font-size:20px}.stats{padding:5px 12px}.stats small{display:none}.controls{position:absolute;bottom:20px;left:28px;right:28px;pointer-events:none}.controls button{pointer-events:auto;opacity:.8}.keyboard-guide{display:none}.dpad{grid-template-rows:repeat(3,30px);grid-template-columns:repeat(3,44px)}.dpad button{min-height:30px}.round-action{min-height:48px}#hint{bottom:8px}#story-dialog{max-height:96svh}#messages{height:100px}.phone-header{padding:8px 18px}#chapter-card{padding:8px 18px}#chapter-card h2{font-size:23px;margin:3px 0}.chat-bottom{padding:8px 18px}.home{height:auto;min-height:700px}}
#story-dialog[open]{display:flex;flex-direction:column}.phone-header,#chapter-card,.chat-bottom{flex-shrink:0}#messages{flex-shrink:1;min-height:80px}.avatar{background-size:500% auto}#scene-art{width:100%;height:170px;max-height:22svh;object-fit:cover;object-position:center 38%;flex-shrink:0}#story-dialog:has(#scene-art:not([hidden])) #messages{height:240px}#chapter-card p{max-width:48ch}@media(max-height:520px){#scene-art{display:none}#story-dialog:has(#scene-art:not([hidden])) #messages{height:100px}}
.dpad{grid-template-rows:repeat(3,44px)}.dpad button{min-height:44px}.avatar{display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;letter-spacing:.4px;color:var(--gold)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}