@charset "UTF-8";:root,:root[data-theme=dark]{--color-primary: #E8445A;--color-primary-dark: #C73650;--color-secondary: #4ECDC4;--color-secondary-dark: #3BAFA7;--color-accent: #FFD93D;--color-background: #0D1B3E;--color-surface: #162550;--color-border: #243870;--color-text: #F0F4FF;--color-text-light: #8AAAD4;--color-text-on-primary: #FFFFFF;--color-success: #6BCB77;--color-success-light: #0E3B1A;--color-error: #FF6B6B;--color-error-light: #3B0E0E;--color-warning: #FFD93D;--color-star: #FFD93D;--color-star-empty: #2D3866;--color-avatar-bg: #1E2B5C;--q-bg: #1B2A55;--q-text: #F0F4FF;--q-accent: #4ECDC4;--choice-bg: #162550;--choice-border: #243870;--choice-text: #F0F4FF;--instruction-text: #F0F4FF;--topbar-icon: #8AAAD4;--progress-text: #8AAAD4;--dot-inactive: #243870;--tile-pool: #6B6FD4;--tile-placed: #4ECDC4}:root[data-theme=light]{--color-primary: #E8445A;--color-primary-dark: #C73650;--color-secondary: #4ECDC4;--color-secondary-dark: #3BAFA7;--color-accent: #F5B800;--color-background: #F0F4FF;--color-surface: #FFFFFF;--color-border: #D8E0F5;--color-text: #0D1B3E;--color-text-light: #5A7298;--color-text-on-primary: #FFFFFF;--color-success: #3DA552;--color-success-light: #D4F5D9;--color-error: #E03E3E;--color-error-light: #FFE0E0;--color-warning: #F5B800;--color-star: #F5B800;--color-star-empty: #C8D2E8;--color-avatar-bg: #E8EEFF;--q-bg: #E8EEFF;--q-text: #0D1B3E;--q-accent: #3BAFA7;--choice-bg: #FFFFFF;--choice-border: #D8E0F5;--choice-text: #0D1B3E;--instruction-text: #0D1B3E;--topbar-icon: #5A7298;--progress-text: #5A7298;--dot-inactive: #C8D2E8;--tile-pool: #6B6FD4;--tile-placed: #3BAFA7}:root{--gloss-gradient: linear-gradient(180deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.08) 50%, rgba(0,0,0,.12) 100%);--gloss-shadow: inset 0 2px 0 rgba(255,255,255,.4), inset 0 -3px 0 rgba(0,0,0,.28), inset 2px 0 0 rgba(255,255,255,.1), inset -2px 0 0 rgba(0,0,0,.1), 0 6px 20px rgba(0,0,0,.5);--card-bevel-shadow: inset 0 2px 0 rgba(255,255,255,.12), inset 0 -2px 0 rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.35)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}html,body{background-color:#80dbd2}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font-family:inherit}button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.safe-area{display:flex;flex-direction:column;height:100%;overflow:hidden;padding-top:min(env(safe-area-inset-top,0px),5vh);padding-bottom:min(env(safe-area-inset-bottom,0px),5vh);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}:root{--web-header-h: 56px}.web-header{height:var(--web-header-h);padding-left:24px;padding-right:24px;gap:16px}@media(max-width:560px),(max-height:480px){:root{--web-header-h: 44px}}@media(max-width:560px){.web-header{padding-left:12px;padding-right:12px;gap:8px}.web-header__brand{display:none}}.puzzle-screen{background:var(--color-background);position:relative}.puzzle-topbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px 0}@media(max-height:480px){.puzzle-topbar{padding-top:6px}}.puzzle-back{padding:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;color:var(--topbar-icon)}.puzzle-progress{font-size:16px;font-weight:700;color:var(--progress-text)}.puzzle-instruction{text-align:center;font-size:20px;font-weight:700;color:var(--instruction-text);margin:8px 0;padding:0 24px}.puzzle-dots{display:flex;flex-direction:row;justify-content:center;gap:8px;margin:8px 0;flex-wrap:wrap}.puzzle-dot{width:10px;height:10px;border-radius:999px;background:var(--dot-inactive)}.puzzle-dot--active{background:var(--q-accent)}.question{margin:8px 32px 0;background:var(--q-bg);color:var(--q-text);border-radius:32px;display:flex;justify-content:center;align-items:center}.question--media{min-height:170px}.question--letter{min-height:120px;gap:16px}.question--text{flex-direction:column;padding:32px 24px}.question--row{gap:16px;padding:32px 24px}.question__label{font-size:16px;font-weight:700;color:var(--color-text-light);margin-bottom:8px}.question__word{font-size:34px;font-weight:900;color:var(--q-accent);margin-top:8px}.question__equation{font-size:48px;font-weight:900;color:var(--q-accent);letter-spacing:2px}.question__hint{font-size:14px;font-style:italic;color:var(--color-text-light);margin-top:8px}.question__blank{border-bottom:3px solid var(--q-accent);padding:0 16px 2px;min-width:80px;display:flex;justify-content:center}.question__blank span{font-size:20px;letter-spacing:3px;font-weight:700;color:var(--q-accent)}.question__sentence-word{font-size:26px;font-weight:700;color:var(--q-text)}.question__letter{font-size:72px;font-weight:900;color:var(--q-accent);line-height:1}.choice-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px;padding:0 24px;margin-top:24px}.choice-grid--pairs{display:grid;grid-template-columns:repeat(2,auto);justify-content:center}.choice{width:44%;padding:32px 0;border-radius:32px;border:3px solid var(--choice-border);background:var(--choice-bg);color:var(--choice-text);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000014;cursor:pointer;font-size:20px;font-weight:800}.choice:disabled{cursor:default}.choice--compact{font-size:16px;padding:24px 8px;min-height:70px;text-align:center}.choice--stack{flex-direction:column;padding:24px 0}.choice__num{font-size:34px;font-weight:900}.choice__sub{font-size:12px;font-weight:600;margin-top:2px}.choice--correct{border-color:var(--color-success);background:var(--color-success-light);color:var(--color-success)}.choice--wrong{border-color:var(--color-error);background:var(--color-error-light);color:var(--color-error)}.choice-tile{border-radius:32px;border:3px solid var(--choice-border);background:var(--choice-bg);display:flex;justify-content:center;align-items:center;box-shadow:0 3px 6px #0000001a;cursor:pointer}.choice-tile:disabled{cursor:default}.choice-tile--correct{border-color:var(--color-success);background:var(--color-success-light)}.choice-tile--wrong{border-color:var(--color-error);background:var(--color-error-light)}.tile-tray{min-height:64px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:4px 8px;margin:24px 32px 8px;border:2px dashed var(--choice-border);border-radius:24px;background:var(--color-surface)}.tile-tray__placeholder{font-size:26px;letter-spacing:8px;font-weight:700;color:var(--choice-border)}.tile-pool{display:flex;flex-wrap:wrap;justify-content:center;padding:0 24px;min-height:70px}.letter-tile{min-width:46px;height:46px;padding:0 6px;margin:4px;border:none;border-radius:16px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 3px #00000026;cursor:pointer;font-size:20px;font-weight:900;color:#fff;background:var(--tile-pool)}.letter-tile--placed{background:var(--tile-placed)}.check-btn-wrap{padding:0 32px;margin-top:24px}.check-btn{width:100%;padding:16px 0;border:none;border-radius:999px;cursor:pointer;font-size:20px;font-weight:900;color:var(--color-text-on-primary);background-color:var(--q-accent);background-image:var(--gloss-gradient);box-shadow:var(--gloss-shadow)}.check-btn:disabled{opacity:.35;cursor:default}.memory-card{border-radius:24px;border:3px solid var(--choice-border);background:var(--q-bg);display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px #0000001a;cursor:pointer}.memory-card:disabled{cursor:default}.memory-card--flipped{border-color:var(--q-accent);background:var(--color-surface)}.memory-card--matched{border-color:var(--color-success);background:var(--color-success-light)}.memory-card__word{font-weight:800;color:var(--color-text);text-align:center;padding:4px}.shade-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:26px;border-radius:999px;touch-action:none;outline:none}.shade-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid rgba(0,0,0,.28);box-shadow:0 1px 4px #00000059;cursor:pointer}.shade-slider::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid rgba(0,0,0,.28);box-shadow:0 1px 4px #00000059;cursor:pointer}.arcade-card{width:100%;display:flex;flex-direction:row;align-items:center;background:var(--color-surface);border-radius:32px;padding:16px;box-shadow:0 2px 6px #0000001f;border:none;cursor:pointer;text-align:left}.arcade-card+.arcade-card{margin-top:8px}.arcade-card__badge{width:56px;height:56px;border-radius:999px;display:flex;justify-content:center;align-items:center;margin-right:16px;flex-shrink:0}.arcade-card__body{flex:1;overflow:hidden}.arcade-card__title{font-size:16px;font-weight:800;color:var(--color-text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arcade-card__subtitle{font-size:14px;color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arcade-card__play{width:32px;height:32px;border-radius:999px;display:flex;justify-content:center;align-items:center;margin-left:8px;flex-shrink:0;color:#fff;font-size:12px;font-weight:700}.arcade-hud--glass{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:max(min(env(safe-area-inset-top,0px),5vh),10px) 12px 0;z-index:40}