.student-corner { --sc-blue:#194f6d; --sc-teal:#168477; --sc-gold:#f0b33a; --sc-cream:#fffaf0; }
.sc-hero { background:linear-gradient(130deg,#123f59 0%,#166c73 65%,#1c8778 100%); color:#fff; padding:clamp(3rem,7vw,5.5rem) 0; overflow:hidden; position:relative; }
.sc-hero::after { content:""; position:absolute; width:25rem; height:25rem; border:1px solid rgba(255,255,255,.16); border-radius:50%; right:-8rem; top:-12rem; box-shadow:0 0 0 3rem rgba(255,255,255,.035),0 0 0 7rem rgba(255,255,255,.025); }
.sc-hero__inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; position:relative; z-index:1; }
.sc-hero h1 { color:#fff; font-size:clamp(3rem,7vw,5rem); margin:.4rem 0 .7rem; }
.sc-hero p { color:rgba(255,255,255,.82); font-size:1.1rem; margin:0; }
.sc-profile { display:flex; align-items:center; gap:.85rem; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.24); border-radius:1rem; padding:.8rem 1rem; min-width:14rem; backdrop-filter:blur(8px); }
.sc-profile small { display:block; color:rgba(255,255,255,.72); margin-top:.2rem; }
.sc-avatar { width:2.75rem; height:2.75rem; display:grid; place-items:center; flex:none; overflow:hidden; border-radius:50%; background:var(--sc-gold); color:#4d2d00; font-weight:800; font-size:1.2rem; }
.sc-avatar img{width:100%;height:100%;object-fit:cover;display:block}.sc-avatar--small{width:2.25rem;height:2.25rem;font-size:.85rem}.sc-avatar--large{width:5.5rem;height:5.5rem;font-size:2rem}.sc-avatar--xl{width:7rem;height:7rem;font-size:2.5rem;border:5px solid rgba(255,255,255,.7);box-shadow:0 15px 35px rgba(21,65,79,.18)}
.sc-welcome { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr); gap:clamp(2rem,6vw,5rem); align-items:center; }
.sc-welcome__copy h2,.sc-toolbar h2 { margin:.35rem 0 1rem; }
.sc-welcome__copy p { color:var(--ink-soft); max-width:42rem; margin-bottom:1.5rem; }
.sc-rules { background:var(--sc-cream); border:1px solid #eadfc8; border-radius:1.25rem; padding:1.6rem; box-shadow:0 18px 45px rgba(63,45,18,.08); }
.sc-rules h3 { margin-top:0; }
.sc-rules ul { padding-left:1.25rem; margin-bottom:0; color:var(--ink-soft); }
.sc-rules li+li { margin-top:.7rem; }
.sc-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:2rem; }
.sc-toolbar__actions { display:flex; align-items:center; gap:.6rem; }
.sc-toolbar__actions form { margin:0; }
.sc-game-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr)); gap:1.5rem; }
.sc-game-card { background:#fff; border:1px solid var(--line); border-radius:1.25rem; overflow:hidden; box-shadow:0 12px 35px rgba(22,49,63,.08); transition:transform .2s ease,box-shadow .2s ease; }
.sc-game-card:hover { transform:translateY(-3px); box-shadow:0 18px 45px rgba(22,49,63,.12); }
.sc-game-card.is-locked { background:#fafafa; }
.sc-game-card__art { min-height:9rem; display:grid; place-items:center; background:linear-gradient(135deg,#d9f3ed,#e5eef8); }
.sc-game-card__art span { width:5rem; height:5rem; display:grid; place-items:center; background:#fff; border-radius:1.3rem; color:var(--sc-blue); font:700 2rem/1 "Cormorant Garamond",serif; transform:rotate(-4deg); box-shadow:0 12px 25px rgba(25,79,109,.15); }
.sc-game-card__body { padding:1.5rem; }
.sc-game-card h3 { margin:.75rem 0 .45rem; }
.sc-game-card p { color:var(--ink-soft); }
.sc-lock-note { font-size:.88rem; color:#7b2d26!important; font-weight:600; }
.is-disabled { opacity:.6; pointer-events:none; }
.sc-auth-section { min-height:70vh; display:grid; place-items:center; background:radial-gradient(circle at 20% 20%,#e7f4f0,transparent 35%),var(--paper); }
.sc-auth-card { max-width:31rem; margin:auto; background:#fff; border:1px solid var(--line); border-radius:1.4rem; padding:clamp(1.5rem,5vw,2.5rem); box-shadow:0 24px 60px rgba(20,57,72,.12); }
.sc-auth-card h1 { font-size:var(--step-3); margin:.35rem 0 .5rem; }
.sc-auth-card>p,.sc-auth-card>small { color:var(--ink-soft); }
.sc-auth-card>small { display:block; margin-top:1rem; text-align:center; }
.sc-back { color:var(--sc-blue); display:inline-block; font-weight:650; text-decoration:none; margin-bottom:1.5rem; }
.sc-field { margin:1rem 0; }
.sc-field label { display:block; font-weight:650; margin-bottom:.4rem; }
.sc-field input,.sc-field textarea { display:block; width:100%; border:1px solid var(--line-strong); border-radius:.7rem; padding:.82rem .9rem; font:inherit; background:#fff; }
.sc-field input:focus,.sc-field textarea:focus { outline:3px solid rgba(22,132,119,.18); border-color:var(--sc-teal); }
.sc-field small { color:var(--ink-faint); }
.sc-full { width:100%; justify-content:center; }
.sc-play-shell { min-height:calc(100vh - var(--header-h)); padding:1.5rem 0 4rem; background:linear-gradient(180deg,#eef7f5,#f9f5ec); }
.sc-play-topbar { display:flex; justify-content:space-between; gap:1rem; align-items:center; color:var(--ink-soft); font-size:.9rem; margin-bottom:1rem; }
.sc-game { max-width:62rem; margin:auto; background:#fff; border:1px solid rgba(25,79,109,.15); border-radius:1.5rem; overflow:hidden; box-shadow:0 25px 65px rgba(23,61,76,.13); }
.sc-game__header { display:flex; justify-content:space-between; align-items:center; gap:1.5rem; padding:1.4rem 1.6rem; background:#fff; }
.sc-game__header h1 { font-size:var(--step-2); margin:.25rem 0 0; }
.sc-stats { display:flex; gap:.65rem; }
.sc-stats>span { min-width:4.6rem; background:#eef7f5; border-radius:.75rem; padding:.55rem .7rem; text-align:center; }
.sc-stats small { display:block; text-transform:uppercase; letter-spacing:.08em; font-size:.65rem; color:var(--ink-faint); }
.sc-stats strong { display:block; color:var(--sc-blue); margin-top:.1rem; }
#game-lives { color:#b33a3a; white-space:nowrap; }
.sc-lives-used { color:#d9d9d9; }
.sc-tab-rule { background:#fff4d7; color:#6b4c08; padding:.8rem 1.6rem; border-block:1px solid #f1ddb0; font-size:.88rem; }
.sc-arena { padding:clamp(2rem,6vw,4rem); text-align:center; background:radial-gradient(circle at top,#eef9f7,transparent 55%); min-height:31rem; }
.sc-prompt-label { color:var(--ink-soft); margin:0; }
.sc-word { color:var(--sc-blue); font:700 clamp(2.6rem,8vw,5rem)/1 "Cormorant Garamond",serif; margin:.45rem 0 2rem; animation:scWordIn .35s ease both; }
.sc-choices { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; max-width:47rem; margin:auto; }
.sc-choice { border:1px solid #cadad9; border-radius:.9rem; background:#fff; color:var(--ink); min-height:4.8rem; padding:1rem; font:600 .96rem/1.4 Inter,sans-serif; cursor:pointer; transition:transform .15s ease,border-color .15s ease,background .15s ease; }
.sc-choice:hover:not(:disabled),.sc-choice:focus-visible { transform:translateY(-2px); border-color:var(--sc-teal); outline:none; box-shadow:0 8px 22px rgba(22,132,119,.12); }
.sc-choice.is-correct { background:#ddf5e9; border-color:#309663; color:#165b3a; }
.sc-choice.is-wrong { background:#fde6e2; border-color:#c9574c; color:#782b25; }
.sc-feedback { min-height:1.5rem; margin:1.25rem 0 0; font-weight:650; }
.sc-feedback.is-good { color:#24784f; }.sc-feedback.is-bad { color:#a23c33; }
.sc-result { padding:clamp(3rem,8vw,6rem) 2rem; text-align:center; min-height:31rem; background:radial-gradient(circle at top,#fff6dc,transparent 55%); }
.sc-result__stars { color:var(--sc-gold); font-size:3rem; letter-spacing:.2rem; }
.sc-result h2 { font-size:var(--step-3); margin:.6rem 0; }
.sc-result p { color:var(--ink-soft); }
.sc-result__actions { display:flex; justify-content:center; gap:.75rem; margin-top:1.5rem; flex-wrap:wrap; }
.sc-warning-modal[hidden] { display:none; }
.sc-warning-modal { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:1rem; }
.sc-warning-modal__backdrop { position:absolute; inset:0; background:rgba(10,29,36,.72); backdrop-filter:blur(4px); }
.sc-warning-modal section { position:relative; max-width:28rem; background:#fff; border-radius:1.2rem; padding:2rem; text-align:center; box-shadow:0 30px 90px rgba(0,0,0,.3); }
.sc-warning-modal__count { display:inline-block; background:#fff0c7; color:#724e00; border-radius:10rem; padding:.35rem .7rem; font-weight:750; font-size:.8rem; text-transform:uppercase; letter-spacing:.06em; }
.sc-warning-modal h2 { margin:.8rem 0 .4rem; }.sc-warning-modal p { color:var(--ink-soft); }
.sc-modal-open { overflow:hidden; }
.sc-blocked { max-width:40rem; margin:7vh auto; background:#fff; border-radius:1.3rem; padding:clamp(2rem,6vw,4rem); text-align:center; box-shadow:0 24px 60px rgba(20,57,72,.12); }
.sc-blocked__icon { width:4rem; height:4rem; display:grid; place-items:center; margin:0 auto 1rem; border-radius:50%; background:#fff0e8; color:var(--maroon); }.sc-blocked__icon svg { width:2rem; }
@keyframes scWordIn { from { opacity:0; transform:translateY(-8px) scale(.97); } }
@media (max-width:700px) { .sc-hero__inner,.sc-game__header,.sc-toolbar { align-items:flex-start; flex-direction:column; }.sc-welcome { grid-template-columns:1fr; }.sc-profile { width:100%; }.sc-stats { width:100%; }.sc-stats>span { flex:1; min-width:0; }.sc-choices { grid-template-columns:1fr; }.sc-play-topbar span { display:none; }.sc-game__header,.sc-tab-rule { padding-inline:1rem; }.sc-arena { padding:2rem 1rem; }.sc-toolbar__actions { width:100%; flex-wrap:wrap; } }
@media (prefers-reduced-motion:reduce) { .sc-word { animation:none; }.sc-game-card,.sc-choice { transition:none; } }

/* Signed-in learning playground */
.sc-hero--portal { padding:1.25rem 0; }
.sc-hero--portal h1 { font-size:clamp(1.8rem,4vw,2.6rem); margin:.15rem 0; }
.sc-hero--portal p { font-size:.9rem; }
.sc-portal { padding:1.5rem 0 5rem; background:linear-gradient(180deg,#f2faf8 0,#fffaf0 42%,#f7f4ff 100%); }
.sc-portal-welcome { min-height:19rem; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr); align-items:center; overflow:hidden; position:relative; border-radius:1.75rem; padding:clamp(2rem,5vw,4rem); color:#fff; background:linear-gradient(125deg,#174e6a 0%,#167b73 62%,#40a46c 100%); box-shadow:0 22px 55px rgba(20,77,91,.2); }
.sc-portal-welcome::before { content:""; position:absolute; width:18rem; height:18rem; border-radius:50%; border:1px solid rgba(255,255,255,.18); right:-4rem; top:-8rem; box-shadow:0 0 0 3rem rgba(255,255,255,.035),0 0 0 6rem rgba(255,255,255,.025); }
.sc-portal-welcome__copy { position:relative; z-index:2; max-width:38rem; }
.sc-portal-welcome h2 { color:#fff; font-size:clamp(2.2rem,5vw,4rem); line-height:1; margin:.45rem 0 1rem; }
.sc-portal-welcome p { color:rgba(255,255,255,.84); max-width:32rem; font-size:1.05rem; margin-bottom:1.5rem; }
.sc-kicker { display:block; text-transform:uppercase; letter-spacing:.13em; font-size:.73rem; font-weight:800; color:var(--sc-teal); }
.sc-portal-welcome .sc-kicker { color:#ffe296; }
.sc-play-scene { min-height:14rem; position:relative; z-index:1; }
.sc-play-hill { position:absolute; width:19rem; height:8rem; right:1rem; bottom:-2rem; border-radius:50% 50% 0 0; background:linear-gradient(#8fd66a,#59ad5c); transform:rotate(-4deg); box-shadow:0 -10px 0 rgba(255,255,255,.1); }
.sc-play-shape { position:absolute; z-index:2; display:grid; place-items:center; width:4.5rem; height:4.5rem; border-radius:1.1rem; color:#173d52; background:#fff5c8; font:800 2rem/1 Inter,sans-serif; box-shadow:0 15px 30px rgba(8,50,62,.22); }
.sc-play-shape.is-one { right:13rem; top:2rem; transform:rotate(-9deg); }.sc-play-shape.is-two { right:5.5rem; top:5.5rem; background:#ffbc66; transform:rotate(8deg); }.sc-play-shape.is-three { right:10rem; top:10rem; width:3.7rem; height:3.7rem; background:#c9edff; transform:rotate(4deg); }
.sc-portal-actions { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1.2rem 0; }
.sc-identity-chip { display:flex; align-items:center; gap:.75rem; }.sc-identity-chip small { display:block; color:var(--ink-faint); }
.sc-progress { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin:1rem 0 3rem; }
.sc-progress article { min-width:0; display:flex; align-items:center; gap:.8rem; padding:1.05rem; background:rgba(255,255,255,.86); border:1px solid rgba(25,79,109,.12); border-radius:1rem; box-shadow:0 8px 24px rgba(22,62,76,.06); }
.sc-progress__icon { width:2.8rem; height:2.8rem; flex:none; display:grid; place-items:center; border-radius:.8rem; background:#fff1be; color:#8b5d00; font-weight:900; font-size:1.25rem; }
.sc-progress article:nth-child(2) .sc-progress__icon { background:#dff5e8;color:#24784f; }.sc-progress article:nth-child(3) .sc-progress__icon { background:#dfeefa;color:#255f84; }.sc-progress article:nth-child(4) .sc-progress__icon { background:#ede4fa;color:#65449a; }
.sc-progress strong { display:block; color:var(--ink); font-size:1.4rem; }.sc-progress small { display:block; color:var(--ink-faint); font-size:.72rem; text-transform:uppercase; letter-spacing:.05em; }
.sc-portal-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(17rem,21rem); gap:2rem; align-items:start; }
.sc-section-title { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }.sc-section-title h2 { margin:.35rem 0 0; }.sc-section-title>span { color:var(--ink-faint); font-size:.82rem; }
.sc-play-zone .sc-game-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sc-play-zone .sc-game-card { position:relative; border:0; box-shadow:0 15px 35px rgba(25,69,83,.1); }
.sc-game-card--1 .sc-game-card__art { background:linear-gradient(135deg,#cdeee7,#e5f6c8); }.sc-game-card--2 .sc-game-card__art { background:linear-gradient(135deg,#ffe1a8,#ffd0bb); }.sc-game-card--3 .sc-game-card__art { background:linear-gradient(135deg,#d9dcff,#f0d6fb); }
.sc-game-card__art { position:relative; overflow:hidden; }.sc-game-card__art i { position:absolute; width:8rem; height:8rem; border:1px solid rgba(255,255,255,.55); border-radius:50%; right:-2rem; top:-3rem; box-shadow:0 0 0 2rem rgba(255,255,255,.12); }
.sc-policy-badges { display:flex; flex-wrap:wrap; gap:.35rem; margin-bottom:.8rem; }.sc-policy-badges span { padding:.25rem .48rem; border-radius:99rem; background:#edf5f3; color:#38645e; font-size:.66rem; font-weight:750; text-transform:uppercase; letter-spacing:.04em; }
.sc-portal-side { display:grid; gap:1rem; position:sticky; top:calc(var(--header-h) + 1rem); }
.sc-side-card { background:#fff; border:1px solid rgba(25,79,109,.12); border-radius:1.2rem; padding:1.25rem; box-shadow:0 12px 32px rgba(28,61,73,.07); }
.sc-side-card__head { display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; }.sc-side-card__head h3 { margin:0; }.sc-side-card__head span { color:var(--ink-faint); font-size:.72rem; text-transform:uppercase; }
.sc-recent-list { list-style:none; padding:0; margin:0; }.sc-recent-list li { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.75rem 0; border-top:1px solid var(--line); }.sc-recent-list li:first-child { border-top:0; padding-top:0; }
.sc-recent-mark { width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;background:#eef1f2;color:#7b8b91;font-weight:800;}.sc-recent-mark.is-complete{background:#ddf5e9;color:#24784f;}.sc-recent-list strong,.sc-recent-list small{display:block;}.sc-recent-list strong{font-size:.85rem;}.sc-recent-list small{color:var(--ink-faint);font-size:.7rem;}.sc-recent-stars{color:var(--sc-gold);font-size:.75rem;white-space:nowrap;}
.sc-fair-card { background:linear-gradient(145deg,#fff9e9,#fff); }.sc-fair-card__icon { width:3rem;height:3rem;display:grid;place-items:center;border-radius:.85rem;background:#fff0bd;color:#805a08;margin-bottom:.8rem;}.sc-fair-card__icon svg{width:1.55rem;}.sc-fair-card h3{margin:.25rem 0 .45rem;}.sc-fair-card p,.sc-fair-card ul{color:var(--ink-soft);font-size:.83rem;}.sc-fair-card ul{padding-left:1.1rem;margin-bottom:0;}.sc-fair-card li+li{margin-top:.35rem;}
@media (max-width:900px){.sc-portal-welcome{grid-template-columns:1fr}.sc-play-scene{display:none}.sc-progress{grid-template-columns:1fr 1fr}.sc-portal-grid{grid-template-columns:1fr}.sc-portal-side{position:static;grid-template-columns:1fr 1fr}.sc-play-zone .sc-game-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.sc-hero--portal{display:none}.sc-portal{padding-top:1rem}.sc-portal-welcome{min-height:0;padding:2rem 1.35rem;border-radius:1.25rem}.sc-portal-actions{align-items:flex-start;flex-direction:column}.sc-progress{grid-template-columns:1fr 1fr;gap:.65rem}.sc-progress article{padding:.8rem;gap:.55rem}.sc-progress__icon{width:2.2rem;height:2.2rem}.sc-progress strong{font-size:1.1rem}.sc-play-zone .sc-game-grid,.sc-portal-side{grid-template-columns:1fr}.sc-section-title{align-items:flex-start;flex-direction:column}}
.sc-external-game{overflow:hidden}.sc-external-frame{height:min(72vh,760px);min-height:520px;background:#0d1830}.sc-external-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.sc-snake-game{overflow:hidden}.sc-snake-prompt{display:grid;gap:.2rem;padding:1rem 1.4rem;text-align:center;background:#fff8e6}.sc-snake-prompt small{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.07em;font-weight:750}.sc-snake-prompt strong{color:var(--maroon);font-size:1.15rem}.sc-snake-stage{position:relative;max-width:800px;margin:1rem auto 0;border:2px solid #d59a45;border-radius:1rem;overflow:hidden;background:#fffaf3;box-shadow:0 14px 32px rgba(92,58,22,.12)}.sc-snake-stage canvas{display:block;width:100%;height:auto;outline:none}.sc-snake-stage canvas:focus-visible{box-shadow:inset 0 0 0 4px rgba(22,132,119,.3)}.sc-snake-stage>.btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px rgba(0,0,0,.2)}.sc-snake-game>.sc-feedback{text-align:center;padding:0 1rem 1rem}.sc-snake-controls{display:flex;justify-content:center;gap:.45rem;margin:.75rem auto}.sc-snake-controls button{width:3rem;height:3rem;border:1px solid #c8d8d6;border-radius:.7rem;background:#fff;color:var(--sc-blue);font-size:1.25rem;font-weight:850;cursor:pointer}.sc-snake-controls button:active{background:#dff5ef}.sc-snake-controls button:first-child{margin-right:.5rem}
.sc-story-game{overflow:hidden}.sc-story-arena{max-width:55rem;min-height:34rem;margin:auto;padding:clamp(1.4rem,5vw,3rem)}.sc-story-part small{color:var(--sc-teal);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sc-story-part h2{margin:.25rem 0 1rem}.sc-story-arena audio{display:block;width:100%;margin:1rem 0 .35rem}.sc-audio-limit{color:var(--ink-faint);font-size:.78rem}.sc-story-transcript{margin:1rem 0;padding:1rem 1.15rem;border-left:3px solid var(--sc-gold);border-radius:.4rem;background:#fff9e9;color:var(--ink-soft);line-height:1.75}.sc-story-question{display:grid;gap:.65rem;margin-top:1.25rem}.sc-story-question label{color:var(--ink);font:700 1.08rem/1.45 Inter,sans-serif}.sc-story-question textarea{width:100%;resize:vertical;border:1px solid #c9d9d7;border-radius:.8rem;padding:.9rem;font:inherit}.sc-story-question textarea:focus{outline:3px solid rgba(22,132,119,.16);border-color:var(--sc-teal)}.sc-story-question .btn{justify-self:start}
.sc-model-answer{margin:1rem 0;padding:1rem 1.15rem;border:1px solid #b9dcd5;border-radius:.7rem;background:#ecf8f5;color:#245b54;font-weight:650}
.sc-mcq-meta{color:var(--sc-teal);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.sc-mcq-question{max-width:48rem;margin:.6rem auto 1.5rem;color:var(--ink);font-size:clamp(1.35rem,3vw,2rem)}
.sc-math-answer{grid-column:1/-1;width:100%;min-height:3.4rem;padding:.8rem 1rem;border:1px solid #cadad9;border-radius:.75rem;background:#fff;color:var(--ink);font:600 1rem/1.4 Inter,sans-serif}.sc-math-answer:focus{border-color:var(--sc-teal);outline:3px solid rgba(22,132,119,.14)}
@media (max-width:620px){.sc-external-frame{height:68vh;min-height:430px}.sc-external-game .sc-game__header{align-items:flex-start}.sc-external-game .sc-game__header .btn{width:auto}}

/* Student login and account */
.sc-login-stage{min-height:calc(100vh - var(--header-h));display:grid;align-items:center;padding:clamp(2rem,6vw,5rem) 0;background:radial-gradient(circle at 10% 15%,#dff5ed,transparent 30%),radial-gradient(circle at 90% 85%,#fff0bd,transparent 28%),#f7fbfa}.sc-login-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.7fr);gap:clamp(2rem,6vw,5rem);align-items:center}.sc-login-play{position:relative;min-height:29rem;overflow:hidden;border-radius:2rem;padding:clamp(2rem,5vw,4rem);color:#fff;background:linear-gradient(135deg,#174e6a,#168477 68%,#54a866);box-shadow:0 25px 65px rgba(21,75,88,.2)}.sc-login-play h1{color:#fff;font-size:clamp(2.6rem,6vw,4.6rem);line-height:.95;margin:.65rem 0 1.2rem}.sc-login-play p{max-width:34rem;color:rgba(255,255,255,.82);font-size:1.05rem}.sc-login-play .sc-kicker{color:#ffe39b}.sc-login-perks{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem;position:relative;z-index:2}.sc-login-perks span{display:flex;align-items:center;gap:.45rem;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.22);border-radius:99rem;background:rgba(255,255,255,.1);font-size:.8rem;font-weight:650}.sc-login-perks b{color:#ffd979}.sc-login-orbit{position:absolute;width:17rem;height:17rem;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-2rem;bottom:-5rem}.sc-login-orbit:before{content:"";position:absolute;inset:2.5rem;border:1px solid rgba(255,255,255,.16);border-radius:50%}.sc-login-orbit i{position:absolute;display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:1rem;background:#fff4c9;color:#15485f;font-style:normal;font-weight:850;font-size:1.2rem;box-shadow:0 10px 24px rgba(8,43,54,.22)}.sc-login-orbit i:nth-child(1){left:0;top:2rem;transform:rotate(-8deg)}.sc-login-orbit i:nth-child(2){right:1rem;top:-.5rem;background:#cceeff;transform:rotate(7deg)}.sc-login-orbit i:nth-child(3){right:2rem;bottom:1rem;background:#ffc66d}.sc-login-card{width:100%;max-width:none;margin:0}.sc-login-card h2{font-size:var(--step-3);margin:.35rem 0 .5rem}
.sc-account-shell{min-height:100vh;padding:1.25rem 0 5rem;background:linear-gradient(180deg,#eef8f6,#fffaf0 55%,#f4f1ff)}.sc-account-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.sc-account-top .sc-back{margin:0}.sc-account-top form{margin:0}.sc-account-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:1.25rem;padding:clamp(1.5rem,5vw,3rem);border-radius:1.6rem;color:#fff;background:linear-gradient(125deg,#174e6a,#168477);box-shadow:0 18px 48px rgba(23,75,86,.18);margin-bottom:1.25rem}.sc-account-hero h1{color:#fff;margin:.2rem 0;font-size:clamp(2rem,5vw,3.6rem)}.sc-account-hero p{margin:0;color:rgba(255,255,255,.8)}.sc-account-hero .sc-kicker{color:#ffe49a}.sc-account-spark{position:absolute;right:clamp(1rem,6vw,5rem);font-size:7rem;color:rgba(255,224,133,.28);transform:rotate(12deg)}.sc-account-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1.25rem}.sc-account-card{background:#fff;border:1px solid rgba(25,79,109,.12);border-radius:1.3rem;padding:clamp(1.35rem,4vw,2rem);box-shadow:0 15px 38px rgba(22,58,72,.07)}.sc-account-card h2{margin:.35rem 0}.sc-account-card>p{color:var(--ink-soft)}.sc-photo-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;margin:1.4rem 0;padding:1rem;border-radius:1rem;background:#f4f9f8}.sc-photo-control label{display:block;font-weight:700;margin-bottom:.4rem}.sc-photo-control input[type=file]{display:block;max-width:100%}.sc-photo-control small{display:block;color:var(--ink-faint);margin-top:.35rem}.sc-photo-control .sc-check{display:flex;align-items:center;gap:.4rem;font-weight:500;font-size:.82rem;margin-top:.55rem}.sc-photo-control .sc-check input{width:auto}.sc-theme-picker{border:0;padding:0;margin:1.2rem 0}.sc-theme-picker legend{font-weight:700;margin-bottom:.55rem}.sc-theme-picker label{display:inline-block;margin:.2rem .35rem .2rem 0}.sc-theme-picker input{position:absolute;opacity:0}.sc-theme-picker span{display:block;padding:.55rem .8rem;border:2px solid transparent;border-radius:.75rem;font-size:.8rem;font-weight:750;cursor:pointer}.sc-theme-picker .is-sky{background:#dceef8;color:#215c7b}.sc-theme-picker .is-sunny{background:#fff0bb;color:#795503}.sc-theme-picker .is-berry{background:#f0def4;color:#74427d}.sc-theme-picker input:checked+span{border-color:currentColor;box-shadow:0 0 0 3px rgba(22,132,119,.12)}.sc-safety-note{display:flex;align-items:center;gap:.55rem;margin-top:1.5rem;padding:.8rem;border-radius:.8rem;background:#edf7f4;color:#31665e;font-size:.82rem}.sc-safety-note svg{width:1.25rem;flex:none}
.sc-theme-sunny .sc-account-hero,.sc-theme-sunny .sc-portal-welcome{background:linear-gradient(125deg,#94551f,#d58a2c 65%,#e3ae3d)}.sc-theme-berry .sc-account-hero,.sc-theme-berry .sc-portal-welcome{background:linear-gradient(125deg,#513d7b,#845391 65%,#af657e)}
.sc-bank-card{display:grid;grid-template-columns:auto auto minmax(18rem,1fr);gap:1.25rem;align-items:stretch;margin:1.25rem 0;padding:1.25rem;border:1px solid #ead8a2;border-radius:1.35rem;background:linear-gradient(135deg,#fff7d7,#fffdf5);box-shadow:0 16px 38px rgba(109,79,17,.09)}.sc-bank-balance{display:flex;align-items:center;gap:.8rem;min-width:13rem}.sc-bank-star{width:4rem;height:4rem;display:grid;place-items:center;border-radius:1rem;background:#ffd66b;color:#765000;font-size:2rem;box-shadow:0 10px 22px rgba(151,105,8,.18)}.sc-bank-balance small,.sc-bank-balance span,.sc-bank-totals small{display:block;color:#786b49;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.sc-bank-balance strong{display:block;color:#6e4a00;font-size:2.5rem;line-height:1}.sc-bank-totals{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-content:center}.sc-bank-totals>span{padding:.7rem;border-radius:.8rem;background:rgba(255,255,255,.72)}.sc-bank-totals strong{display:block;margin-top:.2rem;color:#5b614f}.sc-bank-history{border-left:1px solid #eadfbf;padding-left:1.25rem;min-width:0}.sc-bank-history h2{font-size:1rem;margin:0 0 .55rem}.sc-bank-history>p{color:var(--ink-soft);font-size:.8rem;margin:0}.sc-bank-history ol{list-style:none;padding:0;margin:0;max-height:13rem;overflow:auto}.sc-bank-history li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.48rem 0;border-top:1px solid rgba(122,96,32,.1)}.sc-bank-history li:first-child{border-top:0}.sc-bank-delta{min-width:2.4rem;font-weight:850;color:#24784f}.sc-bank-delta.is-debit{color:#a23c33}.sc-bank-history strong,.sc-bank-history small{display:block}.sc-bank-history strong{font-size:.76rem}.sc-bank-history small,.sc-bank-after{color:var(--ink-faint);font-size:.64rem}.sc-bank-after{white-space:nowrap}

/* Stars leaderboard */
.sc-leaderboard{background:linear-gradient(150deg,#fff9e7,#fff)}.sc-leaderboard .sc-side-card__head{align-items:flex-start}.sc-leaderboard .sc-side-card__head h3{margin:.25rem 0 0}.sc-leaderboard .sc-side-card__head>span{color:#9a6a08}.sc-leaderboard .sc-side-card__head svg{width:1.45rem}.sc-leader-list{list-style:none;margin:0;padding:0}.sc-leader-list li{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.65rem .25rem;border-top:1px solid rgba(113,91,37,.1);border-radius:.7rem}.sc-leader-list li:first-child{border-top:0}.sc-leader-list li.is-me{padding-inline:.5rem;background:#edf8f5}.sc-rank{width:1.45rem;height:1.45rem;display:grid;place-items:center;border-radius:50%;background:#eef0f1;color:#66777d;font-size:.7rem;font-weight:850}.sc-rank--1{background:#ffd866;color:#704a00}.sc-rank--2{background:#dfe5e8;color:#526168}.sc-rank--3{background:#efd0a4;color:#805120}.sc-leader-list strong,.sc-leader-list small{display:block}.sc-leader-list strong{font-size:.8rem}.sc-leader-list small{color:var(--ink-faint);font-size:.65rem}.sc-leader-stars{color:#986900;font-weight:850;font-size:.75rem;white-space:nowrap}.sc-leader-nudge{margin:.75rem 0 0;padding:.65rem;border-radius:.7rem;background:#fff3ca;color:#76530a;font-size:.75rem;text-align:center}
@media(max-width:850px){.sc-login-layout,.sc-account-grid{grid-template-columns:1fr}.sc-login-play{min-height:22rem}.sc-account-grid{max-width:42rem;margin:auto}}
@media(max-width:900px){.sc-bank-card{grid-template-columns:1fr 1fr}.sc-bank-history{grid-column:1/-1;border-left:0;border-top:1px solid #eadfbf;padding:1rem 0 0}}
@media(max-width:620px){.sc-login-stage{padding:1rem 0}.sc-login-play{min-height:19rem;border-radius:1.3rem;padding:1.5rem}.sc-login-play h1{font-size:2.5rem}.sc-login-orbit{opacity:.65}.sc-account-hero{align-items:flex-start}.sc-avatar--xl{width:5rem;height:5rem}.sc-account-spark{display:none}.sc-photo-control{grid-template-columns:1fr}.sc-account-top{align-items:flex-start}.sc-leader-list li{grid-template-columns:auto auto minmax(0,1fr)}.sc-leader-stars{grid-column:3}.sc-bank-card{grid-template-columns:1fr}.sc-bank-history{grid-column:auto}.sc-bank-history li{grid-template-columns:auto minmax(0,1fr)}.sc-bank-after{grid-column:2}}