:root{--navy: #071428;--navy2: #0c2a55;--navy3: #16386e;--gold: #f5d76e;--gold2: #c9a227;--pink: #ff5ea8;--cyan: #6ef0ff;--cream: #fff4d6;--ink: #122033;--danger: #ff5b5b;--ok: #7dff9a;--bevel-hi: rgba(255, 255, 255, .35);--bevel-lo: rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#05070c;color:var(--cream);font-family:Tahoma,Trebuchet MS,Verdana,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}body{display:grid;place-items:center;background-image:radial-gradient(ellipse at 50% 0%,#15213a,#05070c 70%)}#bezel{width:min(980px,100vw);background:linear-gradient(#1b2740,#0c1220);border:3px solid #3a4a6a;box-shadow:inset 0 1px #6a7a9a,0 18px 50px #0000008c;padding:0 8px 10px}#flashbar{display:flex;align-items:center;justify-content:space-between;height:26px;font-size:11px;letter-spacing:.08em;color:#c9d6f0;text-transform:uppercase}#flashbar b{color:var(--gold);font-weight:700}#stage{position:relative;width:960px;height:540px;max-width:100%;background:#000;overflow:hidden;border:2px solid #000;box-shadow:inset 0 0 0 1px #4d6288}@media (max-width: 980px){#bezel{width:100vw;padding:0;border:0}#stage{width:100vw;height:56.25vw}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.screen.on{display:block}.bevel{border:2px solid #8eb0ea;box-shadow:inset 1px 1px 0 var(--bevel-hi),inset -1px -1px 0 var(--bevel-lo),2px 2px #00000080}.btn{cursor:pointer;background:linear-gradient(#3d6fd4,#1a3f8a);border:2px solid #9ec0ff;box-shadow:inset 1px 1px #fff8,inset -1px -1px #0006,2px 2px #0008;color:#fff;font-family:Tahoma,sans-serif;font-size:14px;font-weight:700;text-shadow:1px 1px 0 #0008;padding:8px 16px;letter-spacing:.04em}.btn:hover{filter:brightness(1.16)}.btn:active{transform:translate(1px,1px)}.btn:disabled,.btn.dim{filter:grayscale(.4) brightness(.7);cursor:default;transform:none}.btn.gold{background:linear-gradient(#f3d36a,#b8860b);border-color:#ffe9a4;color:#2a1a00;text-shadow:0 1px 0 #fff6}.btn.pink{background:linear-gradient(#ff79b4,#c42d70);border-color:#ffc1de}.btn.green{background:linear-gradient(#4cce78,#1f7a3e);border-color:#b6f5c8}.btn.wide{width:100%}.panel{background:#081430e6;border:2px solid #7ea2e0;box-shadow:inset 1px 1px #fff4,0 8px 24px #00000073;color:var(--cream)}.tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}#screen-boot{background:#013;display:none;place-items:center}#screen-boot.on{display:grid}.boot-card{text-align:center;width:420px}.boot-card h1{font-family:Impact,Arial Black,sans-serif;font-size:64px;margin:0;letter-spacing:.08em;color:#8fd8ff;text-shadow:0 0 18px #3cf,3px 3px 0 #002}.boot-card p{color:#9ab;margin:8px 0 18px}.bar{height:16px;background:#001;border:2px solid #6cf;overflow:hidden}.bar>i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#3cf 0,#3cf 10px,#09c 10px,#09c 12px);animation:load 1.6s linear forwards}@keyframes load{to{width:100%}}#screen-title{background:#041428 url(/assets/title.jpg) center/cover no-repeat}.title-ui{position:absolute;right:36px;top:70px;width:340px;text-align:right}.title-ui .logo{font-family:Impact,Arial Black,sans-serif;font-size:72px;line-height:.9;color:#bfe9ff;letter-spacing:.04em;text-shadow:0 0 22px #3cf,4px 4px 0 #001832;margin:0}.title-ui .sub{color:var(--gold);letter-spacing:.28em;font-size:12px;margin:8px 0 28px}.title-ui .cast{color:#d7e7ff;margin-bottom:22px;font-size:13px}.title-actions{display:grid;gap:10px;justify-items:end}.title-actions .btn{min-width:230px;text-align:center}.title-foot{position:absolute;left:16px;right:16px;bottom:12px;display:flex;justify-content:space-between;font-size:11px;color:#cde;text-shadow:0 1px 2px #000}#screen-create{background:linear-gradient(180deg,#071428b8,#071428e0),url(/assets/title.jpg) center/cover}.create-wrap{position:absolute;top:24px;right:24px;bottom:24px;left:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.create-wrap h2{margin:0 0 8px;color:var(--gold)}.field{margin:12px 0}.field label{display:block;font-size:12px;color:var(--cyan);margin-bottom:4px}.field input{width:100%;padding:8px 10px;font-size:16px;font-family:Tahoma,sans-serif;background:#06101f;color:#fff;border:2px solid #7ea2e0}.styles{display:grid;gap:8px}.style-opt{cursor:pointer;padding:10px 12px;border:2px solid #4a68a0;background:#0a1830b3}.style-opt:hover{border-color:var(--cyan)}.style-opt.on{border-color:var(--gold);background:#503c0a66}.style-opt b{display:block;color:var(--gold)}.style-opt span{font-size:12px;color:#c9d6f0}#screen-scene,#screen-loc,#screen-date,#screen-end{background:#000}.scene-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#102 center/cover no-repeat;filter:saturate(1.05)}.scene-bg.dim{filter:brightness(.55) saturate(.9)}.portrait{position:absolute;right:40px;bottom:132px;height:86%;width:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 18px rgba(0,0,0,.6));pointer-events:none}.textbox{position:absolute;left:18px;right:18px;bottom:16px;min-height:118px;padding:12px 16px 14px;background:linear-gradient(180deg,#081228eb,#060c1cf5);border:2px solid #8eb7ff;box-shadow:inset 0 0 0 1px #1a335c,0 8px 20px #0008}.who{display:inline-block;background:linear-gradient(#f3d36a,#b8860b);color:#2a1a00;font-weight:800;font-size:13px;padding:2px 10px;margin:-22px 0 8px;border:2px solid #ffe9a4}.textbox p{margin:0;font-size:16px;line-height:1.45;min-height:46px;white-space:pre-wrap}.choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.next-hint{position:absolute;right:14px;bottom:8px;font-size:11px;color:var(--gold);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.2}}#screen-map{background:#7ec8ff}.map-art{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/map.jpg) center/cover no-repeat}.hud{position:absolute;top:10px;left:10px;width:168px;padding:10px 12px 12px;background:linear-gradient(#efe7ff,#d5c8f0);border:3px solid #b8a4e0;border-radius:14px 4px;color:#33204a;box-shadow:3px 3px #0004}.hud .day{font-family:Comic Sans MS,Tahoma,sans-serif;font-weight:800;font-size:16px;color:#5a2a8a}.hud .row{display:flex;align-items:center;gap:8px;margin-top:6px;background:#fff8c6;border:2px solid #c9a227;padding:3px 6px;font-weight:800}.hud .row.en{background:#ffe56a}.phones{position:absolute;top:10px;right:12px;display:flex;gap:8px}.phone-btn{width:48px;height:64px;cursor:pointer;background:linear-gradient(#e8eefc,#9aaad0);border:2px solid #fff;box-shadow:2px 2px #0005;display:grid;place-items:center;font-size:22px}.phone-btn:hover{filter:brightness(1.1)}.hotspot{position:absolute;cursor:pointer;border:2px solid transparent;border-radius:8px}.hotspot:hover{border-color:#fff;background:#ffffff1f;box-shadow:0 0 0 2px #f5d76e,0 0 16px #fff8}.hotspot .lbl{position:absolute;left:50%;bottom:-2px;transform:translate(-50%,100%);background:#16386e;color:#fff;font-size:11px;font-weight:800;padding:2px 6px;white-space:nowrap;opacity:0;pointer-events:none}.hotspot:hover .lbl{opacity:1}.locbar{position:absolute;left:10px;right:140px;bottom:10px;display:flex;flex-wrap:wrap;gap:6px}.locbar .btn{padding:6px 10px;font-size:12px}.hintbar{position:absolute;right:10px;bottom:12px;font-size:12px;color:#fff;text-shadow:1px 1px 0 #000;text-align:right}.loc-actions{position:absolute;left:16px;top:16px;width:250px;padding:12px;display:grid;gap:7px}.loc-actions h3{margin:0 0 4px;font-size:16px;color:var(--gold)}.who-here{position:absolute;right:16px;top:16px;display:flex;gap:8px}.who-card{width:92px;cursor:pointer;background:#081430e0;border:2px solid #8eb7ff;text-align:center;padding-bottom:6px}.who-card img{width:100%;height:140px;object-fit:cover;object-position:50% 18%;display:block}.who-card b{display:block;font-size:11px;margin-top:4px}.who-card small{color:var(--gold);font-size:10px}.toast{position:absolute;left:50%;top:18px;transform:translate(-50%);background:#111c;border:2px solid var(--gold);padding:8px 14px;font-weight:700;pointer-events:none;z-index:20}#phone{position:absolute;top:0;right:0;bottom:0;left:0;display:none;background:#0000008c;z-index:30}#phone.on{display:grid;place-items:center}.pda{width:640px;height:460px;background:linear-gradient(#d8dee8,#9aa7bd);border:4px solid #2a3344;border-radius:18px;padding:12px;color:#102;box-shadow:0 20px 40px #0008;display:grid;grid-template-rows:auto 1fr;gap:8px}.pda-top{display:flex;justify-content:space-between;align-items:center;background:#1b3a72;color:#fff;padding:6px 10px;font-weight:800}.pda-tabs{display:flex;gap:6px}.pda-tabs button{cursor:pointer;border:2px solid #fff8;background:#2d5aa8;color:#fff;font-weight:800;padding:4px 8px}.pda-tabs button.on{background:var(--gold);color:#201}.pda-body{background:#eef3ff;border:2px inset #fff;padding:10px;overflow:auto;font-size:13px}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.meter{height:12px;background:#ccd;border:1px solid #668;margin-top:3px}.meter>i{display:block;height:100%;background:linear-gradient(#6ef,#29a)}.meter.str>i{background:linear-gradient(#f86,#c30)}.meter.cha>i{background:linear-gradient(#f8c,#c28)}.meter.rel>i{background:linear-gradient(#f5d76e,#e37)}.girl-row{display:grid;grid-template-columns:52px 1fr;gap:8px;background:#fff;border:1px solid #aac;padding:6px;margin-bottom:6px}.girl-row img{width:52px;height:64px;object-fit:cover;object-position:top}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal div{background:#fff;border:1px solid #9ab;min-height:48px;padding:4px;font-size:11px}.cal div.today{outline:2px solid #c42d70}.cal div b{display:block;color:#1b3a72}.inv{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.inv .item{background:#fff;border:1px solid #9ab;padding:8px}.moodbar{position:absolute;top:14px;left:50%;transform:translate(-50%);width:280px;background:#0008;border:2px solid #fff;padding:6px 8px;text-align:center;font-size:12px}.moodbar .track{height:10px;background:#333;margin-top:4px}.moodbar .track i{display:block;height:100%;width:40%;background:linear-gradient(90deg,#f66,#f5d76e,#f5a)}#screen-fight{background:#1a0a10}.arena{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 70%,#4a2030,#12060a 70%)}.fighter{position:absolute;bottom:150px;width:180px;text-align:center}.fighter.you{left:80px}.fighter.foe{right:80px}.fighter img{height:240px;object-fit:contain;filter:drop-shadow(0 8px 10px #000a)}.you-sil{height:180px;width:120px;margin:0 auto;background:linear-gradient(#3d6fd4,#1a3f8a);border:3px solid #9ec0ff;clip-path:ellipse(50% 46% at 50% 50%)}.hp{height:14px;background:#311;border:2px solid #fff;margin-top:6px}.hp>i{display:block;height:100%;background:linear-gradient(#f66,#a00)}#screen-fight .textbox{bottom:108px;min-height:72px}.zones{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:10px}.zone{width:110px;height:64px;cursor:pointer;background:#1a3f8a;border:3px solid #9ec0ff;color:#fff;font-weight:800;font-size:14px}.zone.warn{background:#a21;border-color:#f88;animation:pulse .3s infinite}@keyframes pulse{50%{filter:brightness(1.4)}}.combo{position:absolute;top:80px;left:50%;transform:translate(-50%);font-family:Impact,sans-serif;font-size:42px;color:var(--gold);text-shadow:3px 3px 0 #000;display:none}.end-card{position:absolute;top:40px;right:80px;bottom:40px;left:80px;padding:28px;text-align:center;overflow:auto}.end-card h2{font-family:Impact,sans-serif;font-size:42px;margin:0 0 8px;color:var(--gold)}.end-card img{height:220px;object-fit:contain;filter:drop-shadow(0 8px 12px #0008)}.logline{font-size:12px;color:#b8c8e8;min-height:18px}#root{width:100%;height:100%;display:grid;place-items:center}.scene-bg{background-size:cover;background-position:center}