*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:#14100c;font-family:Cairo,Segoe UI,Tahoma,sans-serif;color:#f2e8d5;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none}.app{min-height:100%;display:flex;flex-direction:column;align-items:center}.title-screen{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:radial-gradient(ellipse at 50% -10%,rgba(217,52,37,.55),transparent 60%),linear-gradient(180deg,#d93425,#a82417 34%,#191410 78%);text-align:center;padding:40px 20px}.title-art{width:min(520px,80vw);filter:drop-shadow(0 18px 0 rgba(0,0,0,.35))}.title-h1{font-size:clamp(56px,10vw,118px);font-weight:900;color:#f2e8d5;line-height:1.1;text-shadow:8px 8px 0 rgba(0,0,0,.4)}.title-sub{font-size:clamp(18px,2.6vw,28px);font-weight:700;color:#f2e8d5cc;max-width:680px;line-height:1.9}.btn-primary{margin-top:12px;font-size:clamp(22px,3vw,32px);font-weight:900;color:#191410;background:#f2e8d5;padding:18px 74px;border-radius:14px;box-shadow:0 10px #7a1a10,0 22px 40px #00000073;transition:transform .12s ease,box-shadow .12s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 13px #7a1a10,0 26px 44px #00000080}.btn-primary:active{transform:translateY(4px);box-shadow:0 4px #7a1a10}.game-frame{width:100%;max-width:1280px;padding:14px 14px 30px;display:flex;flex-direction:column;gap:12px}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.stage-label{font-weight:900;font-size:18px;background:#d93425;color:#f2e8d5;padding:6px 22px;border-radius:999px;box-shadow:0 5px #00000073}.dots{display:flex;gap:10px}.dot{width:16px;height:16px;border-radius:50%;background:#4a3c2e}.dot.done{background:#d93425}.dot.cur{background:#f2e8d5;outline:3px solid #d93425;outline-offset:2px}.player-shell{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px #0000008c,0 0 0 4px #f2e8d514;background:#000}.skip-btn{position:absolute;bottom:14px;left:14px;z-index:5;background:#191410d1;color:#f2e8d5;font-weight:800;font-size:15px;padding:8px 22px;border-radius:999px;border:2px solid rgba(242,232,213,.35);transition:background .15s ease}.skip-btn:hover{background:#d93425e6}.decision-card{background:#d93425;border-radius:20px;padding:22px clamp(16px,4vw,48px) 30px;box-shadow:0 24px 60px #0000008c,inset 0 0 0 5px #f2e8d52e;display:flex;flex-direction:column;align-items:center;gap:8px}.decision-title{font-size:clamp(30px,4.6vw,52px);font-weight:900;color:#f2e8d5;text-shadow:5px 5px 0 rgba(0,0,0,.35)}.decision-sub{font-size:clamp(15px,2vw,21px);font-weight:700;color:#f2e8d5dd}.diagram-wrap{width:min(760px,92%);margin-top:6px}.choices{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:14px;width:100%}.choice-btn{flex:1 1 300px;max-width:430px;border-radius:16px;padding:18px 26px 20px;text-align:center;transition:transform .12s ease,box-shadow .12s ease;color:#f2e8d5}.choice-btn h3{font-size:clamp(24px,3.2vw,34px);font-weight:900;line-height:1.3}.choice-btn p{font-size:clamp(14px,1.9vw,19px);font-weight:700;opacity:.85;margin-top:6px;line-height:1.7}.choice-btn.dark{background:#191410;box-shadow:0 9px #000,0 18px 36px #00000073}.choice-btn.red{background:#f2e8d5;color:#a82417;box-shadow:0 9px #b8a888,0 18px 36px #00000073}.choice-btn:hover{transform:translateY(-4px)}.choice-btn:active{transform:translateY(3px)}.reflect-screen{width:100%;max-width:900px;background:#191410;border-radius:20px;padding:clamp(30px,6vw,64px) clamp(22px,5vw,60px);text-align:center;box-shadow:0 24px 60px #0000008c,inset 0 0 0 4px #d9342580;display:flex;flex-direction:column;align-items:center;gap:22px}.reflect-tag{font-size:17px;font-weight:800;color:#d93425;letter-spacing:1px}.reflect-text{font-size:clamp(24px,3.6vw,40px);font-weight:900;line-height:2;color:#f2e8d5}.btn-next{font-size:21px;font-weight:900;color:#191410;background:#f2e8d5;padding:13px 58px;border-radius:12px;box-shadow:0 8px #b8a888;transition:transform .12s ease,box-shadow .12s ease}.btn-next:hover{transform:translateY(-3px);box-shadow:0 11px #b8a888}.summary-card{width:100%;max-width:980px;background:#f2e8d5;color:#191410;border-radius:22px;padding:clamp(26px,5vw,54px) clamp(20px,4vw,50px);text-align:center;box-shadow:0 30px 70px #0009,inset 0 0 0 6px #d93425d9;display:flex;flex-direction:column;align-items:center;gap:18px}.summary-title{font-size:clamp(36px,5.5vw,62px);font-weight:900;color:#a82417}.summary-rows{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:8px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff5;border:2px solid #19141022;border-radius:14px;padding:12px 20px;flex-wrap:wrap}.summary-row .who{font-weight:900;font-size:clamp(16px,2.2vw,22px)}.choice-pill{font-weight:800;font-size:clamp(14px,2vw,19px);padding:7px 26px;border-radius:999px}.choice-pill.saved-five{background:#191410;color:#f2e8d5}.choice-pill.saved-one{background:#d93425;color:#f2e8d5}.summary-quote{font-size:clamp(20px,3vw,30px);font-weight:800;line-height:2;color:#33291f;max-width:720px}.restart-btn{font-size:22px;font-weight:900;color:#f2e8d5;background:#d93425;padding:14px 66px;border-radius:14px;box-shadow:0 8px #7a1a10;transition:transform .12s ease,box-shadow .12s ease}.restart-btn:hover{transform:translateY(-3px);box-shadow:0 11px #7a1a10}