#root,.app{width:100%;min-height:100vh}.app-shell{width:100%}.hero-card{overflow:hidden}.panel,.game-card,.learn-card,.quiz-card,.results-card,.money-terms-card,.term-card{width:100%}.player-options button,.actions button,.button-row button{justify-content:center;align-items:center;display:flex}.money-terms-card ul{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.money-terms-card li{background:#ffffff12;border:1px solid #ffffff1a;border-radius:18px;padding:16px}.game-card,.learn-card,.quiz-card,.results-card{background:#020d09c7;border:1px solid #ffffff1a;border-radius:28px;margin-top:28px;padding:28px}.term-card{text-align:center;background:radial-gradient(circle at 0 0,#22c55e2e,#0000 42%),#ffffff0f;border:1px solid #22c55e38;border-radius:28px;margin-top:22px;padding:28px}.term-word{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(2rem,7vw,4rem);line-height:1}.term-definition{color:#ffffffc7;margin:0;font-size:clamp(1rem,3vw,1.35rem);line-height:1.5}.score-row,.player-row,.status-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.score-pill,.status-pill{color:#9ff5bd;background:#22c55e24;border:1px solid #22c55e47;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:.95rem;font-weight:800;display:inline-flex}input,select,textarea{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:18px;outline:none;width:100%;min-height:54px;padding:14px 16px}input:focus,select:focus,textarea:focus{border-color:#22c55ea6;box-shadow:0 0 0 4px #22c55e24}.button-row{gap:12px;margin-top:22px;display:grid}@media (width>=700px){.button-row{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.game-card,.learn-card,.quiz-card,.results-card{padding:24px}}@media (width<=640px){#root,.app,.app-shell{width:100%}.game-card,.learn-card,.quiz-card,.results-card,.money-terms-card{border-radius:24px;margin-top:22px;padding:22px 18px}.term-card{border-radius:24px;padding:24px 18px}.score-row,.player-row,.status-row{flex-direction:column;align-items:stretch}.score-pill,.status-pill{width:100%}.button-row{gap:10px}}*{box-sizing:border-box}html,body{color:#fff;background:#03140d;min-height:100%;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{background:radial-gradient(circle at 0 0,#16a34a47,#0000 36%),radial-gradient(circle at 100% 100%,#d4af371f,#0000 32%),linear-gradient(#052015 0%,#020b07 100%);min-height:100vh;padding:24px}.app-shell{width:100%;max-width:980px;margin:0 auto}.hero-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#03120ce6;border:1px solid #ffffff1a;border-radius:36px;width:100%;max-width:760px;margin:0 auto;padding:42px;box-shadow:0 24px 80px #00000061}.badge{color:#9ff5bd;letter-spacing:.12em;text-transform:uppercase;background:#16a34a24;border:1px solid #22c55e59;border-radius:999px;align-items:center;padding:10px 18px;font-size:.85rem;font-weight:800;display:inline-flex}.hero-title{letter-spacing:-.06em;margin:28px 0 18px;font-size:clamp(3rem,8vw,5.5rem);line-height:.95}.hero-subtitle{color:#ffffffc7;max-width:620px;margin:0 0 34px;font-size:clamp(1.1rem,3vw,1.65rem);line-height:1.55}.panel{background:#020d09c7;border:1px solid #ffffff1a;border-radius:32px;padding:34px}.panel-title{margin:0 0 22px;font-size:clamp(1.7rem,5vw,2.45rem);line-height:1.1}.player-options{gap:14px;display:grid}.btn{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;width:100%;min-height:64px;padding:18px 22px;font-size:1.15rem;font-weight:800;transition:transform .18s,opacity .18s,background .18s,box-shadow .18s}.btn:hover{background:#ffffff1f}.btn:active{transform:scale(.98)}.btn-primary,.btn-selected{background:linear-gradient(135deg,#20c970,#0fa557);border-color:#a3ffc666;box-shadow:0 14px 35px #10b98138}.btn-primary:hover,.btn-selected:hover{background:linear-gradient(135deg,#2ee682,#10b85f)}.btn-gold{background:linear-gradient(135deg,#f1c232,#c9960a);border-color:#ffe68073;box-shadow:0 14px 35px #f1c2322e}.btn-gold:hover{background:linear-gradient(135deg,#ffd84a,#d6a30c)}.actions{gap:14px;margin-top:28px;display:grid}.money-terms-card{text-align:center;background:#06301ccc;border:1px solid #22c55e33;border-radius:28px;margin-top:28px;padding:28px}.money-terms-card h2,.money-terms-card h3{margin-top:0}@media (width>=900px){.app{padding:48px 24px}.hero-card{max-width:860px}.actions{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.app{padding:14px}.hero-card{border-radius:30px;padding:28px 20px}.badge{padding:9px 15px;font-size:.78rem}.hero-title{margin-top:24px;font-size:clamp(3rem,13vw,4.6rem)}.hero-subtitle{font-size:1.18rem;line-height:1.5}.panel{border-radius:28px;padding:24px 18px}.btn{border-radius:20px;min-height:58px;font-size:1.05rem}.actions{gap:12px}.money-terms-card{border-radius:24px;padding:24px 18px}}@media (width>=900px){.hero-card{padding:34px}.hero-title{margin:22px 0 16px;font-size:clamp(3.5rem,6vw,4.8rem)}.hero-subtitle{margin-bottom:26px}.panel{padding:28px}.btn{min-height:56px}.actions{margin-top:22px}}