:root{color:#1c2333;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;margin:0}#root{min-height:100vh}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}body{background:#fff8e8}.auth-screen,.loading-screen{color:#233047;background:#fff8e8;min-height:100vh}.loading-screen{place-items:center;font-weight:900;display:grid}.auth-screen{grid-template-columns:minmax(0,1.1fr) 420px;align-items:center;gap:24px;padding:28px;display:grid}.auth-hero,.game-hero,.door-game,.typing-game{border:3px solid #233047;border-radius:8px;position:relative;overflow:hidden;box-shadow:8px 8px #233047}.auth-hero{background:linear-gradient(#9bdcff 0 56%,#9ee6a5 56% 100%);align-items:flex-end;min-height:560px;padding:34px;display:flex}.hero-copy,.game-hero-copy{z-index:2;max-width:720px;position:relative}.auth-hero h1{max-width:720px;margin:12px 0;font-size:52px;line-height:1.03}.auth-hero p:last-child{max-width:560px;font-size:18px}.cloud{background:#fff;border:3px solid #233047;border-radius:999px;width:116px;height:38px;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border:3px solid #233047;border-bottom:0;border-radius:50% 50% 0 0;width:42px;height:42px;position:absolute;bottom:14px}.cloud:before{left:18px}.cloud:after{right:18px}.cloud-a{top:54px;left:8%}.cloud-b{top:110px;right:12%;transform:scale(.78)}.hero-character,.runner{z-index:2;background:#ffd166;border:4px solid #233047;border-radius:34px 34px 16px 16px;width:70px;height:86px;position:absolute}.auth-hero .hero-character{bottom:82px;right:17%}.hero-character span,.runner span{background:#233047;border-radius:50%;width:10px;height:10px;position:absolute;top:24px;left:17px;box-shadow:24px 0 #233047}.app-shell{color:#233047;background:#fff8e8;grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fffdf5;border-right:3px solid #233047;flex-direction:column;gap:22px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#233047;background:#ff8fab;border:3px solid #233047;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:1000;display:grid;box-shadow:4px 4px #233047}.brand strong,.brand small{display:block}.brand small,.eyebrow,.language-box span,.stat-card span,.word-table small,.recent-list span,.deck-card small,.save-toolbar small{color:#607089;font-size:13px}.sidebar nav{gap:8px;display:grid}.sidebar nav button,.tabs button,.segmented button,.folder-row>button:first-of-type{color:#344054;background:0 0;border:2px solid #0000;border-radius:8px}.sidebar nav button{text-align:left;padding:11px 12px;font-weight:800}.sidebar nav button.active,.tabs button.active,.segmented button.active,.folder-row.active>button:first-of-type{color:#233047;background:#bde0fe;border-color:#233047;box-shadow:3px 3px #233047}.language-box{background:#d8f3dc;border:2px solid #233047;border-radius:8px;margin-top:auto;padding:14px}.language-box strong{margin-top:4px;display:block}.workspace{min-width:0;padding:26px}.topbar,.section-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.section-head.tight{margin-top:18px}h1{letter-spacing:0;max-width:820px;font-size:36px;line-height:1.12}h2{font-size:25px;line-height:1.2}.eyebrow{text-transform:uppercase;letter-spacing:0;margin-bottom:6px;font-weight:1000}.panel,.account-panel,.auth-card,.stat-card,.notice,.empty,.quiz-card{background:#fffdf5;border:3px solid #233047;border-radius:8px;box-shadow:6px 6px #233047}.account-panel{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:230px;padding:12px;display:flex}.auth-card,.panel,.quiz-card{padding:20px}.tabs,.segmented{background:#fff;border:2px solid #233047;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.tabs{width:100%;margin-bottom:16px}.tabs button,.segmented button{white-space:nowrap;flex:1;padding:9px 12px}.auth-card form,.folder-form,.word-form,.typing-game{gap:10px;display:grid}input,select{color:#233047;background:#fff;border:2px solid #233047;border-radius:8px;width:100%;min-height:42px;padding:0 12px}button[type=submit],.account-panel button,.section-head>button,.game-card>button,.quiz-card button,.action-row button,.hero-actions button,.word-table button,.typing-game button,.word-actions button,.folder-row>button:not(:first-of-type),.starter-grid button{color:#233047;background:#7bdff2;border:2px solid #233047;border-radius:8px;padding:9px 12px;font-weight:900;box-shadow:3px 3px #233047}button:hover{transform:translateY(-1px)}button:active{transform:translate(2px,2px);box-shadow:1px 1px #233047}.folder-row>button:last-child,.word-actions button:last-child{background:#ff8fab}.form-error{color:#b42318;font-size:14px}.notice,.empty{color:#475467;margin-bottom:14px;padding:14px}.main-grid{grid-template-columns:minmax(0,1.4fr) 330px;gap:16px;display:grid}.game-hero{background:linear-gradient(#9bdcff 0 60%,#b7efc5 60% 100%);grid-row:span 2;min-height:420px;padding:24px}.game-hero-copy{max-width:560px;position:absolute;bottom:24px;left:24px}.game-hero-copy h2{font-size:30px}.hero-actions,.action-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.mini-path{background:#f6bd60;border:3px solid #233047;border-radius:999px;height:18px;position:absolute;bottom:76px;left:90px;right:90px}.game-hero .hero-character{bottom:98px;left:15%}.door-preview{gap:14px;display:flex;position:absolute;bottom:78px;right:8%}.door-preview i,.doors button{background:#ffafcc;border:4px solid #233047;border-radius:8px 8px 0 0;width:88px;min-height:128px;box-shadow:4px 4px #233047}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dashboard-grid.compact{grid-template-columns:1fr}.stat-card{background:#caffbf;align-content:space-between;min-height:116px;padding:16px;display:grid}.stat-card:nth-child(2){background:#ffd6a5}.stat-card:nth-child(3){background:#bdb2ff}.stat-card strong{font-size:30px}.recent-panel{grid-column:1/-1}.recent-list{gap:10px;display:grid}.recent-list button{text-align:left;background:#fff;border:2px solid #233047;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px;display:flex}.deck-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.deck-card{text-align:left;background:#fff;border:2px solid #233047;border-radius:8px;min-height:156px;padding:15px;box-shadow:4px 4px #233047}.deck-card.selected{background:#fdffb6}.deck-card strong,.deck-card span,.deck-card small{display:block}.deck-card span{color:#475467;margin:8px 0}.folder-layout{grid-template-columns:340px minmax(0,1fr);gap:16px;display:grid}.folder-tabs{gap:8px;display:grid}.folder-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.folder-row:has(input){grid-template-columns:minmax(0,1fr) auto}.folder-row>button:first-of-type{border:2px solid #233047;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;display:flex}.word-form{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.word-form button,.word-form input:nth-child(3),.word-form input:nth-child(4){grid-column:1/-1}.word-table{background:#fff;border:2px solid #233047;border-radius:8px;overflow:hidden}.save-toolbar,.word-table article{border-bottom:2px solid #233047;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;display:grid}.save-toolbar{background:#fdffb6}.word-table article:last-child{border-bottom:0}.word-table strong,.word-table span,.word-table small{display:block}.word-table strong{font-size:20px}.word-table span{color:#344054}.word-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.quiz-card{max-width:760px}.counter-label{color:#7353ba;font-weight:1000}.quiz-card h2,.game-card h2{margin:12px 0 6px;font-size:44px}.answer-line{margin-bottom:10px;display:block}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.choice-grid button,.match-game button{color:#233047;background:#fff;border:2px solid #233047;border-radius:8px;min-height:58px;padding:10px}.choice-grid button.right,.match-game button.done{background:#caffbf}.choice-grid button.wrong{background:#ffadad}.door-game{text-align:center;background:linear-gradient(#9bdcff 0 62%,#80ed99 62% 100%);min-height:440px;padding:24px}.game-sky span{background:#fff;border:3px solid #233047;border-radius:999px;width:88px;height:28px;position:absolute;top:46px}.game-sky span:first-child{left:10%}.game-sky span:last-child{top:88px;right:18%}.runner{transition:transform .45s;bottom:88px;left:9%}.door-game.right .runner{transform:translate(360px)}.door-game.wrong .runner{transform:translate(260px,180px)rotate(28deg)}.door-game.revive .runner{transform:translate(190px,-30px)}.doors{gap:12px;display:flex;position:absolute;bottom:58px;right:7%}.doors button{place-items:end center;padding:10px 7px;font-weight:900;display:grid}.game-message{background:#fffdf5;border:2px solid #233047;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex;position:absolute;bottom:22px;left:22px;box-shadow:4px 4px #233047}.typing-game{color:#fff;background:linear-gradient(#3a0ca3,#4361ee);max-width:600px;min-height:380px;padding:24px}.falling-word{color:#233047;background:#ffd166;border:3px solid #233047;border-radius:8px;justify-self:center;padding:10px 16px;font-size:28px;font-weight:1000;animation:5s linear infinite fall}@keyframes fall{0%{transform:translateY(0)}to{transform:translateY(190px)}}.match-game{background:#fff;border:3px solid #233047;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px;display:grid;box-shadow:6px 6px #233047}.match-game>div{gap:10px;display:grid}.match-game button.selected{background:#bde0fe;font-weight:900}.coming-soon{background:#fdffb6;border:2px dashed #233047;border-radius:8px;gap:8px;padding:18px;display:grid}.coming-soon span{color:#475467}@media (width<=980px){.auth-screen,.app-shell,.main-grid,.folder-layout,.deck-grid,.dashboard-grid,.word-form,.choice-grid,.match-game{grid-template-columns:1fr}.auth-screen{padding:18px}.auth-hero{min-height:420px}.auth-hero h1,h1{font-size:31px}.sidebar{height:auto;position:static}.workspace{padding:18px}.topbar,.section-head{display:grid}.account-panel{justify-content:flex-start}.word-table article,.save-toolbar,.folder-row{grid-template-columns:1fr}.word-actions{justify-content:flex-start}.doors{flex-wrap:wrap;justify-content:center;margin-top:22px;position:static}.door-game{padding-bottom:150px}.runner{left:22px}}