:root{color:#211337;font-synthesis:none;--plum:#552a75;--muted:#76677f;background:#f8f1eb;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 0 8%,#e5d4ef88,#0000 40%),radial-gradient(at 100% 90%,#dfcce5aa,#0000 35%),#fbf5ee;min-height:100dvh;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:14px;min-height:48px;padding:12px}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline-offset:3px;outline:3px solid #643795}#app{max-width:500px;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom));margin:auto;position:relative}header{text-align:center;margin-bottom:22px}.brand{letter-spacing:1px;color:#382449;font-size:11px}.leaf{color:#8452a9;margin-top:14px;font-size:47px;line-height:1}h1{letter-spacing:-1px;margin:4px 0 5px;font-family:Georgia,serif;font-size:37px;font-weight:500}h1 span{color:#562b80}header p{margin:0;font-family:Georgia,serif;font-size:21px}.category-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.category-card{text-align:left;background:var(--card);border:1px solid #fff8;border-radius:20px;min-height:155px;padding:17px;position:relative;overflow:hidden;box-shadow:0 3px 5px #65373e12}.category-card:after{content:"";background:#ffffff65;width:110px;height:1px;position:absolute;top:30px;right:-20px;transform:rotate(-40deg)}.category-card.logic{--card:linear-gradient(135deg,#ece0ff,#d7bdf6);--accent:#59259b}.category-card.memory{--card:linear-gradient(135deg,#ffe2dd,#ffb9b0);--accent:#b53c47}.category-card.attention{--card:linear-gradient(135deg,#dcf5e9,#a7dfd0);--accent:#0c7b70}.category-card.numbers{--card:linear-gradient(135deg,#ffecc2,#ffd07c);--accent:#8d540d}.category-icon{color:var(--accent);width:43px;height:43px;margin-bottom:9px;display:block}.category-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.category-card strong{margin-bottom:5px;font-size:19px;display:block}.category-card small{max-width:105px;font-size:12px;line-height:1.4;display:block}.card-arrow{width:27px;height:27px;color:var(--accent);background:#fffa;border-radius:50%;place-items:center;font-size:21px;display:grid;position:absolute;bottom:14px;right:12px}.profile{background:#fff8;border:1px solid #fff;border-radius:20px;margin:17px 0 18px;padding:15px 16px;box-shadow:0 2px 8px #5436540a}.profile h2{color:#482572;margin:0 0 6px;font-size:15px}.profile-body{justify-content:space-between;align-items:center;gap:10px;display:flex}#radar{width:60%;max-width:230px}#radar svg{width:100%;height:auto;display:block}.radar-ring{stroke:#cbbfd1;stroke-width:.8px;fill:none}.radar-axis{stroke:#d5c7db;stroke-width:.8px}.radar-data{fill:#9462cc44;stroke:#8757b8;stroke-width:1.6px}.radar-dot{stroke:#fff;stroke-width:1.2px}.legend-row{white-space:nowrap;margin:7px 0;font-size:10px;line-height:1.5}.legend-row i{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.legend-row span{color:var(--muted);margin-left:14px;font-size:9px;display:block}.profile-note{text-align:center;color:#938298;margin:5px 0 0;font-size:9px}.main-button{color:#fff;letter-spacing:.7px;background:linear-gradient(#75459c,#452266);border:1px solid #794f9c;border-radius:30px;width:100%;min-height:55px;font-size:12px;font-weight:800;box-shadow:0 4px 8px #5e2f642a}.main-button span{float:right;font-size:20px;line-height:1}.game-head{align-items:center;gap:9px;display:flex}.game-head button{background:#eadcf3;width:48px;padding:0;font-size:25px}.game-head span{color:var(--plum);font-size:12px;font-weight:800}#puzzle-title{margin:18px 0 8px;font-size:23px}#prompt{color:var(--muted);margin:0 0 19px;font-size:14px;line-height:1.5}#puzzle-area{min-height:100px}.series{background:#f0e4f7;border:1px solid #e5d3ef;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:23px 12px;display:flex}.series span{color:#6a3e8b;place-items:center;min-width:45px;height:55px;font-size:29px;font-weight:800;display:grid}.series.equation{text-align:center;color:#5c3877;padding:35px 10px;font-size:27px;font-weight:800}.answer-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.answer-grid button{background:#fff;border:2px solid #dfcde9;min-height:65px;font-size:24px;font-weight:800;box-shadow:0 3px #d5c0e0}.answer-grid button.selected{background:#ecdef7;border-color:#8052a7}.puzzle-grid{background:#ece0f3;border-radius:20px;gap:7px;margin-bottom:15px;padding:10px;display:grid}.puzzle-grid button{aspect-ratio:1;color:#693b91;background:#fff9;min-height:48px;padding:0;font-size:27px;box-shadow:0 2px #ccb4dc}.puzzle-grid button.lit{color:#fff;background:#c190e0;box-shadow:0 0 15px #ac79cc66}.puzzle-grid button.selected{color:#fff;background:#774699}.puzzle-grid.attention button{color:#635080;background:#fff;font-size:28px}.preview-label{color:#7d4c9c;text-align:center;margin-bottom:12px;font-size:13px}#game-message{color:#74548b;min-height:38px;margin:15px 0;font-size:13px;line-height:1.5}#game .main-button{margin-top:12px}#shell-bar{margin-top:16px}dialog{color:#352145;background:#fff9f2;border:1px solid #dbc9e5;border-radius:22px;width:calc(100% - 30px);max-width:440px;max-height:calc(100dvh - 50px);padding:24px;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#34213b88}dialog button{background:#eadcf2;margin:4px;font-size:12px}dialog .main-button{color:#fff;background:linear-gradient(#77449d,#4a236e)}dialog h2{font-family:Georgia,serif}dialog p{font-size:13px;line-height:1.5}dialog select{font:inherit;color:#452d5d;background:#f8effb;border:1px solid #d4bfdf;border-radius:12px;max-width:100%;min-height:48px;padding:8px}button.shell-tool{color:#593378;background:#eadcf3}.shell-tools{flex-wrap:wrap;gap:6px;display:flex}.shell-tools button{flex:1;font-size:11px}#brand-intro{z-index:10000}@media (height<=700px){#app{padding-top:12px}header{margin-bottom:14px}.leaf{margin-top:8px;font-size:30px}h1{font-size:31px}header p{font-size:18px}.category-card{min-height:130px;padding:13px}.category-icon{width:32px;height:32px;margin-bottom:5px}.category-card strong{font-size:17px}.category-card small{font-size:11px}.profile{margin:13px 0;padding:11px}.profile-body{max-height:125px}#radar{max-width:145px}.main-button{min-height:50px}.profile-note{font-size:8px}}@media (width<=350px){#app{padding-left:13px;padding-right:13px}.category-cards{gap:9px}.category-card{min-height:120px}.category-card small{max-width:85px}.legend-row{font-size:9px}.puzzle-grid{gap:4px;padding:7px}.puzzle-grid button{min-height:44px;font-size:23px}.series span{min-width:35px;font-size:24px}.profile-body{gap:3px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--accent:#7843a0;--surface:#fff8f1;--text:#342047}#hint{color:#5e337c;background:#ebddf3;width:100%;margin-top:2px;font-size:12px}.shell-nav{padding-bottom:0}.shell-nav button{color:#5b3478;background:#f2e6f8;border-color:#d6bfe4}.shell-message:empty{display:none}.leaf{height:32px;margin-top:8px;font-size:0}.leaf svg{width:42px;height:32px}header{margin-bottom:16px}h1{font-size:34px}.profile-body{max-height:155px}#radar{max-width:155px}.profile{margin:15px 0;padding:13px 15px}.legend-row{margin:5px 0}.profile-note{margin-top:6px}@media (height<=700px){.leaf{height:24px;margin-top:5px}.leaf svg{height:24px}.category-card{min-height:117px}.profile-body{max-height:112px}#radar{max-width:120px}.profile{margin:11px 0;padding:10px}.legend-row{margin:3px 0}header{margin-bottom:12px}h1{font-size:30px}#app{padding-top:10px}.main-button{min-height:48px}.shell-nav{margin-top:9px}.profile-note{font-size:7px}}@media (width<=350px){.category-card{min-height:112px}}#app{padding-bottom:max(48px,env(safe-area-inset-bottom))}.shell-nav{margin-bottom:0}#result-dashboard{color:#583573;background:#eadcf3}.session-panel{background:linear-gradient(120deg,#fffdf8,#eee0f5);border:1px solid #ddcbe6;border-radius:20px;margin:0 0 15px;padding:16px}.session-eyebrow{letter-spacing:1.2px;color:#6c4185;font-size:9px;font-weight:800}.session-panel h2{margin:7px 0 14px;font-size:18px}.session-steps{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.session-steps span{text-align:center;color:#6d5d78;font-size:9px}.session-steps b{color:#63327f;background:#e4d5ec;border-radius:50%;place-items:center;width:29px;height:29px;margin:0 auto 5px;display:grid}.session-steps .done b{color:#fff;background:#35796c}.session-panel p{color:#776782;margin-bottom:0;font-size:11px;line-height:1.5}.skill-goal{color:var(--accent);margin-top:9px;font-size:9px;font-weight:800;display:block}.profile-note{font-size:10px!important}#session-next{width:100%;margin:12px 0 0}#dashboard>#begin{margin-bottom:16px}.category-card{min-height:145px}.brain-mark{justify-content:center;height:52px;margin:8px 0 6px;display:flex}.brain-mark img{object-fit:contain;width:56px;height:52px}@media (height<=700px){.brain-mark{height:42px;margin-top:5px}.brain-mark img{width:46px;height:42px}}.shell-nav{padding-bottom:max(20px,env(safe-area-inset-bottom));gap:7px;margin:12px 0 0;display:flex}.shell-nav button{min-height:48px;font:inherit;border:1px solid var(--accent,#79c8e8);background:var(--surface,#163349);color:var(--text,#fff);border-radius:12px;flex:1;padding:8px;font-size:12px}.shell-nav #shell-pause{flex:0 0 48px}.shell-message{color:var(--muted,#9ab6c7);text-align:center;min-height:18px;margin:0 0 10px;font-size:12px}dialog[id^=shell-]{background:var(--surface,#163349);color:var(--text,#fff);border:2px solid var(--accent,#79c8e8);border-radius:20px;width:calc(100% - 24px);max-width:440px;max-height:calc(100dvh - 48px);padding:22px;font-family:inherit;overflow:auto;box-shadow:0 15px 60px #0008}dialog[id^=shell-]::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05121cb8}dialog[id^=shell-] button,dialog[id^=shell-] select{width:100%;min-height:48px;font:inherit;border:1px solid var(--accent,#79c8e8);background:var(--surface,#163349);color:var(--text,#fff);border-radius:10px;margin:8px 0;padding:10px;display:block}dialog[id^=shell-] button:disabled{opacity:.45}dialog[id^=shell-] h2{margin-top:0}dialog[id^=shell-] p{line-height:1.5}dialog[id^=shell-] a{color:var(--accent,#79c8e8)}.shell-settings{gap:7px;display:flex}.shell-fine{opacity:.8;font-size:11px}.shell-collection-card{border:1px solid var(--accent,#79c8e8);border-radius:8px;margin:5px 0;padding:10px}#shell-result-reward{color:var(--accent,#79c8e8);font-size:23px;font-weight:800}button:focus-visible,select:focus-visible{outline:3px solid var(--accent,#79c8e8);outline-offset:2px}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}