:root{--bg: #f7f1e8;--bg-elevated: #fffdf9;--ink: #1c1410;--ink-muted: #5c4f45;--border: #e4d5c5;--accent: #c45c26;--accent-dark: #9a4216;--accent-soft: #f3dccb;--teal: #1f6b5a;--teal-soft: #d5ebe4;--danger: #a33a2c;--danger-soft: #f8e0dc;--ok: #2d6a3e;--ok-soft: #dceee1;--shadow: 0 12px 40px rgba(28, 20, 16, .08);--radius: 16px;--font: "DM Sans", system-ui, sans-serif;--display: "Fraunces", Georgia, serif;--header-bg: rgba(255, 253, 249, .85);--input-bg: #fff;--hero-grad: linear-gradient(160deg, #fff8f0, #f3dccb 70%, #e8c4a8);--card-muted-bg: #fffcf7;--banner-bg: #1c1410;--banner-ink: #fff8f0}html[data-theme=dark]{--bg: #14110f;--bg-elevated: #1e1916;--ink: #f3ebe3;--ink-muted: #b5a89c;--border: #3a322c;--accent: #e08a4f;--accent-dark: #f0b07a;--accent-soft: #3d2a1c;--teal: #5ec4a8;--teal-soft: #1a3330;--danger: #f0a090;--danger-soft: #3d221e;--ok: #8fd4a0;--ok-soft: #1c3324;--shadow: 0 12px 40px rgba(0, 0, 0, .45);--header-bg: rgba(30, 25, 22, .92);--input-bg: #161210;--hero-grad: linear-gradient(160deg, #2a211c, #3d2a1c 70%, #1a3330);--card-muted-bg: #1a1613;--banner-bg: #0a0807;--banner-ink: #f3ebe3;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 10% -10%,color-mix(in srgb,var(--accent-soft) 80%,transparent) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 100% 0%,color-mix(in srgb,var(--teal-soft) 70%,transparent) 0%,transparent 45%),var(--bg);line-height:1.5;transition:background .35s ease,color .25s ease}html[data-bg]:not([data-bg=none]) body{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 72%,transparent),color-mix(in srgb,var(--bg) 88%,transparent) 55%,color-mix(in srgb,var(--bg) 92%,transparent)),var(--campus-bg-image) center / cover no-repeat fixed,var(--bg)}html[data-theme=dark][data-bg]:not([data-bg=none]) body{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 78%,transparent),color-mix(in srgb,var(--bg) 90%,transparent)),var(--campus-bg-image) center / cover no-repeat fixed,var(--bg)}.pref-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.25rem}.turn-notice{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.65rem 1.25rem;background:color-mix(in srgb,var(--accent) 18%,var(--bg-elevated));border-bottom:1px solid var(--border);color:var(--ink)}.turn-notice-icon{font-size:1.35rem}.turn-notice-text{flex:1;min-width:12rem;font-size:.95rem}.mp-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.mp-game-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.65rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--ink);cursor:pointer;font:inherit;text-align:left}.mp-game-card.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.mp-game-emoji{font-size:1.5rem}.mp-mode-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;margin-top:.5rem}.mp-mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.75rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--ink);cursor:pointer;font:inherit;text-align:left}.mp-mode-card.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.mp-opponent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.45rem;margin-top:.35rem}.mp-opponent-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.6rem .65rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--ink);cursor:pointer;font:inherit;text-align:left}.mp-opponent-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.bowling-lane{background:linear-gradient(180deg,#c4a574,#8b6914);border-radius:12px;padding:1rem;margin:.75rem 0;min-height:120px;position:relative}.bowling-pins{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;font-size:1.4rem}.bowling-ball{text-align:center;margin-top:.75rem;font-size:1.5rem;color:#1c1410}.c4-wrap{max-width:360px}.c4-cols{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.c4-drop{border:none;background:var(--accent-soft);border-radius:6px;cursor:pointer;font:inherit;padding:.25rem;color:var(--ink)}.c4-drop:disabled{opacity:.4;cursor:not-allowed}.c4-board{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:#2b5a9e;padding:8px;border-radius:12px}.c4-cell{aspect-ratio:1;border-radius:50%;background:#1a3a6e}.c4-cell.c4-p1{background:#e85d75}.c4-cell.c4-p2{background:#f5d76e}.chk-board{display:grid;grid-template-columns:repeat(8,1fr);max-width:400px;border:2px solid var(--border);border-radius:8px;overflow:hidden}.chk-sq{aspect-ratio:1;border:none;font-size:1.25rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.chk-sq.light{background:#f0d9b5}.chk-sq.dark{background:#b58863}.chk-sq.sel{outline:3px solid var(--accent);outline-offset:-3px}.chk-sq:disabled{cursor:default}.go-board{display:grid;gap:2px;max-width:360px;background:#c4a574;padding:8px;border-radius:8px}.mp-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#00000073;padding:1rem}.mp-result-modal{max-width:420px;width:100%;border-radius:16px;padding:1.5rem 1.75rem;text-align:center;box-shadow:0 12px 40px #00000040;color:#fff}.mp-result-modal h2{margin-top:0;font-size:1.75rem}.mp-result-win{background:linear-gradient(145deg,#1e9e5a,#27ae60)}.mp-result-lose{background:linear-gradient(145deg,#c0392b,#e74c3c)}.mp-result-draw{background:linear-gradient(145deg,#6c7a89,#95a5a6)}.mp-result-modal .muted{color:#ffffffd9}.piece-dot{display:inline-flex;width:70%;height:70%;border-radius:50%;align-items:center;justify-content:center;font-size:.85em;box-shadow:0 1px 3px #00000059}.go-stone{display:block;width:70%;height:70%;margin:0 auto;border-radius:50%;box-shadow:0 1px 2px #0000004d}.color-swatch-row{display:flex;flex-wrap:wrap;gap:.5rem}.color-swatch{width:2.25rem;height:2.25rem;border-radius:50%;border:3px solid transparent;cursor:pointer;padding:0}.color-swatch.active{border-color:var(--text, #222);box-shadow:0 0 0 2px var(--accent, #2a9d8f)}.pc-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px;margin:.75rem 0 1rem;max-width:720px}.pc-space{min-height:56px;border-radius:8px;border:1px solid var(--border);padding:2px 4px;font-size:.65rem;position:relative;background:#f7f3e8}.pc-space-mail{background:#d6eaf8}.pc-space-deal{background:#d5f5e3}.pc-space-bill{background:#fadbd8}.pc-space-bonus{background:#fcf3cf}.pc-space-start{background:#e8daef;font-weight:600}.pc-day{font-weight:700;font-size:.7rem}.pc-type{display:block;opacity:.75}.pc-tokens{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}.pc-token{width:1.1rem;height:1.1rem;border-radius:50%;color:#fff;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #0003}.pc-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin:.75rem 0}.pc-player-card{border:1px solid var(--border);border-radius:10px;padding:.75rem;background:var(--card, #fff)}.pc-log{margin:.5rem 0 1rem;padding-left:1.25rem;font-size:.9rem}.tc-boards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:.75rem}.tc-grid{display:grid;gap:2px;max-width:320px;background:#0a3d62;padding:6px;border-radius:10px}.tc-cell{aspect-ratio:1;border:none;border-radius:3px;font-size:.85rem;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:28px}.tc-cell.tc-sea{background:#1b6ca8}.tc-cell.tc-ship{background:#4a5568}.tc-cell.tc-hit{background:#c0392b}.tc-cell.tc-miss{background:#5dade2}.tc-cell:disabled{cursor:default;opacity:.95}button.tc-cell:not(:disabled):hover{outline:2px solid #f1c40f;outline-offset:-2px}.go-pt{aspect-ratio:1;border:1px solid #8b6914;background:#d4b484;font-size:1rem;cursor:pointer;padding:0;border-radius:2px}.go-pt:disabled{cursor:default}.pref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.bg-only-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;background:#0a0908;cursor:pointer}.bg-only-scene{flex:1;min-height:0;background-color:var(--bg, #f7f1e8);background-size:cover;background-position:center;background-repeat:no-repeat}.bg-only-empty{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:1.25rem;font-weight:600;color:var(--ink, #1c1410);gap:.35rem;background:radial-gradient(ellipse 80% 50% at 10% -10%,color-mix(in srgb,var(--accent-soft, #f3d5bc) 80%,transparent) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 100% 0%,color-mix(in srgb,var(--teal-soft, #c5ebe0) 70%,transparent) 0%,transparent 45%),var(--bg, #f7f1e8)}.bg-only-close{position:absolute;top:1rem;right:1rem;z-index:1;cursor:pointer;box-shadow:0 4px 16px #00000059}.bg-only-caption{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);margin:0;padding:.4rem .85rem;border-radius:999px;background:#0000008c;color:#fff;font-size:.9rem;font-weight:600;pointer-events:none;max-width:90vw;text-align:center}.pref-card{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;padding:.45rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--ink);cursor:pointer;font:inherit;text-align:left}.pref-card.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.pref-card-thumb{aspect-ratio:16 / 10;border-radius:8px;background:var(--card-muted-bg, #eee);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:1.6rem}.pref-card-label{font-size:.8rem;font-weight:600}.skill-level-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .75rem}.skill-level-tab{padding:.4rem .65rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--ink);cursor:pointer;font:inherit;font-size:.85rem;font-weight:600}.skill-level-tab.active{border-color:var(--accent);background:var(--accent-soft)}a{color:var(--accent-dark);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}h1,h2,h3{font-family:var(--display);line-height:1.2;margin:0 0 .5rem}p{margin:0 0 1rem;color:var(--ink-muted)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none;font-weight:700}.brand:hover{text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#d9783a,#c45c26);display:grid;place-items:center;font-size:1.25rem;box-shadow:0 4px 12px #c45c2659}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font-family:var(--display);font-size:1.05rem}.brand-text span{font-size:.75rem;color:var(--ink-muted);font-weight:500}.nav-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.main{flex:1;width:min(1080px,100%);margin:0 auto;padding:2rem 1.25rem 3rem}.role-banner{background:var(--banner-bg);color:var(--banner-ink);padding:.55rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.9rem}.role-banner select{background:var(--bg-elevated);color:var(--ink);border:1px solid var(--border);border-radius:8px;padding:.35rem .6rem}.role-banner .banner-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.card+.card{margin-top:1rem}.hero{display:grid;gap:1.5rem;grid-template-columns:1.4fr 1fr;align-items:stretch}@media(max-width:800px){.hero{grid-template-columns:1fr}}.hero-copy h1{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:.75rem}.hero-copy .lede{font-size:1.1rem;max-width:36rem}.hero-panel{display:flex;flex-direction:column;justify-content:center;gap:.75rem;background:var(--hero-grad);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.role-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 0}.pill{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--accent-soft);color:var(--accent-dark);border:1px solid transparent}.pill.teal{background:var(--teal-soft);color:var(--teal)}.form{display:grid;gap:1rem}.form-row{display:grid;gap:.35rem}.form-row label{font-weight:600;font-size:.9rem}.form-row .hint{font-size:.8rem;color:var(--ink-muted)}.form-row input,.form-row textarea,.form-row select{width:100%;padding:.65rem .8rem;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--ink)}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:560px){.form-grid-2{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:10px;padding:.65rem 1.1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #c45c264d}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-secondary{background:var(--bg-elevated);color:var(--ink);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--accent-soft)}.btn-ghost{background:transparent;color:var(--ink-muted);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:#0000000a;color:var(--ink)}.btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid #ecc4bd}.btn-teal{background:var(--teal);color:#fff}.btn-sm{padding:.4rem .75rem;font-size:.875rem;border-radius:8px}.btn-block{width:100%}.alert{padding:.75rem 1rem;border-radius:10px;font-size:.95rem;margin-bottom:1rem}.alert-error{background:var(--danger-soft);color:var(--danger);border:1px solid #ecc4bd}.alert-success{background:var(--ok-soft);color:var(--ok);border:1px solid #b8dcc3}.alert-info{background:var(--teal-soft);color:var(--teal);border:1px solid #b5d9ce}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-header p{margin:.25rem 0 0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem}.stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1rem}.stat .label{font-size:.8rem;color:var(--ink-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat .value{font-family:var(--display);font-size:1.6rem;margin-top:.2rem}.list{display:grid;gap:.75rem}.list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated)}.list-item h3{font-size:1.05rem;margin:0 0 .25rem}.list-item .meta{font-size:.85rem;color:var(--ink-muted)}.list-item .actions{display:flex;gap:.4rem;flex-shrink:0;flex-wrap:wrap}.course-player{display:grid;gap:1rem}.progress-bar{height:8px;background:var(--border);border-radius:999px;overflow:hidden}.progress-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#e08a4f);border-radius:999px;transition:width .25s ease}.step-nav{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.video-wrap{position:relative;width:100%;padding-bottom:56.25%;border-radius:12px;overflow:hidden;background:#1c1410;margin-bottom:1rem}.video-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.step-text{white-space:pre-wrap;color:var(--ink);font-size:1.05rem}.section-editor{border:1px solid var(--border);border-radius:14px;padding:1.1rem;background:var(--card-muted-bg);margin-bottom:1rem;display:grid;gap:.85rem}.step-editor{border:1px dashed var(--border);border-radius:12px;padding:1rem;background:var(--card-muted-bg);margin-bottom:.75rem}.step-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.5rem;flex-wrap:wrap}.subheading{font-family:var(--font);font-size:.95rem;font-weight:700;margin:.25rem 0 0;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.test-editor{border:1px solid var(--teal-soft);border-radius:12px;padding:.9rem 1rem;background:#f5fbf8;margin-top:.35rem}.question-editor{border:1px dashed var(--teal);border-radius:10px;padding:.75rem;background:var(--bg-elevated)}.checkbox-row{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600}.checkbox-row input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--teal)}.choice-list{display:grid;gap:.45rem}.choice-row{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center}.choice-row input[type=radio]{accent-color:var(--accent)}.choice-row-player{padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);cursor:pointer}.choice-row-player:hover{border-color:var(--accent);background:var(--accent-soft)}.question-block{border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem 1rem;margin:0;background:var(--card-muted-bg)}.question-block legend{font-weight:600;padding:0 .25rem}.test-card .pill{margin-bottom:.5rem}.muted{color:var(--ink-muted);font-size:.9rem}.empty{text-align:center;padding:2rem 1rem;color:var(--ink-muted)}.footer-note{text-align:center;padding:1.5rem;color:var(--ink-muted);font-size:.85rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge-status{vertical-align:middle;margin-left:.25rem}.badge-draft{background:#e8e4de;color:#5c4f45}.badge-new{background:#dbeafe;color:#1e40af}html[data-theme=dark] .badge-new{background:#1e3a5f;color:#93c5fd}.recurrence-row{width:100%;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--border);font-size:.85rem}.recurrence-row select{margin-left:.25rem;padding:.25rem .4rem;border-radius:6px;border:1px solid var(--border);background:var(--input-bg);color:var(--ink)}.badge-pending{background:#fff3cd;color:#856404}.badge-approved{background:var(--ok-soft);color:var(--ok)}.badge-rejected{background:var(--danger-soft);color:var(--danger)}.version-tag{display:inline-block;font-family:var(--font);font-size:.8rem;font-weight:700;color:var(--ink-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:.12rem .5rem;vertical-align:middle}.course-list-item{flex-wrap:wrap}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.history-list li{padding:.55rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--card-muted-bg)}.history-main{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.15rem}.form-fieldset{border:none;margin:0;padding:0;min-width:0;display:grid;gap:1rem}.form-fieldset:disabled{opacity:.72}.demo-accounts{font-size:.85rem;background:var(--bg-elevated);border:1px dashed var(--border);border-radius:10px;padding:.75rem 1rem;margin-top:1rem}.demo-accounts code{background:var(--accent-soft);padding:.1rem .35rem;border-radius:4px;font-size:.8rem}.demo-accounts ul{margin:.4rem 0 0;padding-left:1.1rem}.skill-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.skill-card-head{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.85rem}.skill-icon{font-size:1.75rem;line-height:1}.skill-level-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;flex-wrap:wrap}.skill-level{font-weight:700;display:inline-flex;align-items:center;gap:.4rem}.spelling-picture{display:grid;place-items:center;min-height:120px;margin-bottom:.75rem;background:linear-gradient(160deg,#fff8f0,#f3dccb);border-radius:14px;border:1px solid var(--border)}.spelling-emoji{font-size:4.5rem;line-height:1}.spelling-blanks{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-bottom:.5rem}.spell-input{width:2.4rem;height:2.6rem;text-align:center;font-size:1.25rem;font-weight:700;text-transform:lowercase;border:2px solid var(--accent);border-radius:8px;background:var(--input-bg);color:var(--ink)}.spell-fixed{display:inline-flex;width:2.4rem;height:2.6rem;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--ink-muted);border-bottom:2px solid var(--border)}.writing-canvas{width:100%;max-width:360px;height:auto;border:1px solid var(--border);border-radius:12px;touch-action:none;cursor:crosshair;background:var(--input-bg);display:block}.writing-actions{display:flex;gap:.5rem;margin-top:.6rem;flex-wrap:wrap}.shape-stage{display:grid;place-items:center;min-height:160px;margin-bottom:1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:1rem}.shape-svg{width:140px;height:140px}.shape-fallback{font-size:2rem}.times-grid-wrap{overflow-x:auto}.times-grid{display:grid;gap:2px;min-width:520px}.times-cell{aspect-ratio:1;display:grid;place-items:center;font-size:.7rem;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border);padding:0;min-height:28px;color:var(--ink)}.times-cell.head{background:var(--accent-soft);font-weight:700;border-color:transparent}.times-cell.filled{color:var(--ink-muted)}.times-cell.solved{background:var(--ok-soft);font-weight:700}.times-cell.missing{background:var(--accent-soft);border-color:var(--accent);cursor:pointer;font-weight:700;color:var(--accent)}.times-cell.missing.active{outline:2px solid var(--accent)}.times-grid-row-contents{display:contents}.times-answer-card{max-width:520px}.times-answer-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:.75rem}.times-inline-feedback{font-weight:700;font-size:.95rem;padding:.55rem .85rem;border-radius:10px;margin-bottom:.1rem;white-space:nowrap}.times-inline-feedback.ok{background:var(--ok-soft);color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent)}.times-inline-feedback.bad{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}.times-answer-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.times-help{margin-top:1rem;background:var(--card-muted-bg);border:1px dashed var(--border)}.times-help-grid{display:grid;gap:4px;margin:.75rem 0;max-width:100%;overflow-x:auto;padding:.5rem;background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border);justify-content:start}.times-help-dot{width:.85rem;height:.85rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.times-help-block{width:1rem;height:1rem;border-radius:3px;background:var(--teal);opacity:.9}.calc-sequence{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem}.calc-key{min-width:2rem;padding:.35rem .55rem;text-align:center;font-weight:700;border-radius:8px;background:var(--accent);color:#fff;box-shadow:0 2px 0 var(--accent-dark)}.calc-pad{display:grid;grid-template-columns:repeat(4,2.4rem);gap:.3rem;margin-bottom:.5rem}.calc-pad-key{display:grid;place-items:center;height:2.2rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);font-weight:600;font-size:.9rem;color:var(--ink-muted)}.calc-pad-key.highlight{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark);font-weight:800;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.ptable-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:.35rem}.ptable-cell{border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);padding:.35rem;text-align:center;cursor:pointer;font:inherit;color:var(--ink);min-height:58px}.ptable-cell .sym{font-weight:800;font-size:1rem;display:block}.ptable-cell .num{font-size:.65rem;color:var(--ink-muted)}.ptable-cell.target{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.ptable-cell.correct{background:var(--ok-soft);border-color:var(--ok)}.ptable-cell.wrong{background:var(--danger-soft);border-color:var(--danger)}.draw-layout{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:1rem;align-items:start}@media(max-width:860px){.draw-layout{grid-template-columns:1fr}}.draw-sidebar{max-height:min(80vh,720px);overflow:auto}.draw-category-tabs{display:flex;gap:.35rem;margin:.5rem 0 .75rem;flex-wrap:wrap}.draw-category-tab{flex:1;min-width:0;padding:.4rem .5rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--ink);cursor:pointer;font:inherit;font-size:.85rem;font-weight:600}.draw-category-tab.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.draw-animal-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.draw-animal-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--ink);cursor:pointer;font:inherit}.draw-animal-btn.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.draw-animal-emoji{font-size:1.4rem}.draw-animal-name{font-size:.7rem;font-weight:600;text-align:center}.draw-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin:.75rem 0}.draw-tools{display:flex;flex-wrap:wrap;gap:.35rem}.draw-palette{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-bottom:.75rem}.draw-palette .swatch{width:1.75rem;height:1.75rem;border-radius:999px;border:2px solid var(--border);cursor:pointer;padding:0}.draw-palette .swatch.active{outline:2px solid var(--accent);outline-offset:2px}.custom-color{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--ink-muted)}.custom-color input[type=color]{width:2.2rem;height:2rem;border:1px solid var(--border);border-radius:8px;padding:0;background:transparent;cursor:pointer}.draw-canvas-wrap{position:relative;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fffdf9;touch-action:none;aspect-ratio:640 / 480}.draw-guide-canvas,.draw-canvas{display:block;width:100%;height:auto;touch-action:none}.draw-guide-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.draw-canvas{position:relative;z-index:1;cursor:crosshair;background:transparent}.draw-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.goblin-row{display:flex;justify-content:space-around;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.chest-coins{letter-spacing:-.15em;font-size:1.1rem}.hangman-word{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin:1rem 0;font-size:1.6rem;font-weight:700;font-family:var(--display)}.hangman-slot{min-width:1.4rem;text-align:center;border-bottom:2px solid var(--border)}.letter-pad{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}.letter-btn{min-width:2.2rem;text-transform:uppercase}.letter-wrong{background:var(--danger-soft)!important;color:var(--danger)!important}.letter-right{background:var(--ok-soft)!important;color:var(--ok)!important}.class-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.class-card{cursor:pointer;text-align:center;border:1px solid var(--border)}.class-card:hover{border-color:var(--accent)}.class-emoji{font-size:2.2rem;display:block;margin-bottom:.35rem}.store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.store-item{text-align:center}.store-emoji{font-size:2rem;margin-bottom:.35rem}.runaway-stage{position:relative;transition:transform .35s ease,opacity .45s ease}.runaway-stage.fled{transform:translate(120%) scale(.2)!important;opacity:.15}.door-flee{position:absolute;right:12%;top:40%;font-size:1.5rem}.stargate-board{margin-bottom:.5rem}.gate-ring{width:min(220px,70%);aspect-ratio:1;margin:.5rem auto 1rem;border-radius:50%;border:8px solid #3d3a36;background:radial-gradient(circle at 40% 35%,#7ec8e3,#1a3a5c 55%,#0b1520);box-shadow:0 0 0 4px #c45c26,inset 0 0 30px #00000073;display:grid;place-items:center}.gate-inner{color:#e8f4ff;font-size:.75rem;font-weight:700;letter-spacing:.08em}.orbit-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.5rem}.orbit-slot{border:1px dashed var(--border);border-radius:12px;padding:.35rem;background:var(--card-muted-bg);text-align:center;min-height:88px}.orbit-num{font-size:.7rem;font-weight:700;color:var(--ink-muted)}.orbit-empty{margin-top:.5rem;font-size:1.4rem;color:var(--border);font-weight:700}.planet-pool{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.planet-chip{display:inline-flex;flex-direction:column;align-items:center;gap:.15rem;border:2px solid var(--border);border-radius:12px;background:var(--bg-elevated);color:var(--ink);padding:.35rem .45rem;cursor:pointer;min-width:72px;font:inherit}.planet-chip span{font-size:1.35rem}.planet-chip small{font-size:.65rem;font-weight:600}.planet-chip.placed{width:100%;border-style:solid}.geo-map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.35rem;margin-top:.75rem}.geo-tile{border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--ink);min-height:48px;padding:.25rem;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center}.geo-tile:hover{border-color:var(--accent)}.geo-tile.geo-target{background:linear-gradient(145deg,#f3dccb,#e8c4a8);border-color:var(--accent);box-shadow:0 0 0 2px #c45c2659;animation:geo-pulse 1.2s ease-in-out infinite}.geo-code{font-size:.7rem;font-weight:700}.geo-name{font-size:.55rem;color:var(--ink-muted);text-align:center}.geo-prompt{margin:.25rem 0 0}@keyframes geo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}