:root{--pink:#ff3d6e;--ink:#1d1d24;--paper:#fffaf0;--yellow:#ffd23f;--font:"Londrina Solid", "Arial Black", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;background:#0b1630;margin:0;overflow:hidden}#game canvas{display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>.hud{pointer-events:none}button{font-family:var(--font);cursor:pointer}.title{background:linear-gradient(#1b2a5c 0%,#ff8a5c 70%,#ffc27a 100%);place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0;overflow:auto}.title.out{opacity:0;pointer-events:none}.title .sky{clip-path:polygon(0 40%,4% 40%,4% 20%,9% 20%,9% 55%,14% 55%,14% 10%,16% 0,18% 10%,18% 35%,24% 35%,24% 60%,30% 60%,30% 25%,36% 25%,36% 45%,44% 45%,44% 15%,48% 15%,48% 50%,55% 50%,55% 30%,62% 30%,62% 58%,70% 58%,70% 20%,74% 20%,74% 42%,82% 42%,82% 28%,88% 28%,88% 55%,94% 55%,94% 35%,100% 35%,100% 100%,0 100%);background:linear-gradient(#0000 0 100%),repeating-linear-gradient(90deg,#1d1d2b 0 46px,#0000 46px 60px,#23233a 60px 100px,#0000 100px 112px,#191926 112px 170px,#0000 170px 178px);height:38%;position:absolute;inset:auto 0 0}.title .box{text-align:center;background:#101224f0;border-radius:22px;width:min(940px,94vw);margin:16px 0;padding:26px 26px 18px;position:relative;box-shadow:0 20px 60px #0006}.title h1{letter-spacing:2px;margin:0;font-size:clamp(48px,9vw,92px);font-weight:900;line-height:.95}.title h1 span{color:var(--yellow)}.title .tag{opacity:.85;margin:6px 0 16px;font-size:20px}.title h3{opacity:.8;margin:16px 0 8px;font-weight:400}.title .pick{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;max-height:38vh;padding:4px;display:grid;overflow:auto}.title .pick button{color:#fff;background:#ffffff14;border:3px solid #0000;border-radius:12px;padding:4px}.title .pick button img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.title .pick button span{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.title .pick button.sel{border-color:var(--yellow);background:#ffd23f2e}.title .go{background:var(--pink);color:#fff;border:0;border-radius:14px;margin-top:14px;padding:12px 26px;font-size:24px;box-shadow:0 5px #b3204a}.title .go.cont{background:var(--yellow);color:var(--ink);margin:0 auto 4px;display:block;box-shadow:0 5px #b38f17}.title .go:active{box-shadow:none;transform:translateY(3px)}.title .small{opacity:.65;margin:10px 0 0;font-size:15px}.hud{pointer-events:none;position:fixed;inset:0}.hud>*{pointer-events:auto}.clock{pointer-events:none;text-shadow:0 1px 2px #0006;background:#0f111eb8;border-radius:14px;padding:8px 14px 9px;position:absolute;top:14px;left:16px}.clock .time{font-size:30px;line-height:1}.clock .date{opacity:.85;margin-top:2px;font-size:16px}.clock .where{color:var(--c,#fff);filter:brightness(1.6);margin-top:4px;font-size:18px}.minimap{cursor:pointer;border-radius:50%;width:170px;height:170px;position:absolute;top:14px;right:14px;box-shadow:0 4px 14px #0006}.tracker{pointer-events:none;flex-direction:column;gap:6px;width:250px;display:flex;position:absolute;top:194px;right:14px}.tracker .tr{background:#0f111eb8;border-left:5px solid #4dc3ff;border-radius:10px;padding:6px 10px}.tracker .tr.quest{border-left-color:var(--yellow)}.tracker .tr b{font-size:16px;font-weight:400;display:block}.tracker .tr span{opacity:.85;font-family:system-ui,sans-serif;font-size:14px}.prompt{opacity:0;pointer-events:none;white-space:nowrap;background:#0f111ed1;border-radius:12px;padding:9px 16px;font-size:21px;transition:all .15s;position:absolute;bottom:96px;left:50%;transform:translate(-50%)scale(.9)}.prompt.on{opacity:1;transform:translate(-50%)scale(1)}.prompt kbd{background:var(--yellow);color:var(--ink);font-family:var(--font);border-radius:6px;margin-right:6px;padding:0 8px;display:inline-block}.bar{gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.bar button{color:#fff;background:#0f111ec7;border:0;border-radius:12px;flex-direction:column;align-items:center;min-width:64px;padding:7px 12px;font-size:22px;display:flex}.bar button span{opacity:.85;font-size:13px}.bar button:hover{background:#ff3d6ed9}.act-btn{background:var(--yellow);width:78px;height:78px;color:var(--ink);border:0;border-radius:50%;font-size:30px;display:none;position:absolute;bottom:120px;right:26px;box-shadow:0 5px #b38f17}.is-touch .act-btn.on{display:block}.stick{pointer-events:none;background:#ffffff1f;border:2px solid #ffffff59;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;display:none;position:absolute}.stick.on{display:block}.stick .knob{background:#fff9;border-radius:50%;width:50px;height:50px;position:absolute;top:30px;left:30px}.cam-label{opacity:0;pointer-events:none;background:#0f111ecc;border-radius:10px;padding:6px 14px;font-size:18px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.cam-label.show{animation:1.8s flash}@keyframes flash{0%,70%{opacity:1}to{opacity:0}}.toasts{pointer-events:none;flex-direction:column;gap:6px;max-width:min(420px,60vw);display:flex;position:absolute;top:128px;left:16px}.toast{background:#0f111ed9;border-radius:10px;padding:8px 12px;font-family:system-ui,sans-serif;font-size:17px;transition:opacity .5s,transform .5s;animation:.3s slidein}.toast b{font-family:var(--font);color:var(--yellow);font-weight:400}.toast.out{opacity:0;transform:translate(-20px)}@keyframes slidein{0%{opacity:0;transform:translate(-20px)}}.banner{text-align:center;pointer-events:none;text-shadow:0 2px 6px #000000b3;background:#0c0e1cc7;border-radius:18px;max-width:90vw;padding:10px 26px 12px;transition:opacity .5s;animation:.5s rise;position:absolute;top:20%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.banner h2{color:var(--yellow);margin:0;font-size:clamp(30px,5vw,54px);font-weight:900}.banner p{margin:4px 0 0;font-size:22px}.banner.out{opacity:0}@keyframes rise{0%{opacity:0;transform:translate(-50%,20px)}}.fade{opacity:0;pointer-events:none;background:#000;transition:opacity .45s;position:fixed;inset:0}.fade.on{opacity:1}.overlay{z-index:5;background:#080a1673;place-items:center;display:grid;position:fixed;inset:0}.panel{background:var(--paper);color:var(--ink);border-radius:18px;width:min(760px,94vw);max-height:90vh;padding:16px 18px;overflow:auto;box-shadow:0 20px 60px #00000073}.panel header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.panel header h2{flex:1;margin:0;font-size:30px}.panel .x{background:#eee;border:0;border-radius:10px;width:40px;height:40px;font-size:20px}.panel button{font-size:18px}.overlay:has(.talk){background:0 0;place-items:end center}.talk{width:min(820px,96vw);margin-bottom:18px}.talk .who{align-items:center;gap:14px;display:flex}.talk .who img{object-fit:contain;background:#ffe9d6;border-radius:14px;width:92px;height:92px}.talk h2{margin:0;font-size:30px}.talk h2 small{opacity:.6;font-size:18px;font-weight:400}.talk .role{opacity:.8;font-size:18px}.talk .doing{opacity:.6;font-family:system-ui,sans-serif;font-size:14px}.talk .line{min-height:2.6em;margin:12px 4px;font-family:system-ui,sans-serif;font-size:20px;line-height:1.35}.talk .line.pop{animation:.25s pop}@keyframes pop{0%{opacity:.2;transform:translateY(4px)}}.opts{flex-wrap:wrap;gap:8px;display:flex}.opts button{color:var(--ink);background:#ece4d4;border:0;border-radius:12px;padding:9px 14px}.opts button:hover,.opts button.quest{background:var(--yellow)}.opts button:disabled{opacity:.45}.dir .count{opacity:.7;font-size:18px}.dir .goals{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.dir .goal{background:#efe7d6;border-radius:8px;padding:3px 8px;font-size:15px}.dir .goal.done{background:#c9f2c9}.dir .goal em{opacity:.6;font-style:normal}.dir .grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;max-height:42vh;display:grid;overflow:auto}.dir .card{color:var(--ink);background:#f1e9da;border:3px solid #0000;border-radius:12px;flex-direction:column;align-items:center;padding:4px;display:flex}.dir .card img{object-fit:contain;width:64px;height:64px}.dir .card b{font-size:16px;font-weight:400}.dir .card span{opacity:.7;text-align:center;font-family:system-ui,sans-serif;font-size:12px;line-height:1.1}.dir .card i{font-size:9px;font-style:normal}.dir .card.unmet img{filter:brightness(0)opacity(.35)}.dir .card.sel{border-color:var(--pink)}.dir .detail{background:#f6f0e3;border-radius:12px;margin-top:10px;padding:10px 12px;font-family:system-ui,sans-serif}.dir .detail .who{gap:12px;display:flex}.dir .detail img{object-fit:contain;width:80px;height:80px}.dir .detail h3{font-family:var(--font);margin:0;font-size:24px;font-weight:400}.dir .detail p{margin:3px 0}.dir .detail .now{color:#b3204a}.dir .detail .track{background:var(--pink);color:#fff;border:0;border-radius:10px;margin-top:6px;padding:7px 14px}.paper{background:#f4efe2;width:min(900px,96vw);font-family:Georgia,Times New Roman,serif}.paper header{justify-content:flex-end;margin:0}.paper .masthead{text-align:center;border-bottom:3px double #222;padding-bottom:6px}.paper .masthead h1{margin:0;font-family:Old English Text MT,UnifrakturMaguntia,Georgia,serif;font-size:clamp(40px,7vw,64px)}.paper .sub{letter-spacing:1px;text-transform:uppercase;border-top:1px solid #222;margin-top:4px;padding-top:3px;font-size:13px}.paper .cols{grid-template-columns:2fr 1fr;gap:18px;margin-top:10px;display:grid}.paper .main h2{font-size:30px;line-height:1.05;font-family:var(--font);margin:4px 0}.paper .main h3,.paper .side h3{font-size:20px;font-family:var(--font);border-top:1px solid #999;margin:12px 0 2px;padding-top:6px}.paper p{margin:3px 0;font-size:16px;line-height:1.35}.paper .side{border-left:1px solid #999;padding-left:14px}@media (width<=640px){.paper .cols{grid-template-columns:1fr}.paper .side{border:0;padding:0}}.map-panel{color:#fff;background:#1b2236;width:min(1300px,97vw)}.map-panel canvas{cursor:crosshair;border-radius:12px;width:100%;height:auto;display:block}.map-panel .hint{opacity:.7;margin:6px 0 0;font-family:system-ui,sans-serif}.subway{background:#f2f2f2}.subway p{font-family:system-ui,sans-serif}@media (width<=720px){.minimap{width:120px;height:120px}.tracker{width:180px;top:142px}.clock .time{font-size:24px}.bar button{min-width:50px;padding:6px 8px;font-size:18px}.bar button span{display:none}.toasts{top:112px}}.crosshair{pointer-events:none;background:#ffffffd9;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;display:none;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #00000059}.crosshair.on{display:block}.lock-hint{opacity:0;pointer-events:none;white-space:nowrap;background:#0f111e99;border-radius:8px;padding:4px 12px;font-family:system-ui,sans-serif;font-size:15px;transition:opacity .3s;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.lock-hint.on{opacity:.9}.is-touch .lock-hint{display:none}.modal{z-index:20;background:#080a1600;place-items:center;transition:background .25s;display:grid;position:fixed;inset:0}.modal.in{background:#080a1699}.modal .card{background:var(--paper);width:min(460px,92vw);color:var(--ink);text-align:center;opacity:0;border-radius:20px;padding:22px 22px 18px;transition:transform .25s,opacity .25s;transform:translateY(20px)scale(.95);box-shadow:0 24px 70px #00000080}.modal.in .card{opacity:1;transform:none}.modal .faces{justify-content:center;align-items:center;gap:14px;margin-bottom:6px;display:flex}.modal .faces img{object-fit:contain;background:#ffe9d6;border-radius:16px;width:84px;height:84px}.modal .faces img:first-child{filter:grayscale(.8)opacity(.7)}.modal .faces span{color:var(--pink);font-size:32px}.modal h2{margin:6px 0;font-size:30px}.modal p{margin:6px 0;font-family:system-ui,sans-serif;font-size:16px}.modal .warn{background:#fff1d6;border-radius:10px;padding:8px 10px;font-size:14px}.modal .row{gap:10px;margin-top:14px;display:flex}.modal .row button{border:0;border-radius:12px;flex:1;padding:11px 10px;font-size:18px}.modal .keep{color:var(--ink);background:#ece4d4}.modal .fresh{background:var(--pink);color:#fff;box-shadow:0 4px #b3204a}.clock .lvl{margin-top:5px;font-size:15px}.clock .lvl b{color:var(--yellow);font-weight:400}.clock .lvl i{background:#ffffff2e;border-radius:3px;height:5px;margin-top:3px;display:block;overflow:hidden}.clock .lvl s{background:linear-gradient(90deg, var(--yellow), var(--pink));width:0;height:100%;transition:width .5s;display:block}.tracker .tr.mission{border-left-color:#ff7ab0}.map-wrap{grid-template-columns:minmax(0,1fr) 270px;gap:12px;display:grid}.map-wrap canvas{object-fit:contain;max-height:74vh}.loclist{max-height:74vh;font-family:system-ui,sans-serif;overflow:auto}.loclist details{background:#ffffff0d;border-radius:10px;margin-bottom:4px}.loclist summary{cursor:pointer;font-family:var(--font);border-left:5px solid var(--c);border-radius:10px;padding:7px 10px;font-size:18px}.loclist summary em{opacity:.5;font-size:14px;font-style:normal}.loclist button{text-align:left;color:#e8ecf5;background:0 0;border:0;border-radius:6px;width:100%;padding:5px 14px;font-family:system-ui,sans-serif;font-size:14px;display:block}.loclist button:hover,.loclist button.sel{color:var(--yellow);background:#ffd23f33}@media (width<=800px){.map-wrap{grid-template-columns:1fr}.loclist{max-height:30vh}}.loclist .loc{align-items:center;display:flex}.loclist .loc button[data-id]{flex:1}.loclist .ft{margin-right:6px;width:auto!important;color:var(--yellow)!important;background:#ffd23f2e!important;border-radius:8px!important;padding:4px 9px!important;font-size:15px!important}.loclist .ft:hover{background:var(--yellow)!important;color:var(--ink)!important}