*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-1: #D4832A;--color-2: #F5ECD7;--accent: #C0392B;--bg: #0D1B2A;--text: #F0E6D3;--dim: rgba(240, 230, 211, .65);--overlay: rgba(13, 27, 42, .75);--speed: .4s}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Lato,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(13,27,42,.92) 0%,transparent 60%);padding-bottom:3rem}h1{font-family:Playfair Display,serif;font-weight:700;font-size:clamp(2.2rem,8vw,5rem);line-height:1.2;letter-spacing:.02em;color:#fff;text-shadow:0 0 40px var(--color-1),0 0 100px rgba(212,131,42,.4)}h2{font-family:Playfair Display,serif;font-weight:700;font-size:clamp(1.5rem,5vw,2.8rem);letter-spacing:.03em;color:var(--color-1);text-shadow:0 0 25px rgba(212,131,42,.5)}.text-box{background:#0d1b2ac7;border:1px solid rgba(212,131,42,.35);border-radius:12px;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-style:italic;text-shadow:0 0 18px rgba(192,57,43,.45)}.btn-primary{background:var(--color-1);color:#fff;border:none;font-family:Lato,sans-serif;font-weight:500;font-size:clamp(1rem,3vw,1.2rem);letter-spacing:.08em;padding:1rem 3rem;border-radius:50px;cursor:pointer;box-shadow:0 0 30px #d4832a80;transition:transform .15s ease,box-shadow .15s ease}.btn-primary:hover{transform:scale(1.06);box-shadow:0 0 55px #d4832acc}.btn-next{background:transparent;border:2px solid rgba(240,230,211,.3);color:var(--dim);font-family:Lato,sans-serif;font-size:.9rem;padding:.55rem 1.8rem;border-radius:50px;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:#0d1b2ad9;border:2px solid var(--color-2);color:var(--color-2);font-family:Lato,sans-serif;font-weight:500;font-size:clamp(1rem,2.5vw,1.1rem);letter-spacing:.05em;padding:1.2rem 2.5rem;border-radius:14px;cursor:pointer;min-width:180px;line-height:1.4;transition:background .2s,box-shadow .2s,transform .15s}.btn-choice small{display:block;font-size:.72rem;font-weight:400;letter-spacing:0;opacity:.65;margin-top:.2rem}.btn-choice:hover{background:#f5ecd71a;box-shadow:0 0 30px #f5ecd74d;transform:translateY(-2px)}.btn-choice.danger{border-color:var(--accent);color:var(--accent)}.btn-choice.danger:hover{background:#c0392b1f;box-shadow:0 0 30px #c0392b66}.game-placeholder{border:2px dashed rgba(212,131,42,.45);border-radius:16px;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:Playfair Display,serif;font-weight:700;font-size:1.1rem;letter-spacing:.08em;color:var(--color-1)}.game-placeholder .game-sub{color:var(--dim);font-size:.82rem;margin-bottom:.5rem}.final-message{font-family:Playfair Display,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}