.games-one-page{position:relative}.games-hero-mango{border:3px solid var(--line);border-radius:24px;background:linear-gradient(150deg,#fffef8,#ffe7a9);padding:20px;box-shadow:0 10px 28px #c48f151f}.score-badge{margin-top:10px;display:inline-block;border:2px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:800;background:#fff}.progress-panel{margin-top:10px;border:2px solid var(--line);border-radius:12px;background:#ffffffd9;padding:10px}.progress-title-row{display:flex;align-items:center;justify-content:space-between;font-size:.95rem;margin-bottom:6px}.progress-track{width:100%;height:12px;border-radius:999px;border:2px solid var(--line);background:#fff;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff0,#ffd65c,#fff);transition:width .3s ease}.progress-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.progress-item{border:1px solid var(--line);border-radius:10px;padding:6px;background:#fffef8;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px}.small-track{grid-column:1 / -1;height:9px}.mini-games-stack{margin-top:16px;display:grid;gap:14px}.mini-game-card{border:3px solid var(--line);border-radius:18px;padding:16px;background:linear-gradient(160deg,#fffef9,#fff4cd);box-shadow:0 8px 24px #7a560d1a}.space-card{background:linear-gradient(160deg,#fff8dc,#ffe39a)}.wizard-card,.puppet-card{background:linear-gradient(160deg,#fffef9,#ffeec3)}.game-question{font-size:clamp(1.08rem,2vw,1.45rem);font-weight:800}.symbol-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.answer-btn{border:2px solid var(--line);border-radius:12px;padding:10px;background:linear-gradient(130deg,#fff,#ffe7aa);font-size:1rem;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.answer-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.symbol-btn{font-size:1.25rem}.active-key{box-shadow:0 0 0 3px #f2b11166 inset}.chef-kitchen{min-height:80px;border:2px solid var(--line);border-radius:14px;background:radial-gradient(circle at 50% 20%,#fff4cf,#ffe19b);display:flex;align-items:center;justify-content:space-around;font-size:1.8rem;margin-bottom:8px}.chef-kitchen.hole{animation:blackHole .7s ease;filter:saturate(.4)}@keyframes blackHole{0%{transform:scale(1)}50%{transform:scale(.88) rotate(-5deg)}to{transform:scale(1)}}.mini-map{margin-top:8px;border:2px solid var(--line);border-radius:12px;min-height:52px;background:#fff;padding:8px;display:flex;flex-wrap:wrap;gap:6px}.painter-card .universe-canvas{position:relative;height:150px;border:2px solid var(--line);border-radius:14px;background:#120e04;overflow:hidden;margin-bottom:8px}.paint-splat{position:absolute;border-radius:999px;filter:blur(.6px)}.comet-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.comet-btn{animation:cometFly linear infinite}@keyframes cometFly{0%{transform:translate(0)}50%{transform:translate(8px)}to{transform:translate(0)}}.maze-strip{position:relative;min-height:72px;border:2px solid var(--line);border-radius:12px;background:linear-gradient(140deg,#fff4cc,#ffe29a);margin-bottom:8px}.robot{position:absolute;top:20px;font-size:1.6rem;transition:left .2s ease}.robot.bounce{animation:bounce .36s ease}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.door-lock{position:absolute;right:18%;top:20px;font-size:1.6rem}.portal{position:absolute;right:6%;top:20px;font-size:1.6rem}.village-scene{border:2px solid var(--line);border-radius:12px;background:linear-gradient(170deg,#fff,#ffe8b8);min-height:70px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-around;font-size:1.5rem}.puppet-stage{position:relative;border:2px solid var(--line);border-radius:12px;background:#fffdf5;min-height:88px;margin-bottom:8px;overflow:hidden}.puppet-light{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,#ffe7a5,#fff 60%)}.puppet-screen{position:relative;z-index:1;min-height:88px;display:flex;align-items:center;justify-content:space-around;filter:saturate(0) contrast(1.2);font-size:1.8rem}.shadow-hand{background:linear-gradient(130deg,#fff,#fff0c6)}@media (max-width: 920px){.symbol-row,.comet-row{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-grid{grid-template-columns:1fr}}@media (max-width: 560px){.symbol-row,.comet-row{grid-template-columns:1fr}}.profile-hero{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,#fff9e7,#f0b429);border-radius:16px;margin-bottom:2rem;border:3px solid #3b2c0c}.profile-hero h1{font-size:2.5rem;margin:0 0 .5rem;color:#2d2008}.profile-hero p{color:#5a4a1a;font-size:1rem;margin:0}.alert{padding:1.25rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;border:2px solid;font-weight:600;animation:slideUp .3s ease-out}.alert-success{background-color:#e8f5e9;border-color:#4caf50;color:#2e7d32}.alert-error{background-color:#ffebee;border-color:#f44336;color:#c62828}.alert-info{background-color:#e3f2fd;border-color:#2196f3;color:#1565c0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-card{background:linear-gradient(135deg,#fffef8,#fff9e7);border:3px solid #3b2c0c;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 16px #3d2c0c1a}.profile-info{margin-bottom:2rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:2px solid #f0b429;font-size:1.05rem}.info-row:last-child{border-bottom:none}.info-row label{font-weight:700;color:#2d2008;min-width:120px}.info-row span{color:#5a4a1a}.profile-actions{display:flex;gap:1rem;flex-wrap:wrap}.profile-form{background:linear-gradient(135deg,#fffef8,#fff9e7);border:3px solid #3b2c0c;border-radius:16px;padding:2rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:700;margin-bottom:.5rem;color:#2d2008;font-size:1rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=number],.form-group select{width:100%;padding:.875rem;border:2px solid #3b2c0c;border-radius:8px;font-size:1rem;font-family:inherit;background-color:#fff;color:#2d2008;transition:all .3s ease}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=number]:focus,.form-group select:focus{outline:none;border-color:#f0b429;box-shadow:0 0 0 3px #f0b42933}.form-group.checkbox{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.form-group.checkbox input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:#f0b429;border:2px solid #3b2c0c;border-radius:4px}.form-group.checkbox label{margin:0;cursor:pointer;-webkit-user-select:none;user-select:none}.form-section{background:#fff;border:2px dashed #f0b429;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.form-section h3{margin-top:0;margin-bottom:1.5rem;color:#2d2008}.form-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #f0b429}.btn{padding:.875rem 1.5rem;border:2px solid;border-radius:8px;font-weight:700;cursor:pointer;font-size:1rem;transition:all .3s ease;font-family:inherit}.btn-primary{background:linear-gradient(90deg,#ff0,#f0b429);border-color:#7a5c00;color:#2d2008}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #f0b4294d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;border-color:#3b2c0c;color:#2d2008}.btn-ghost:hover:not(:disabled){background:#3d2c0c1a}.btn-destructive{background:linear-gradient(90deg,#ff6b6b,#ee5a52);border-color:#c92a2a;color:#fff}.btn-destructive:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #ff6b6b4d}.btn-destructive:disabled{opacity:.6;cursor:not-allowed}.crud-info-box{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:3px solid #1565c0;border-radius:12px;padding:1.5rem;margin-top:2rem}.crud-info-box h3{color:#1565c0;margin-top:0;font-size:1.2rem}.crud-info-box ul{list-style:none;padding:0;margin:0}.crud-info-box li{padding:.5rem 0;color:#0d47a1;font-weight:500}@media (max-width: 768px){.profile-hero{padding:1.5rem 1rem}.profile-hero h1{font-size:1.75rem}.profile-card,.profile-form{padding:1.5rem}.info-row{flex-direction:column;align-items:flex-start}.info-row label{margin-bottom:.5rem}.form-actions{flex-direction:column}.btn{width:100%}.profile-actions{flex-direction:column}.profile-actions .btn{width:100%}}.page-wrap{max-width:800px;margin:0 auto;padding:2rem 1rem}:root{--bg: #fff9e7;--paper: #fffef8;--ink: #2d2008;--muted: #6a542b;--line: #3b2c0c;--brand: #f0b429;--brand-2: #d8a01b;--brand-3: #ffd466}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Space Grotesk,Trebuchet MS,sans-serif;background:radial-gradient(circle at 8% 8%,#ffd05a55 0,transparent 24%),radial-gradient(circle at 90% 15%,#ffeaa844 0,transparent 26%),radial-gradient(circle at 15% 90%,#ffdb7340 0,transparent 24%),var(--bg);min-height:100vh}.nav-shell{position:sticky;top:0;z-index:20;border-bottom:4px solid var(--line);background:#fff6ddde;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-inner{max-width:1100px;margin:0 auto;min-height:72px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{text-decoration:none;color:var(--ink);font-weight:800;display:flex;align-items:center;gap:8px;font-size:1.05rem}.brand-star{display:inline-grid;place-items:center;width:26px;height:26px;border:2px solid var(--line);border-radius:8px;background:#fff}.nav-links{display:flex;flex-wrap:wrap;gap:10px}.nav-links a{text-decoration:none;color:var(--ink);border:2px solid var(--line);padding:7px 12px;border-radius:999px;font-weight:600;background:#fff}.nav-links a.active{background:linear-gradient(90deg,#ffe08a,#fff4cf)}.nav-links a.ai-tutor-link{background:linear-gradient(90deg,#ff0,#fff);border-color:#7a5c00;box-shadow:0 0 0 2px #ffff0060 inset}.nav-links a.ai-tutor-link.active{background:linear-gradient(90deg,#ff0,#fff);box-shadow:0 0 0 3px #ffff0090 inset,0 0 10px #ffff0080}.points-pill{border:2px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:700;background:#fff}.page-wrap{max-width:1100px;margin:0 auto;padding:28px 16px 70px}.page-wrap.narrow{max-width:780px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.hero-copy,.hero-art{border:3px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:8px 8px #00000014;padding:22px}.hero-copy h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;margin:0 0 12px}.kicker{display:inline-block;border:2px solid var(--line);border-radius:999px;padding:6px 10px;background:#fff;font-weight:700;margin:0 0 14px}.hero-copy p{color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-art img{width:100%;max-height:360px;object-fit:contain}.btn{border:2px solid var(--line);border-radius:12px;padding:10px 16px;font-weight:700;text-decoration:none;cursor:pointer}.btn-primary{background:linear-gradient(90deg,var(--brand),#f7cf68);color:#111}.btn-ghost{background:#fff;color:#111}.card-grid{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.info-card{border:3px solid var(--line);border-radius:18px;background:#fff;padding:14px}.games-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.game-card{border:3px solid var(--line);border-radius:16px;background:#fff;padding:14px}.game-card-action{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.game-card-action:hover{transform:translateY(-4px) rotate(-.2deg);box-shadow:0 10px #00000014}.game-top,.game-bottom{display:flex;align-items:center;justify-content:space-between}.game-top span:first-child{font-size:1.4rem}.game-play{margin-top:14px;border:3px solid var(--line);border-radius:16px;background:#fff;padding:16px}.mission-bar-wrap{width:100%;height:12px;background:#f2f2f2;border:2px solid var(--line);border-radius:999px;overflow:hidden;margin:12px 0 6px}.mission-bar{height:100%;background:linear-gradient(90deg,#f59e0b,#22c55e,#0ea5e9);transition:width .35s ease}.score-head{display:flex;align-items:center;justify-content:space-between}.question{font-size:1.2rem;font-weight:700}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option-btn{border:2px solid var(--line);border-radius:12px;background:linear-gradient(90deg,#def3ff,#ffeacf);padding:14px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.option-btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 6px #00000010}.game-feedback{margin-top:10px;padding:10px 12px;border:2px dashed var(--line);border-radius:10px;background:#f8fff2;font-weight:700}.rocket-stage{border:2px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#dff4ff,#eefbff);padding:12px;margin-bottom:12px}.rocket-meter{width:100%;height:18px;border:2px solid var(--line);border-radius:999px;background:#fff;overflow:hidden}.rocket-fill{height:100%;background:linear-gradient(90deg,#f97316,#22c55e);transition:width .25s ease}.rocket-grid{margin-top:10px;border:2px solid var(--line);border-radius:10px;background:#00152a;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:2px;padding:6px}.rocket-cell{min-height:28px;display:grid;place-items:center;border-radius:6px;font-size:.95rem;background:#07223f;color:#d8eaff}.rocket-ship{width:max-content;margin:8px auto 0;font-size:2rem;transition:transform .25s ease}.builder-ops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.keypad-display{margin-top:8px;margin-bottom:10px;min-height:56px;display:grid;place-items:center;font-size:2rem;font-weight:800;border:2px solid var(--line);border-radius:12px;background:#fff}.keypad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.keypad-btn{border:2px solid var(--line);border-radius:12px;padding:12px;font-size:1.1rem;font-weight:800;background:linear-gradient(90deg,#fff7e8,#eef8ff);cursor:pointer}.adventure-card{border:2px solid var(--line);border-radius:14px;padding:14px;background:linear-gradient(180deg,#fffef8,#f8fff6)}.choice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.symbol-quiz-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.symbol-quiz-card{border:2px solid var(--line);border-radius:12px;padding:10px;background:#fff;cursor:pointer;display:grid;gap:4px;text-align:left}.symbol-quiz-card strong{font-size:1.4rem}.symbol-quiz-card span{font-weight:700}.symbol-quiz-card em{font-style:normal;color:var(--muted);font-size:.85rem}.symbol-quiz-card.active{background:#e9fff1;box-shadow:0 0 0 3px #22c55e33 inset}.result-card{border:2px dashed var(--line);padding:16px;border-radius:12px;background:#fff8e8}.chat-shell{border:3px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.chat-log{min-height:320px;max-height:420px;overflow:auto;padding:12px;background:linear-gradient(180deg,#fefefe,#f8fbff)}.bubble{max-width:78%;padding:10px 12px;border-radius:12px;border:2px solid var(--line);margin-bottom:8px}.bubble-user{margin-left:auto;background:#ffeecf}.bubble-bot{background:#dff4ff}.chat-input-row{display:flex;gap:10px;border-top:2px solid var(--line);padding:12px}.chat-input-row input{flex:1;border:2px solid var(--line);border-radius:10px;padding:10px;font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat{border:3px solid var(--line);border-radius:12px;background:#fff;padding:16px;display:grid;gap:4px}.stat strong{font-size:1.6rem}.history-list{display:grid;gap:8px}.history-item{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;border:2px solid var(--line);border-radius:10px;padding:10px;background:#fff}.about-image{width:100%;max-height:320px;object-fit:contain;border:3px solid var(--line);border-radius:14px;background:#fff}.voice-fab{position:fixed;right:16px;bottom:16px;z-index:30;border:3px solid var(--line);border-radius:999px;width:56px;height:56px;background:#fff7dd;font-size:1.4rem;cursor:pointer}.symbol-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:-2}.symbol-float{position:absolute;bottom:-24px;font-size:1.8rem;color:#ffd6663a;font-weight:800}.global-float-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.global-float-item{position:absolute;object-fit:contain;animation:globalDrift ease-in-out infinite;filter:drop-shadow(0 0 10px #ffcc4d66)}@keyframes globalDrift{0%{transform:translateY(0) translate(0) rotate(0)}30%{transform:translateY(-10px) translate(9px) rotate(2deg)}60%{transform:translateY(-18px) translate(-7px) rotate(-2deg)}to{transform:translateY(0) translate(0) rotate(0)}}.symbols-hero{border:3px solid var(--line);border-radius:18px;background:linear-gradient(140deg,#fffdf5,#ffe9ad);padding:18px}.symbols-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.symbol-card{border:3px solid var(--line);border-radius:14px;padding:14px;background:#fff}.symbol-glyph{width:52px;height:52px;border:2px solid var(--line);border-radius:12px;display:grid;place-items:center;font-size:1.6rem;font-weight:800;background:#fff3cc}.small{color:var(--muted);font-size:.9rem}@media (max-width: 960px){.hero-grid,.games-grid,.card-grid,.stats-grid,.symbols-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.nav-inner{min-height:auto;padding-top:10px;padding-bottom:10px;flex-direction:column;align-items:flex-start}.hero-grid,.games-grid,.card-grid,.stats-grid,.symbols-grid,.option-grid,.builder-ops,.choice-list,.symbol-quiz-grid,.history-item{grid-template-columns:1fr}}