:root{color:#182230;background:#eef5f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.fa-inline{display:block;width:1em;height:1em;overflow:visible}.emoji-icon{display:grid;width:1.6em;height:1.6em;place-items:center;font-size:1.35rem;line-height:1}.app-shell{min-height:100vh;padding:16px 24px 24px;background:linear-gradient(135deg,#ffffffdb,#eef5f4b3),radial-gradient(circle at 18% 12%,rgba(16,185,129,.18),transparent 28%),radial-gradient(circle at 86% 22%,rgba(245,158,11,.2),transparent 24%),#eef5f4}.topbar,.activity-tabs,.trainer-stage{width:min(1360px,100%);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-block{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border:3px solid #182230;border-radius:12px;background:#fff;box-shadow:0 6px #182230;font-size:1.35rem}.brand-mark .emoji-icon{font-size:1.75rem}h1,h2,p{margin:0}h1{font-size:clamp(1.65rem,3.4vw,3rem);line-height:.95}.brand-block p,.panel-heading p{margin-top:6px;color:#516070;font-size:1rem}.scorebar{display:flex;align-items:center;gap:10px}.scorebar>div,.timer-select,.icon-button{height:62px}.scorebar>div{display:grid;align-content:center;min-width:86px;padding:10px 12px;border:2px solid #182230;border-radius:8px;background:#fff;box-shadow:0 5px #182230}.timer-select{display:grid;position:relative;min-width:104px;gap:3px;align-content:center;padding:8px 32px 8px 10px;border:2px solid #182230;border-radius:8px;background:#fff;box-shadow:0 5px #182230}.timer-select:after{position:absolute;right:11px;bottom:13px;color:#182230;content:"▾";font-size:.9rem;font-weight:950;pointer-events:none}.scorebar span,.timer-select span{display:block;color:#607080;font-size:.76rem;font-weight:800;text-transform:uppercase}.timer-select select{width:100%;appearance:none;border:0;background:transparent;color:#182230;font-size:1.05rem;font-weight:950;outline:0}.scorebar strong{display:block;font-size:1.55rem;line-height:1}.icon-button,.soft-button{display:inline-grid;min-height:44px;place-items:center;border:2px solid #182230;border-radius:8px;background:#fff;color:#182230;box-shadow:0 5px #182230}.icon-button{width:50px}.soft-button{padding:0 16px;font-weight:800}.activity-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.tab{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;min-height:78px;padding:14px;border:2px solid #182230;border-radius:8px;background:#fff;color:#182230;text-align:left;box-shadow:0 6px #182230}.tab .emoji-icon{font-size:1.9rem}.tab.active{background:#10b981;color:#092017;transform:translateY(3px);box-shadow:0 3px #182230}.tab span{min-width:0;overflow-wrap:anywhere;font-size:1.12rem;font-weight:900}.tab small{grid-column:2;color:currentColor;font-weight:700;opacity:.72}.trainer-stage{position:relative;margin-top:14px}.round-surface{position:relative}.round-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:24px;border-radius:8px;background:#eef5f4c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.round-card{display:grid;width:min(520px,100%);place-items:center;gap:18px;padding:30px;border:4px solid #182230;border-radius:8px;background:#fff;text-align:center;box-shadow:0 14px #182230}.top10-card{width:min(460px,100%);gap:14px;padding:24px}.round-card-icon{display:grid;width:88px;height:88px;place-items:center;border:3px solid #182230;border-radius:50%;background:#facc15;font-size:2.8rem}.round-card-icon .emoji-icon{font-size:3rem}.round-card p{color:#516070;font-size:1.15rem;font-weight:800}.round-button{min-width:220px;min-height:66px;border:3px solid #182230;border-radius:8px;background:#10b981;color:#092017;font-size:1.35rem;font-weight:950;box-shadow:0 8px #182230}.round-button.secondary{min-height:54px;background:#3b82f6;color:#fff;font-size:1.1rem}.round-button:disabled,.round-icon-button:disabled{cursor:default;filter:grayscale(.35);opacity:.72}.round-button:active,.round-icon-button:active{transform:translateY(4px);box-shadow:0 4px #182230}.round-icon-button{display:grid;width:62px;height:60px;place-items:center;border:3px solid #182230;border-radius:8px;color:#092017;font-size:1.55rem;font-weight:950;box-shadow:0 8px #182230}.round-icon-button.check{align-self:end;background:#10b981}.round-icon-button.play{width:92px;height:72px;background:#10b981;font-size:1.75rem}.round-icon-button.refresh{width:78px;height:60px;background:#facc15}.result-grid{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:12px}.result-grid div{padding:16px;border:2px solid #182230;border-radius:8px;background:#f8fafc}.result-grid span{display:block;color:#607080;font-size:.78rem;font-weight:900;text-transform:uppercase}.result-grid strong{display:block;font-size:2.6rem;line-height:1}.save-row{display:grid;width:min(430px,100%);grid-template-columns:1fr auto;gap:10px;align-items:end}.name-input{display:grid;width:100%;gap:7px;text-align:left}.name-input span{color:#607080;font-size:.78rem;font-weight:900;text-transform:uppercase}.name-field{display:grid;grid-template-columns:auto 1fr;align-items:center;height:60px;padding:0 12px;border:3px solid #182230;border-radius:8px;background:#fff;color:#516070;font-size:1.25rem;box-shadow:0 8px #182230}.name-field input{min-width:0;height:100%;padding:0 0 0 10px;border:0;outline:0;color:#182230;font-size:1.25rem;font-weight:900}.leaderboard{display:grid;width:100%;max-height:min(54vh,430px);gap:6px;margin:0;padding:0;overflow:auto;list-style:none}.leaderboard li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:9px 12px;border:2px solid #182230;border-radius:8px;background:#f8fafc;font-weight:900}.leaderboard li.current-score{background:#facc15;box-shadow:0 5px #182230;transform:translateY(-2px)}.leaderboard li em{display:grid;width:30px;height:30px;place-items:center;border:2px solid #182230;border-radius:50%;background:#fff;font-style:normal}.leaderboard li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top10-view{display:grid;width:100%;place-items:center;gap:14px}.panel{min-height:680px;padding:22px;border:3px solid #182230;border-radius:8px;background:#fff;box-shadow:0 10px #182230}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-actions{display:flex;flex:0 0 auto;align-items:center;gap:10px}.message-pill{max-width:min(48vw,420px);padding:10px 14px;overflow:hidden;border:2px solid #182230;border-radius:999px;background:#facc15;font-weight:900;text-overflow:ellipsis;white-space:nowrap}h2{font-size:clamp(1.45rem,3vw,2.3rem);line-height:1.05}.level-pill{flex:0 0 auto;padding:10px 14px;border:2px solid #182230;border-radius:999px;background:#facc15;font-weight:900}.playfield{position:relative;min-height:560px;overflow:hidden;border:2px dashed #9aa8b5;border-radius:8px;background:linear-gradient(90deg,rgba(24,34,48,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(24,34,48,.06) 1px,transparent 1px),#f8fbfb;background-size:46px 46px}.target-button{position:absolute;display:grid;width:76px;height:76px;place-items:center;border:3px solid #182230;border-radius:50%;box-shadow:0 7px #182230;transform:translate(-50%,-50%);transition:transform .14s ease,box-shadow .14s ease}.target-button:active{transform:translate(-50%,-45%);box-shadow:0 2px #182230}.target-button span{width:30px;height:30px;border:3px solid #ffffff;border-radius:50%}.drag-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px;min-height:540px;-webkit-user-select:none;user-select:none}.shape-bank,.drop-grid{display:grid;gap:14px;-webkit-user-select:none;user-select:none}.shape-bank{align-content:center;grid-template-columns:repeat(2,minmax(0,1fr))}.shape-token{position:relative;display:grid;min-height:150px;place-items:center;gap:8px;border:3px solid #182230;border-radius:8px;color:#fff;font-size:1.2rem;font-weight:900;box-shadow:0 7px #182230;-webkit-user-drag:element;-webkit-user-select:none;user-select:none}.shape-token svg{font-size:4rem}.shape-token .match-badge{position:absolute;top:10px;right:10px;display:grid;width:44px;height:44px;place-items:center;border:3px solid #ffffff;border-radius:50%;background:#18223038}.shape-token .match-badge svg{font-size:1.25rem}.shape-token .item-check{min-height:1.4em;font-weight:950}.shape-token.done{filter:grayscale(.45);opacity:.55}.drop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.drop-slot{display:grid;min-height:100%;place-items:center;align-content:center;gap:18px;border:4px dashed #182230;border-radius:8px;color:#fff;font-size:1.35rem;font-weight:900;box-shadow:inset 0 0 0 8px #ffffff38}.drop-slot>svg{font-size:clamp(4.2rem,8vw,7rem)}.drop-slot span{display:grid;width:54px;height:54px;place-items:center;border:2px solid #182230;border-radius:50%;background:#fff;color:#182230}.keyboard-practice,.typing-zone{display:grid;min-height:540px;place-items:center;gap:26px}.big-key{display:grid;width:min(280px,68vw);aspect-ratio:1;place-items:center;border:4px solid #182230;border-radius:24px;background:#3b82f6;color:#fff;font-size:clamp(5rem,18vw,9rem);font-weight:950;box-shadow:0 14px #182230}.key-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.mini-key{display:grid;width:52px;height:52px;place-items:center;border:2px solid #182230;border-radius:8px;background:#f8fafc;font-weight:900}.mini-key.active{background:#facc15}.typing-zone{align-content:center}.word-bubble{display:grid;width:min(520px,100%);min-height:170px;place-items:center;border:4px solid #182230;border-radius:42px;background:#8b5cf6;color:#fff;font-size:clamp(3rem,10vw,5.8rem);font-weight:950;box-shadow:0 12px #182230}.typing-input{display:grid;width:min(520px,100%);gap:8px;color:#516070;font-weight:900}.typing-input input{height:64px;padding:0 18px;border:3px solid #182230;border-radius:8px;color:#182230;font-size:2rem;font-weight:900;text-transform:uppercase;box-shadow:0 6px #182230}.snake-layout{display:grid;grid-template-columns:minmax(420px,1fr) 260px;gap:22px;min-height:540px}.snake-board{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);gap:5px;aspect-ratio:1;width:min(100%,650px);align-self:center;justify-self:center;padding:10px;border:3px solid #182230;border-radius:8px;background:#dff3ea;box-shadow:0 10px #182230}.snake-cell{display:grid;min-width:0;min-height:0;place-items:center;border-radius:5px;background:#ffffffc7}.snake-cell.body{background:#10b981;border:2px solid #182230}.snake-cell.head{background:#047857;border:3px solid #182230}.snake-cell.food{background:#fef2f2;color:#ef4444;font-size:1.25rem}.snake-side{display:grid;align-content:center;gap:14px}.snake-stat,.snake-status,.arrow-pad,.toggle-button{border:2px solid #182230;border-radius:8px;background:#fff;box-shadow:0 6px #182230}.toggle-button{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 14px;font-weight:900;cursor:pointer}.toggle-button input{width:18px;height:18px;accent-color:#10b981}.snake-stat{padding:16px}.snake-stat span{display:block;color:#607080;font-size:.78rem;font-weight:900;text-transform:uppercase}.snake-stat strong{display:block;font-size:2rem;line-height:1}.snake-status{padding:16px;font-weight:900}.snake-status.crashed{background:#fecaca}.arrow-pad{display:grid;min-height:130px;place-items:center;color:#3b82f6;font-size:3rem}@media(max-width:760px){.app-shell{padding:14px}.topbar,.panel-heading,.drag-layout{align-items:stretch;flex-direction:column}.topbar{display:grid}.scorebar{display:grid;grid-template-columns:1fr 1fr}.icon-button{width:auto}.activity-tabs,.drag-layout,.drop-grid,.shape-bank,.snake-layout{grid-template-columns:1fr}.tab{min-height:68px}.panel{min-height:600px;padding:16px}.playfield{min-height:440px}.target-button{width:66px;height:66px}.snake-board{width:min(100%,430px);gap:3px}.result-grid{grid-template-columns:1fr}}