*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-1: #FF4655;--color-2: #FFFFFF;--accent: #FF4655;--bg: #070D12;--text: #ECE8E1;--dim: rgba(236, 232, 225, .6);--overlay: rgba(7, 13, 18, .72);--speed: .4s}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}::view-transition-old(root){animation:vt-out var(--speed) ease forwards}::view-transition-new(root){animation:vt-in var(--speed) ease forwards}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0}}app-scene-shell{display:flex;position:fixed;inset:0;align-items:center;justify-content:center;background:var(--bg);overflow:hidden}.scene-frame{position:relative;line-height:0}.scene-frame.scene-clickable{cursor:pointer}.scene-bg{display:block;height:100svh;width:auto}.scene-content{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;text-align:center;background:var(--overlay)}.scene-content.bottom{justify-content:flex-end;background:linear-gradient(to top,rgba(7,13,18,.92) 0%,transparent 60%);padding-bottom:3rem}h1{font-family:Rajdhani,sans-serif;font-weight:700;font-size:clamp(3.5rem,12vw,8rem);line-height:1;letter-spacing:.05em;color:#fff;text-shadow:0 0 40px rgba(255,70,85,.6),0 0 100px rgba(255,70,85,.25)}h2{font-family:Rajdhani,sans-serif;font-weight:600;font-size:clamp(1.8rem,6vw,3.5rem);letter-spacing:.06em;color:var(--color-2);text-shadow:0 0 25px rgba(255,255,255,.3)}.text-box{background:#070d12c7;border:1px solid rgba(255,70,85,.3);border-left:3px solid var(--color-1);border-radius:4px;padding:1.4rem 2rem;max-width:580px;display:flex;flex-direction:column;gap:.6rem}.text-box p{font-size:clamp(.95rem,2.5vw,1.15rem);line-height:1.7}.highlight{color:var(--accent);font-weight:600;text-shadow:0 0 18px rgba(255,70,85,.5)}.btn-primary{background:var(--color-1);color:#fff;border:none;font-family:Rajdhani,sans-serif;font-weight:700;font-size:clamp(1rem,3vw,1.35rem);letter-spacing:.12em;text-transform:uppercase;padding:1rem 3rem;border-radius:2px;cursor:pointer;box-shadow:0 0 30px #ff465573;transition:transform .15s ease,box-shadow .15s ease;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.btn-primary:hover{transform:scale(1.06);box-shadow:0 0 55px #ff4655bf}.btn-next{background:transparent;border:1px solid rgba(236,232,225,.3);color:var(--dim);font-family:Inter,sans-serif;font-size:.9rem;padding:.55rem 1.8rem;border-radius:2px;cursor:pointer;transition:border-color .2s,color .2s}.btn-next:hover{border-color:var(--color-1);color:var(--color-1)}.btn-row{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.btn-choice{background:#070d12d9;border:1px solid rgba(255,70,85,.5);color:#fff;font-family:Rajdhani,sans-serif;font-weight:600;font-size:clamp(1rem,2.5vw,1.2rem);letter-spacing:.08em;text-transform:uppercase;padding:1.2rem 2.5rem;border-radius:2px;cursor:pointer;min-width:180px;line-height:1.4;transition:background .2s,box-shadow .2s,transform .15s,border-color .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.btn-choice small{display:block;font-family:Inter,sans-serif;font-size:.72rem;font-weight:400;letter-spacing:0;text-transform:none;opacity:.65;margin-top:.2rem}.btn-choice:hover{background:#ff465526;border-color:var(--color-1);box-shadow:0 0 30px #ff465559;transform:translateY(-2px)}.btn-choice.danger{border-color:#ffffff4d;color:var(--dim)}.btn-choice.danger:hover{background:#ffffff14;border-color:#fff9;box-shadow:0 0 30px #fff3}.game-placeholder{border:1px solid rgba(255,70,85,.35);border-radius:2px;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:460px;width:100%}.game-placeholder .game-label{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-1)}.game-placeholder .game-sub{color:var(--dim);font-size:.82rem;margin-bottom:.5rem}.final-message{font-family:Georgia,serif;font-size:clamp(1.2rem,4vw,2rem);line-height:1.9;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.9);max-width:560px}
