/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.grid{display:grid}.table{display:table}}.runner-hud.endless-hud{grid-template-columns:repeat(4,1fr) auto}.runner-lives{letter-spacing:1px;font-size:1rem!important}@media (width<=720px){.runner-hud.endless-hud{grid-template-columns:repeat(2,1fr)}.runner-hud.endless-hud button{grid-column:1/-1}}.runner-levels{text-align:center;background:#edfff8;border:3px solid #54b89a;border-radius:20px;gap:8px;width:min(650px,96%);margin:4px auto 15px;padding:14px;display:grid}.runner-levels>small{color:#376b60;font-weight:900}.runner-levels>div{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.runner-levels button{color:#315f59;cursor:pointer;background:#fff;border:2px solid #9ad8c6;border-radius:14px;gap:2px;padding:10px 8px;display:grid}.runner-levels button b{font-size:1rem}.runner-levels button span{font-size:.68rem;font-weight:750}.runner-levels button.active{color:#fff;background:#177e72;border-color:#177e72;box-shadow:0 4px #0a5149}@media (width<=520px){.runner-levels>div{grid-template-columns:1fr}.runner-levels button{grid-template-columns:1fr 1fr;align-items:center}}.runner-question{color:#254b58;background:linear-gradient(135deg,#fff9d8,#fff);border:3px solid #f2be32;border-radius:20px;place-items:center;width:min(520px,94%);margin:12px auto 4px;padding:10px 24px;display:grid;box-shadow:0 7px #d4a126,0 12px 24px #173f4820}.runner-question small{color:#6b7f72;font-weight:850}.runner-question strong{color:#174f67;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}.math-controls button{min-width:130px}.math-runner .runner-message{margin-top:12px}@media (width<=560px){.runner-question{padding:8px 16px}.math-controls button{min-width:105px}}.games-section .runner .card-visual{background:linear-gradient(145deg,#8ce8ff,#8edd68)}.runner .card-body p{color:#19704b;background:#e3faee}.runner .card-cta{color:#725400;background:#fff0ae}.game-panel.runner{background:linear-gradient(#efffff,#efffe7);border-color:#21a36f;width:min(1040px,97%)}.runner-game{padding:4px clamp(2px,2vw,20px) 18px}.runner-hud{color:#fff;background:#173f48;border-radius:19px;grid-template-columns:repeat(3,1fr) auto;gap:8px;padding:12px;display:grid}.runner-hud>div{border-left:1px solid #ffffff25;padding:6px 12px;display:grid}.runner-hud>div:first-child{border-left:0}.runner-hud small{color:#a9edf0;font-size:.72rem;font-weight:850}.runner-hud b{font-size:1.25rem}.runner-hud button{color:#543e00;cursor:pointer;background:#ffdc52;border:0;border-radius:999px;padding:10px 18px;font-weight:950;box-shadow:0 4px #bd8e13}.runner-message{text-align:center;color:#236156;min-height:28px;margin:10px 0;font-weight:900}.runner-canvas{aspect-ratio:900/560;touch-action:none;background:#75d9ff;border:5px solid #1a6b66;border-radius:26px;width:min(900px,100%);margin:auto;display:block;box-shadow:0 14px 30px #173f4838}.runner-controls{justify-content:center;gap:10px;margin-top:13px;display:flex}.runner-controls button{color:#fff;cursor:pointer;background:#197f72;border:0;border-radius:16px;place-items:center;min-width:74px;min-height:55px;font-size:1.5rem;font-weight:950;display:grid;box-shadow:0 5px #0e524b}.runner-controls button:active{transform:translateY(3px);box-shadow:0 2px #0e524b}.runner-controls small{font-size:.58rem}.runner-help{text-align:center;color:#597b76;margin:11px 0 0;font-size:.8rem;font-weight:750}.runner-result{color:#554719;background:#fff7c7;border:3px solid #efc62e;border-radius:19px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:min(620px,100%);margin:5px auto 13px;padding:13px 17px;display:grid}.runner-result>span{font-size:2.7rem}.runner-result div{display:grid}.runner-result strong{font-size:1.3rem}.runner-result p{margin:2px 0}.runner-result button{color:#fff;cursor:pointer;background:#655bd8;border:0;border-radius:999px;padding:10px 15px;font-weight:950;box-shadow:0 4px #433a9c}@media (width<=650px){.runner-hud{grid-template-columns:repeat(3,1fr)}.runner-hud button{grid-column:1/-1}.runner-hud b{font-size:1rem}.runner-canvas{border-width:3px;border-radius:18px}.runner-controls{gap:7px}.runner-controls button{min-width:60px}.runner-help{font-size:.7rem}.runner-result{grid-template-columns:auto 1fr}.runner-result button{grid-column:1/-1}}:root{--navy:#12366a;--blue:#48c5f5;--sky:#eafbff;--yellow:#ffc928;--orange:#ff784d;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--navy);background:#eafaff;margin:0;font-family:Noto Sans Thai,Tahoma,system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.primary-button{color:#12366a;cursor:pointer;background:linear-gradient(#ffdc3f,#ffb900);border:0;border-radius:999px;justify-content:center;align-items:center;padding:18px 34px;font-size:1.2rem;font-weight:900;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 7px #db8f00,0 14px 24px #236c9140}.primary-button:hover{transform:translateY(-3px);box-shadow:0 10px #db8f00,0 18px 28px #236c9145}.login-page{background:radial-gradient(circle at 50% 20%,#6cd5ff 0,#30b7ee 48%,#1768b1 100%);place-items:center;min-height:100vh;padding:30px;display:grid;position:relative;overflow:hidden}.stars-bg{color:#fff9;letter-spacing:1rem;font-size:4rem;line-height:2;animation:5s ease-in-out infinite float;position:absolute;inset:5%}.login-card{text-align:center;background:#ffffffed;border:5px solid #fff;border-radius:42px;width:min(520px,100%);padding:40px 46px;position:relative;box-shadow:0 28px 70px #0d4f7d55}.teacher-logo{object-fit:cover;background:#fff;border:3px solid #fff;border-radius:50%;width:56px;height:56px;display:block;box-shadow:0 4px 12px #174f7240}.login-logo-wrap{width:max-content;margin:0 auto;position:relative}.login-logo-wrap>span{filter:drop-shadow(0 4px 4px #0c4b7650);font-size:2.3rem;position:absolute;bottom:-7px;right:-18px}.login-logo{border:5px solid #fff;width:112px;height:112px;box-shadow:0 8px 22px #0c4b7650}.eyebrow{color:#2d84b1;margin:5px 0;font-weight:800}.login-card h1{letter-spacing:-.04em;margin:8px 0 20px;font-size:clamp(2rem,6vw,3.25rem);line-height:1}.login-copy{color:#46617d;line-height:1.75}.login-card form{text-align:left;gap:12px;margin-top:26px;display:grid}.login-card label{font-weight:800}.login-card input{background:#f6fdff;border:3px solid #bbebff;border-radius:18px;outline:0;width:100%;padding:16px 18px;font-size:1.1rem}.login-card input:focus{border-color:#1daee8;box-shadow:0 0 0 4px #9de4ff80}.login-card small{color:#74879a;margin-top:26px;display:block}.home-page{background:linear-gradient(#35bdf1 0 640px,#eafdff 860px);min-height:100vh;overflow:hidden}.main-header{z-index:20;background:#fff;border-radius:35px;justify-content:space-between;align-items:center;gap:20px;width:min(1450px,94%);min-height:78px;margin:14px auto 0;padding:10px 18px 10px 28px;display:flex;position:sticky;top:14px;box-shadow:0 8px 24px #156a9440}.brand{cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:11px;font-size:1.55rem;font-weight:950;display:flex}.brand .teacher-logo{border-color:#ffe05e;width:54px;height:54px}.brand span{vertical-align:middle;font-size:1.55rem}.compact-brand{align-items:center;gap:9px;display:flex}.compact-brand .teacher-logo{border-color:#ffe05e;width:44px;height:44px}.main-header nav{align-self:stretch;gap:8px;display:flex}.main-header nav a,.main-header nav button{cursor:pointer;background:0 0;border:0;border-bottom:4px solid #0000;align-items:center;padding:0 18px;font-weight:800;text-decoration:none;display:flex}.main-header nav a:hover,.main-header nav button:hover{border-color:#269fe5}.main-header nav button:disabled{opacity:.45}.student-pill{white-space:nowrap;background:#fffaf0;border:2px solid #ffd25a;border-radius:999px;align-items:center;gap:12px;padding:8px 10px 8px 18px;display:flex}.student-pill button{cursor:pointer;background:#ffeaa5;border:0;border-radius:50%;width:36px;height:36px}.hero{grid-template-columns:1fr 1.15fr;align-items:center;width:min(1380px,90%);min-height:520px;margin:0 auto;display:grid;position:relative}.hero:before,.hero:after{content:"☁️";opacity:.75;z-index:0;font-size:8rem;position:absolute}.hero:before{bottom:-10%;left:-12%}.hero:after{bottom:-5%;right:-10%}.hero-copy{z-index:2;position:relative}.hero-badge{color:#07568b;background:#fff5;border-radius:999px;padding:8px 16px;font-weight:850;display:inline-block}.hero h1{text-shadow:0 5px #fff,2px 0 #fff,-2px 0 #fff;letter-spacing:-.055em;margin:18px 0;font-size:clamp(3rem,6vw,5.7rem);line-height:.99}.hero h1 span{color:#ffae00;margin-left:12px;display:inline-block}.hero p{color:#123d63;margin:28px 0;font-size:1.2rem;font-weight:650}.hero .primary-button{min-width:300px}.space-scene{z-index:1;height:470px;position:relative}.space-scene span{filter:drop-shadow(0 15px 10px #0a537850);position:absolute}.astronaut{font-size:14rem;animation:3.8s ease-in-out infinite float;top:22%;left:12%}.rocket{font-size:11rem;animation:3s ease-in-out infinite rocket;top:26%;right:3%;transform:rotate(-12deg)}.happy-star{font-size:5rem;animation:2s infinite pulse;bottom:8%;left:8%}.moon{opacity:.8;font-size:6rem;top:3%;right:5%}.games-section{z-index:3;width:min(1450px,94%);margin:-5px auto 50px;position:relative}.section-heading{text-align:center;justify-content:center;align-items:center;gap:20px;display:flex}.section-heading>span{font-size:2rem}.section-heading p{color:#25658a;margin:0;font-weight:750}.section-heading h2{margin:0;font-size:2.2rem}.game-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:22px;display:grid}.game-card{cursor:pointer;background:#fff;border:7px solid #fff;border-radius:28px;transition:all .2s;overflow:hidden;box-shadow:0 12px 28px #1c668b30}.card-visual{background:#bfeaff;border-radius:20px;justify-content:center;align-items:center;gap:10px;height:180px;font-size:5rem;display:flex}.card-visual i{font-size:2rem;font-style:normal;font-weight:900}.mint .card-visual{background:#b5edda}.purple .card-visual{background:#d8cbff}.orange .card-visual{background:#ffdc83}.card-body{padding:14px 12px 12px}.card-body p{color:#1777ae;background:#eaf7ff;border-radius:999px;margin:0;padding:4px 10px;font-size:.78rem;font-weight:800;display:inline-block}.mint .card-body p{color:#13815f;background:#e2f9ef}.purple .card-body p{color:#6a41ca;background:#f0eaff}.orange .card-body p{color:#d65431;background:#fff0de}.card-body h3{margin:10px 0 2px;font-size:1.35rem}.card-body small{color:#638096}.card-footer{color:#ffbf00;letter-spacing:2px;justify-content:space-between;align-items:center;margin-top:14px;display:flex}.card-footer button{color:#1485cc;cursor:pointer;background:#eaf7ff;border:2px solid;border-radius:50%;width:42px;height:42px;font-size:2rem;line-height:1}.mint .card-footer button{color:#159a72;background:#e2f9ef}.purple .card-footer button{color:#714bce;background:#f0eaff}.orange .card-footer button{color:#ef5d36;background:#fff0de}footer{text-align:left;color:#567087;background:#fff;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}footer .footer-logo{border-color:#ffcf31;width:58px;height:58px}footer span{line-height:1.55}.game-page{background:radial-gradient(circle at top,#64d6ff,#209bdc 55%,#1464ae);min-height:100vh;padding:18px}.compact-header{color:#fff;justify-content:space-between;align-items:center;width:min(1000px,95%);margin:0 auto 20px;display:flex}.compact-header strong{font-size:1.25rem}.back-button{color:#fff;cursor:pointer;background:#fff2;border:2px solid #fff8;border-radius:999px;padding:10px 18px}.game-panel{background:#f6fcff;border:8px solid #fff;border-radius:38px;width:min(850px,95%);min-height:640px;margin:auto;padding:34px;box-shadow:0 25px 60px #06385c60}.game-title{border-bottom:2px dashed #b5dff1;align-items:center;gap:18px;padding-bottom:20px;display:flex}.game-title>span{font-size:4rem}.game-title p{color:#3f86a9;margin:0;font-weight:800}.game-title h1{margin:0;font-size:2rem}.quiz{text-align:center;padding:25px 5%}.progress{background:#dbeef6;border-radius:999px;height:12px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg,#2bc9ed,#4379ed);height:100%;display:block}.question-count{color:#4c8baa;font-weight:800}.quiz h2{margin:30px 0;font-size:2rem}.choices{grid-template-columns:1fr 1fr;gap:14px;display:grid}.choices button{text-align:left;cursor:pointer;background:#fff;border:3px solid #cbeafb;border-radius:20px;align-items:center;gap:14px;padding:16px;font-size:1.15rem;font-weight:750;transition:all .15s;display:flex}.choices button:hover{border-color:#239ede;transform:scale(1.02)}.choices b{color:#1687c5;background:#e5f7ff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.feedback{text-align:center;color:#e85e3c;min-height:50px;font-size:1.2rem;font-weight:900}.feedback.success{color:#149567}.game-toolbar{justify-content:center;align-items:center;margin:12px 0 8px;display:flex}.fullscreen-button{color:#fff;min-width:250px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#ff7a45,#e83e72);border:0;border-radius:999px;flex:none;padding:14px 26px;font-size:1.05rem;font-weight:950;animation:2.4s ease-in-out infinite fullscreen-nudge;box-shadow:0 5px #a8274d,0 8px 18px #b7375a33}.fullscreen-button:active{transform:translateY(3px);box-shadow:0 2px #a8274d}.fullscreen-button:focus-visible{outline-offset:3px;outline:5px solid #37b9ef}@keyframes fullscreen-nudge{0%,82%,to{transform:scale(1)}88%{transform:scale(1.045)}94%{transform:scale(1)}}.game-panel:fullscreen{background:#f6fcff;border:0;border-radius:0;width:100%;max-width:none;height:100%;min-height:100%;padding:24px clamp(12px,3vw,42px);overflow:auto}.game-panel:fullscreen .game-title{z-index:20;background:inherit;margin-bottom:8px;padding-top:18px;position:sticky;top:-24px}.game-panel:fullscreen .game-toolbar{z-index:21;position:sticky;top:75px}.game-panel:fullscreen canvas{object-fit:contain;max-height:calc(100vh - 250px)}@media (width<=600px){.game-toolbar{margin-top:10px}.fullscreen-button{width:100%;min-width:0;padding:14px;font-size:1rem}.game-title{gap:10px}.game-title>span{font-size:3rem}.game-panel:fullscreen{padding:12px 8px}.game-panel:fullscreen .game-title{padding-top:10px;top:-12px}.game-panel:fullscreen .game-toolbar{top:69px}}.logic-game>p{font-size:1.2rem;font-weight:700}.logic-map{background:#e6f7ff;border-radius:24px;justify-content:center;align-items:center;gap:18px;margin:22px auto;padding:25px;font-size:2.5rem;display:flex}.logic-map i{font-size:1.8rem;font-style:normal}.command-box{background:#fff;border:3px dashed #83cce9;border-radius:18px;place-items:center;min-height:70px;font-size:1.8rem;display:grid}.command-buttons{justify-content:center;gap:12px;margin:18px;display:flex}.command-buttons button{cursor:pointer;background:#cdefff;border:0;border-radius:18px;width:64px;height:64px;font-size:1.8rem}.command-buttons button:hover{background:#89dbfa}.logic-actions{justify-content:center;gap:12px;display:flex}.logic-actions button{cursor:pointer;background:#fff;border:2px solid #9bcde0;border-radius:999px;padding:12px 22px;font-weight:800}.logic-actions .check-button{background:#ffd235;border-color:#efb300}.certificate-page{background:#e8f9ff;place-items:center;min-height:100vh;padding:32px;display:grid}.certificate{aspect-ratio:1.414;outline-offset:-25px;text-align:center;background:#fff;border:14px solid #1b86c6;border-radius:12px;outline:5px solid #ffd348;width:min(1000px,95vw);padding:7% 8%;position:relative;box-shadow:0 24px 55px #175a7c30}.cert-logo{object-fit:cover;background:#fff;border:4px solid #ffd348;border-radius:50%;width:88px;height:88px;position:absolute;top:7%;left:5%}.cert-stars{font-size:2.2rem}.cert-label{color:#2a87b6;letter-spacing:.08em;margin:12px 0 0;font-weight:900}.certificate h1{color:#12366a;margin:4px;font-size:clamp(2.2rem,5vw,4.3rem)}.certificate h2{color:#e59300;border-bottom:3px dotted #acd6e8;margin:18px;padding-bottom:10px;font-size:clamp(1.9rem,4vw,3.2rem)}.certificate p{font-size:clamp(.9rem,1.8vw,1.25rem);line-height:1.8}.cert-score{font-size:2.2rem}.signature{border-top:2px solid #12366a;padding-top:8px;display:grid;position:absolute;bottom:8%;right:8%}.signature span{font-weight:800}.signature small{color:#668096}.certificate-actions{justify-content:center;gap:12px;margin-top:18px;display:flex}.certificate-actions>button{color:#164d73;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:16px 24px;font-weight:850;box-shadow:0 5px 16px #1b62802a}.certificate-actions .primary-button{background:#ffc928}@keyframes float{50%{transform:translateY(-14px)rotate(2deg)}}@keyframes rocket{50%{transform:translate(7px,-12px)rotate(-8deg)}}@keyframes pulse{50%{opacity:.5}}@media (width<=1000px){.main-header nav{display:none}.game-grid{grid-template-columns:repeat(2,1fr)}.hero{text-align:center;grid-template-columns:1fr;min-height:760px}.hero-copy{padding-top:50px}.space-scene{height:360px}.astronaut{font-size:10rem;left:20%}.rocket{font-size:8rem;right:12%}.student-pill b{display:none}}@media (width<=600px){.login-card{padding:32px 22px}.main-header{margin-top:6px;padding:8px 12px;top:6px}.brand{gap:6px;font-size:1rem}.brand .teacher-logo{width:40px;height:40px}.brand span{font-size:.95rem}.student-pill{padding-left:10px;font-size:.8rem}.home-page{background:linear-gradient(#35bdf1 0 730px,#eafdff 880px)}.hero{width:92%;min-height:670px}.hero h1{font-size:3.25rem}.hero p{font-size:1rem}.hero .primary-button{min-width:250px}.space-scene{height:280px}.astronaut{font-size:8rem;left:8%}.rocket{font-size:6rem;right:5%}.moon{font-size:4rem}.games-section{margin-top:35px}.game-grid{grid-template-columns:1fr}.card-visual{height:160px}.compact-header strong{display:none}.game-panel{padding:22px 14px}.game-title h1,.quiz h2{font-size:1.5rem}.choices{grid-template-columns:1fr}.logic-map{gap:5px;font-size:1.8rem}.certificate{aspect-ratio:auto;min-height:600px;padding:50px 30px}.cert-logo{width:64px;height:64px;top:5%;left:8%}.certificate-actions{flex-direction:column}.signature{width:max-content;margin:30px auto 0;position:static}}.game-panel.orange{width:min(1120px,96%)}.logic-game{text-align:left;padding:18px 0 0}.maze-status{justify-content:space-between;align-items:center;display:flex}.maze-status span{color:#a75416;background:#fff0c4;border-radius:999px;padding:5px 12px;font-weight:900;display:inline-block}.maze-status h2{margin:4px 0 0;font-size:1.65rem}.level-dots{gap:7px;display:flex}.level-dots i{background:#d9e7ed;border-radius:99px;width:35px;height:8px;display:block}.level-dots i.done{background:#ffb82e}.maze-mission{color:#496b7c;margin:12px 0 18px}.maze-layout{grid-template-columns:minmax(330px,1fr) minmax(320px,.95fr);align-items:stretch;gap:28px;display:grid}.maze-board{aspect-ratio:1;contain:layout paint;background:#173d70;border:9px solid #173d70;border-radius:28px;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;padding:8px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 4px #72d7ff,0 16px 30px #173d7030}.maze-cell{contain:strict;background:linear-gradient(145deg,#eefbff,#c9eff9);border-radius:10px;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.maze-cell:after{content:"";opacity:.7;background:#8cd6e9;border-radius:50%;width:6px;height:6px;position:absolute}.maze-cell.wall{background:linear-gradient(145deg,#755a8a,#47375e);box-shadow:inset 0 0 0 3px #9c83ae}.maze-cell.wall:after{display:none}.maze-cell.goal{background:radial-gradient(circle,#fff4a5,#73d7ff 70%)}.maze-cell span{z-index:2;filter:drop-shadow(0 4px 3px #12366a45);place-items:center;width:100%;height:100%;font-size:clamp(1.6rem,3.1vw,2.45rem);line-height:1;display:grid;position:absolute;inset:0}.maze-cell .robot{animation:none;transform:none}.maze-console{background:#fff;border:3px solid #d5edf5;border-radius:24px;flex-direction:column;padding:18px;display:flex}.hint{text-align:left;background:#fff7d9;border-radius:15px;align-items:center;gap:12px;padding:11px 14px;display:flex}.hint>span{font-size:1.6rem}.hint p{color:#765d27;margin:0;font-size:.92rem;display:grid}.command-header{justify-content:space-between;margin:18px 2px 8px;display:flex}.command-header span{color:#6e8793;font-weight:800}.maze-console .command-box{background:#f8fdff;border:3px dashed #83cce9;border-radius:18px;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:6px;min-height:92px;padding:10px;display:flex}.maze-console .command-box>span{color:#76929e;margin:auto;font-size:.92rem}.maze-console .command-box button{color:#164d73;cursor:pointer;background:#dff5ff;border:0;border-radius:10px;place-items:center;width:38px;height:38px;font-size:1.4rem;font-weight:950;display:grid}.maze-console .command-box button:hover{background:#ffd769}.maze-console .command-box .repeat-token{color:#623ba0;background:#eee4ff;width:46px;font-size:1rem}.maze-console .command-buttons{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;display:grid}.maze-console .command-buttons button{color:#174e72;cursor:pointer;background:#dff5ff;border:0;border-radius:16px;place-items:center;gap:1px;width:auto;height:auto;min-height:70px;display:grid}.maze-console .command-buttons button b{font-size:1.75rem;line-height:1}.maze-console .command-buttons button small{font-weight:800}.maze-console .command-buttons button:hover{background:#9be3fc;transform:translateY(-2px)}.repeat-buttons{grid-template-columns:1fr 58px 58px;align-items:stretch;gap:8px;margin:0 0 14px;display:grid}.repeat-buttons>span{color:#69439d;background:#f4efff;border-radius:14px;align-content:center;padding:7px 11px;display:grid}.repeat-buttons>span small{font-size:.7rem}.repeat-buttons button{color:#623ba0;cursor:pointer;background:#eee4ff;border:2px solid #d9c6f5;border-radius:14px;font-size:1.05rem;font-weight:950}.repeat-buttons button:hover{background:#dcc8ff}.maze-console .logic-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.maze-console .logic-actions button{cursor:pointer;background:#fff;border:2px solid #b9dce8;border-radius:14px;padding:11px 8px;font-weight:800}.maze-console .logic-actions .check-button{background:#ffd235;border-color:#efb300;grid-column:1/-1;font-size:1.05rem;box-shadow:0 4px #d89c00}.maze-console button:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (width<=850px){.maze-layout{grid-template-columns:1fr}.maze-board{width:min(480px,100%);margin:auto}.maze-console{min-height:360px}}@media (width<=600px){.game-panel.orange{border-width:5px;padding:18px 12px}.maze-status h2{font-size:1.25rem}.maze-mission{font-size:.92rem}.maze-layout{gap:16px}.maze-board{border-width:6px;border-radius:20px;gap:3px;padding:5px}.maze-console{padding:13px}.maze-console .command-buttons button{min-height:62px}}@media print{body{background:#fff}.certificate-page{background:#fff;padding:0}.certificate{width:100%;height:auto;box-shadow:none}.certificate-actions{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=1200px){.game-grid{grid-template-columns:repeat(3,1fr)}}.pixel .card-visual{background:linear-gradient(135deg,#cffafe,#fce7f3)}.pixel .card-body p{color:#0e7490;background:#ecfeff}.pixel .card-footer button{color:#0891b2;background:#ecfeff}.game-panel.pixel{width:min(1180px,96%)}.pixel-game{padding:22px 0 4px}.pixel-tabs{justify-content:center;gap:10px;display:flex}.pixel-tabs button{color:#336477;cursor:pointer;background:#fff;border:2px solid #b7e5ef;border-radius:999px;padding:12px 20px;font-weight:850}.pixel-tabs button.active{color:#075b69;background:#cffafe;border-color:#0ea5b7;box-shadow:0 4px #6dd5df}.pixel-instruction{text-align:center;color:#537585;max-width:700px;margin:20px auto;font-weight:700}.pixel-layout{grid-template-columns:minmax(360px,1fr) 320px;align-items:start;gap:26px;display:grid}.pixel-board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#173d70;border:6px solid #173d70;border-radius:12px;grid-template-columns:repeat(16,1fr);gap:1px;width:min(620px,100%);margin:auto;display:grid;overflow:hidden;box-shadow:0 15px 30px #173d7030}.pixel-board button{color:#203047;cursor:crosshair;border:0;min-width:0;padding:0;font-size:clamp(.45rem,1.15vw,.75rem);font-weight:950;position:relative}.pixel-board button:hover:after{content:"";outline-offset:-2px;outline:2px solid #f59e0b;position:absolute;inset:0}.pixel-tools{background:#fff;border:3px solid #cdebf1;border-radius:24px;padding:20px}.pixel-tools h2{margin:0;font-size:1.5rem}.pixel-tools>p{color:#5d7680;margin:5px 0 14px}.palette{grid-template-columns:1fr 1fr;gap:7px;display:grid}.palette button{text-align:left;cursor:pointer;background:#f8fcfd;border:2px solid #d9e9ed;border-radius:12px;grid-template-columns:30px 20px 1fr;align-items:center;gap:6px;padding:6px;display:grid}.palette button.selected{background:#fff8df;border-color:#f59e0b;box-shadow:0 0 0 2px #fde68a}.palette i{border:1px solid #9aaeb5;border-radius:8px;width:28px;height:28px}.palette span{font-size:.86rem}.challenge-key{color:#92393f;background:#fff2f2;border-radius:14px;gap:5px;margin-top:15px;padding:13px;display:grid}.pixel-actions{justify-content:center;gap:10px;margin-top:14px;display:flex}.pixel-actions button,.pixel-code button{cursor:pointer;background:#fff;border:2px solid #b9dce8;border-radius:999px;padding:10px 17px;font-weight:800}.pixel-actions .check-button{background:#ffd235;border-color:#efb300}.pixel-notice{text-align:center;color:#087f5b;margin-top:12px;font-weight:900}.pixel-code{background:#fff;border:3px solid #cdebf1;border-radius:20px;margin-top:22px;padding:18px}.pixel-code>div{justify-content:space-between;align-items:center;display:flex}.pixel-code pre{color:#d9faff;background:#10263d;border-radius:12px;margin:12px 0;padding:14px;font:600 .76rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.pixel-code small{color:#68828d}@media (width<=820px){.pixel-layout{grid-template-columns:1fr}.pixel-tools{width:min(620px,100%);margin:auto}.palette{grid-template-columns:repeat(5,1fr)}.palette button{text-align:center;grid-template-columns:1fr;justify-items:center}.palette span{font-size:.72rem}}@media (width<=560px){.game-panel.pixel{border-width:5px;padding:18px 9px}.pixel-game{padding-top:15px}.pixel-tabs{display:grid}.pixel-tabs button{padding:10px 14px}.pixel-instruction{font-size:.9rem}.pixel-layout{grid-template-columns:minmax(0,1fr);gap:16px}.pixel-board{border-width:4px;gap:1px}.pixel-board button{font-size:.44rem}.pixel-tools{border-radius:18px;padding:13px}.palette{grid-template-columns:repeat(5,1fr);gap:5px}.palette button{padding:4px 2px}.palette i{width:24px;height:24px}.pixel-code pre{font-size:.58rem}}@media (width>=1200px){.game-grid{grid-template-columns:repeat(5,1fr)}}.pink .card-visual{background:#ffd4e7}.pink .card-body p{color:#bd3975;background:#fff0f7}.pink .card-footer button{color:#d23e83;background:#fff0f7}.sequence-game{text-align:center;padding:24px 2%}.sequence-progress{color:#a92f68;background:#fff0f7;border-radius:16px;justify-content:space-between;gap:12px;padding:12px 16px;display:flex}.sequence-progress span{font-weight:800}.sequence-progress b{font-size:1.15rem}.sequence-instruction{color:#4e7182;margin:22px 0 16px;font-size:1.1rem}.sequence-track{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.sequence-track>div{color:#78909a;background:#f8fdff;border:3px dashed #b7ddea;border-radius:18px;place-items:center;min-height:112px;padding:26px 10px 10px;display:grid;position:relative}.sequence-track>div.filled{color:#69304a;background:#fff5f9;border-style:solid;border-color:#f291b9}.sequence-track span{color:#fff;background:#1fa1d8;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:900;display:grid;position:absolute;top:8px;left:8px}.sequence-track p{margin:0;font-weight:850;line-height:1.45}.sequence-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sequence-options button{cursor:pointer;background:#fff;border:3px solid #f2b6d0;border-radius:16px;min-height:60px;padding:10px;font-weight:800}.sequence-options button:hover{border-color:#d74886;transform:translateY(-2px)}.sequence-options button:disabled{opacity:.32;cursor:not-allowed;transform:none}.sequence-actions{justify-content:center;gap:10px;display:flex}.sequence-actions button{cursor:pointer;background:#fff;border:2px solid #b9dce8;border-radius:999px;padding:11px 18px;font-weight:800}.sequence-actions .check-button{background:#ffd235;border-color:#efb300}.sequence-actions button:disabled{opacity:.4;cursor:not-allowed}@media (width<=700px){.sequence-track{grid-template-columns:1fr 1fr}.sequence-options{grid-template-columns:1fr}.sequence-actions{flex-wrap:wrap}.sequence-actions .check-button{width:100%}}.sequence-picture{background-color:#dff4ff;background-repeat:no-repeat;background-size:200% 200%;display:block}.sequence-options button{text-align:left;grid-template-columns:92px 1fr;align-items:center;gap:14px;padding:8px;font-size:1rem;display:grid}.sequence-options .sequence-picture{aspect-ratio:1;border-radius:12px;width:92px}.sequence-track>div{grid-template-rows:1fr auto;min-height:180px;padding:34px 8px 8px;overflow:hidden}.sequence-track .sequence-picture{border-radius:11px;width:100%;height:105px}.sequence-track p{padding:6px 2px 0;font-size:.86rem}@media (width<=700px){.sequence-options button{grid-template-columns:82px 1fr}.sequence-options .sequence-picture{width:82px}.sequence-track>div{min-height:165px}.sequence-track .sequence-picture{height:92px}}.pixel-grid-frame{grid-template-rows:26px auto;grid-template-columns:30px minmax(0,620px);justify-content:center;display:grid}.pixel-column-labels{text-align:center;color:#365b70;grid-column:2;grid-template-columns:repeat(16,1fr);align-items:end;font-size:.76rem;font-weight:950;display:grid}.pixel-row-labels{text-align:right;color:#365b70;grid-row:2;grid-template-rows:repeat(16,1fr);align-items:center;padding:6px 4px 6px 0;font-size:.7rem;font-weight:950;display:grid}.pixel-board{aspect-ratio:1;background:#fff;border:6px solid #173d70;grid-area:2/2;grid-template-rows:repeat(16,minmax(0,1fr));grid-template-columns:repeat(16,minmax(0,1fr));gap:0;width:100%;margin:0}.pixel-board button{border:1px solid #9fb5bf;border-top:0;border-left:0;width:100%;min-width:0;height:100%;min-height:0}.pixel-board button:nth-child(16n){border-right:0}.pixel-board button:nth-child(n+241){border-bottom:0}.palette{max-height:305px;padding:2px;overflow:auto}.add-color{border-top:2px dashed #d8e9ed;grid-template-columns:1fr 44px;gap:7px;margin-top:14px;padding-top:13px;display:grid}.add-color label{align-self:center;font-weight:850}.add-color input{cursor:pointer;background:#fff;border:1px solid #b7cbd3;border-radius:9px;width:44px;height:38px;padding:2px}.add-color button{color:#087566;cursor:pointer;background:#d9f8f2;border:0;border-radius:12px;grid-column:1/-1;padding:10px;font-weight:850}.add-color button:nth-of-type(2){color:#a8323c;background:#fff0f0}.add-color button:disabled{opacity:.45;cursor:not-allowed}.challenge-code{background:#fffafd;border-color:#f2b7c5}.challenge-code>div span{color:#6c7e88;font-size:.85rem;font-weight:750}@media (width<=560px){.pixel-grid-frame{grid-template-rows:22px auto;grid-template-columns:24px minmax(0,1fr)}.pixel-column-labels{font-size:.58rem}.pixel-row-labels{padding:4px 3px 4px 0;font-size:.58rem}.pixel-board{border-width:4px;gap:0}}.add-color .color-name-input{width:100%;height:40px;font:inherit;border:2px solid #c9dde4;border-radius:10px;grid-column:1/-1;padding:8px 11px}.challenge-code-panel{background:#fffafd;border-color:#f2b7c5;align-self:stretch;margin:0;padding:16px}.challenge-code-panel>div:first-child{gap:8px}.challenge-code-panel>div:first-child span{color:#b13d5f;font-weight:850}.challenge-code-panel pre{margin:12px 0;padding:11px 8px;font-size:.57rem;line-height:1.65;overflow:auto}.challenge-palette{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid!important}.challenge-palette button{cursor:pointer;background:#fff;border:2px solid #d9e9ed;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:7px;font-weight:850;display:flex}.challenge-palette button.selected{background:#fff8df;border-color:#f59e0b}.challenge-palette i{border:1px solid #9aabb2;border-radius:6px;width:22px;height:22px;display:block}.pixel-print-title,.print-color-key{display:none}.pixel-code-buttons{gap:7px;display:flex}.print-pixel-button{color:#754d00!important;background:#fff2c7!important;border-color:#efb300!important}.image-upload-action{background:#effcff;border:2px dashed #84d8e4;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 auto 14px;padding:11px 14px;display:flex}.image-upload-action input{display:none}.image-upload-action button{color:#fff;cursor:pointer;background:#0ea5b7;border:0;border-radius:999px;padding:11px 18px;font-weight:900;box-shadow:0 4px #08798a}.image-upload-action button:hover{transform:translateY(-1px)}.image-upload-action small{color:#557785;font-weight:700}.pixel-size-picker{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pixel-size-picker b{color:#365b70;margin-right:4px}.pixel-size-picker button{color:#356276;cursor:pointer;background:#fff;border:2px solid #b7dce7;border-radius:999px;padding:8px 14px;font-weight:900}.pixel-size-picker button.active{color:#075b69;background:#cffafe;border-color:#0ea5b7;box-shadow:0 3px #6dd5df}:is(.size-24+*,.size-32+*,.pixel-column-labels:has(+.pixel-row-labels+.size-24),.pixel-column-labels:has(+.pixel-row-labels+.size-32)){font-size:.55rem}:is(.pixel-row-labels:has(+.size-24),.pixel-row-labels:has(+.size-32)){font-size:.54rem}.pixel-size-picker button small{color:#73818a;font-size:.62rem;line-height:1;display:block}.high-res-preview{text-align:center;width:min(620px,100%);margin:auto}.high-res-preview canvas{aspect-ratio:1;width:100%;image-rendering:pixelated;background:#fff;border:6px solid #173d70;border-radius:12px;display:block;box-shadow:0 15px 30px #173d7030}.high-res-preview p{color:#557785;margin:10px 0 0;font-weight:800}.blank-grid-print{display:none}.blank-print-button{color:#174e83!important;background:#eef6ff!important;border-color:#79aee8!important}@media print{.pixel-game.printing-blank{display:block!important}.pixel-game.printing-blank>:not(.blank-grid-print){display:none!important}.blank-grid-print{color:#111;width:100%;padding:0 8mm;display:block!important}.blank-grid-print header{text-align:center;margin-bottom:5mm}.blank-grid-print h1{color:#173d70;margin:0 0 3mm;font-size:20pt}.blank-grid-print header p{margin:0;font-size:12pt}.blank-grid-frame{grid-template-rows:7mm minmax(0,172mm);grid-template-columns:9mm minmax(0,172mm);justify-content:center;display:grid}.blank-column-labels{text-align:center;grid-column:2;align-items:end;font-size:7pt;font-weight:900;display:grid}.blank-row-labels{text-align:right;grid-row:2;align-items:center;padding-right:2mm;font-size:7pt;font-weight:900;display:grid}.blank-pixel-grid{border:1.2mm solid #173d70;grid-area:2/2;display:grid}.blank-pixel-grid i{border-bottom:.25mm solid #879ba8;border-right:.25mm solid #879ba8;display:block}.blank-grid-print footer{text-align:center;color:#4e6470;margin-top:4mm;font-size:10pt}.image-upload-action{display:none!important}.printing-blank .blank-grid-frame{grid-template-rows:7mm minmax(0,145mm)!important;grid-template-columns:9mm minmax(0,145mm)!important}.pixel-size-picker{display:none!important}.code-size-24 pre{font-size:6.2pt!important;line-height:1.42!important}.code-size-32 pre{font-size:4.7pt!important;line-height:1.26!important}.code-size-24 .print-color-key,.code-size-32 .print-color-key{margin-top:6px!important;padding:7px!important}.code-size-24 .print-color-key span,.code-size-32 .print-color-key span{padding:3px 6px!important;font-size:7pt!important}@page{size:A4 landscape;margin:10mm}html,body{background:#fff!important}.game-page{background:#fff!important;padding:0!important}.compact-header,.game-panel.pixel>.game-title,.pixel-tabs,.pixel-instruction,.pixel-tools,.pixel-actions,.pixel-notice,.pixel-code-buttons,.challenge-palette{display:none!important}.game-panel.pixel{width:100%!important;min-height:0!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important}.pixel-game{-webkit-print-color-adjust:exact;print-color-adjust:exact;grid-template-columns:1fr 1fr;gap:9mm;padding:0!important;display:grid!important}.pixel-print-title{text-align:center;grid-column:1/-1;margin:0 0 4mm;font-size:20pt;display:block!important}.pixel-layout{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:9mm;display:grid!important}.pixel-game>.pixel-layout:has(.pixel-tools){grid-column:1;display:block!important}.pixel-game>.pixel-code{grid-column:2;align-self:stretch;min-height:100%;margin:0!important}.pixel-grid-frame{grid-template-rows:22px auto;grid-template-columns:24px minmax(0,500px)}.pixel-board{box-shadow:none!important;border-width:3px!important}.pixel-column-labels,.pixel-row-labels{color:#111!important}.pixel-code,.challenge-code-panel{flex-direction:column;box-shadow:none!important;border-width:2px!important;margin:0!important;padding:12px!important;display:flex!important}.pixel-code pre,.challenge-code-panel pre{flex:1;white-space:pre!important;color:#111!important;background:#f3f5f7!important;font-size:8.5pt!important;line-height:1.65!important;overflow:visible!important}.pixel-code>div:first-child{display:flex!important}.pixel-code small{color:#333!important}.print-color-key{background:#f8fdff;border:2px solid #d5e8ee;border-radius:12px;margin:10px 0 2px;padding:10px;display:block!important}.print-color-key>b{color:#173d70;margin-bottom:7px;display:block}.print-color-key>div{flex-wrap:wrap;gap:7px;display:flex!important}.print-color-key span{background:#fff;border:1px solid #c7d8df;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:9pt;font-weight:700;display:flex}.print-color-key i{border:1px solid #7c8b92;border-radius:5px;width:20px;height:20px;display:block}.print-color-key strong{color:#fff;background:#173d70;border-radius:50%;place-items:center;min-width:20px;height:20px;display:grid}}.admin-page,.admin-dashboard{color:#26345f;background:linear-gradient(145deg,#eef3ff,#fff5fb);min-height:100vh;padding:32px}.admin-login-card{background:#fff;border:1px solid #dfe5fb;border-radius:28px;width:min(460px,100%);margin:6vh auto;padding:34px;box-shadow:0 22px 60px #394b8c22}.admin-login-card .admin-icon{text-align:center;font-size:48px}.admin-login-card h1{text-align:center;margin:4px 0 24px}.admin-login-card form{gap:10px;display:grid}.admin-login-card input{font:inherit;border:2px solid #dce3f7;border-radius:14px;padding:13px 15px}.admin-login-card input:focus{border-color:#6575df;outline:none;box-shadow:0 0 0 4px #6575df18}.admin-error{color:#bd2d48;background:#fff0f3;border-radius:10px;padding:10px 12px}.admin-dashboard{padding:38px clamp(18px,4vw,64px) 64px}.admin-dashboard>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.admin-dashboard>header p{color:#6674a7;margin:0;font-weight:700}.admin-dashboard>header h1{margin:4px 0 0;font-size:clamp(30px,4vw,48px)}.admin-dashboard>header button{color:#4b5684;cursor:pointer;background:#fff;border:0;border-radius:13px;padding:12px 18px;font-weight:800;box-shadow:0 8px 24px #2d3c7515}.admin-summary{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px;display:grid}.admin-summary article{background:#fff;border-radius:22px;gap:4px;padding:24px;display:grid;box-shadow:0 10px 30px #34447712}.admin-summary b{color:#5868d8;font-size:34px}.admin-summary span{color:#6b7395;font-weight:700}.admin-table-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 12px 36px #34447714}.admin-table-card h2{margin:0 0 18px}.admin-table-wrap{overflow-x:auto}.admin-table-card table{border-collapse:collapse;width:100%;min-width:780px}.admin-table-card th,.admin-table-card td{text-align:left;border-bottom:1px solid #edf0f8;padding:14px 12px}.admin-table-card th{color:#727b9f;font-size:13px}.admin-table-card tbody tr:hover{background:#fafbff}.admin-empty{text-align:center;color:#7b83a2;background:#f8f9fd;border-radius:16px;padding:54px 20px}@media (width<=700px){.admin-page{padding:18px}.admin-login-card{padding:24px}.admin-summary{grid-template-columns:1fr}.admin-dashboard>header{align-items:flex-start}}.games-section{width:min(1180px,92%);padding:30px 0 20px}.section-heading h2{color:#123d63;font-size:clamp(2rem,4vw,3rem)}.game-grid{gap:26px;margin-top:30px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.game-card{isolation:isolate;background:#fff;border:0;border-radius:30px;grid-template-columns:minmax(210px,.9fr) 1.1fr;min-height:285px;transition:transform .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 40px #14527422,inset 0 3px #fff}.game-card:hover{transform:translateY(-8px)rotate(-.25deg);box-shadow:0 25px 55px #14527438}.game-card:focus-visible{outline-offset:5px;outline:6px solid #ffd33d}.game-card .card-visual{border-radius:0;grid-template-rows:auto 1fr auto auto;place-items:center;height:100%;min-height:285px;padding:18px;display:grid;position:relative;overflow:hidden}.game-card .card-visual:before,.game-card .card-visual:after{content:"";background:#fff5;border-radius:50%;position:absolute}.game-card .card-visual:before{width:150px;height:150px;bottom:-50px;left:-55px}.game-card .card-visual:after{width:90px;height:90px;top:36px;right:-24px}.game-number{z-index:1;color:#24526c;letter-spacing:.08em;background:#fff9;border-radius:999px;justify-self:start;padding:6px 11px;font-size:.72rem;font-weight:950;position:relative}.game-icon{z-index:1;filter:drop-shadow(0 9px #ffffff80);font-size:5.6rem;line-height:1;transition:transform .2s;position:relative}.game-card:hover .game-icon{transform:scale(1.08)rotate(-4deg)}.game-card .card-visual i{z-index:1;color:#204b63;letter-spacing:.06em;background:#fff8;border-radius:12px;padding:7px 12px;font-size:1.15rem;position:relative}.game-card .card-visual em{z-index:1;color:#24526c;margin-top:8px;font-size:.75rem;font-style:normal;font-weight:850;position:relative}.game-card .card-body{flex-direction:column;padding:28px 25px 22px;display:flex}.game-card .card-body p{letter-spacing:.03em;align-self:flex-start;font-size:.72rem}.game-card .card-body h3{color:#173d63;margin:13px 0 7px;font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.2}.game-card .card-body small{color:#647b8d;min-height:44px;font-size:.9rem;line-height:1.55;display:block}.game-card .card-footer{border-top:1px dashed #cbdde5;margin-top:auto;padding-top:18px}.card-cta{color:#1479b4;letter-spacing:0;background:#eaf7ff;border-radius:999px;align-items:center;gap:8px;padding:9px 12px 9px 15px;font-size:.83rem;font-weight:950;display:flex}.card-cta b{background:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:1.5rem;line-height:1;display:grid}.games-section .orange .card-visual{background:linear-gradient(145deg,#ffd76a,#ffac75)}.games-section .pink .card-visual{background:linear-gradient(145deg,#ffd2e7,#cfc6ff)}.games-section .pixel .card-visual{background:linear-gradient(145deg,#bff6ef,#fbd0f0)}.games-section .jigsaw .card-visual{background:linear-gradient(145deg,#fff0a8,#bcefff)}.orange .card-cta{color:#d65431;background:#fff0de}.pink .card-cta{color:#bd3975;background:#fff0f7}.pixel .card-cta{color:#0e7490;background:#ecfeff}.jigsaw .card-cta{color:#875b00;background:#fff3c4}@media (width<=900px){.game-grid{grid-template-columns:1fr!important}.game-card{grid-template-columns:230px 1fr}}@media (width<=600px){.games-section{width:92%;padding-top:12px}.game-grid{gap:18px}.game-card{border-radius:25px;grid-template-columns:1fr;min-height:0}.game-card .card-visual{grid-template-rows:auto 1fr auto;height:185px;min-height:185px}.game-card .card-visual em{display:none}.game-icon{font-size:4.5rem}.game-card .card-body{padding:20px}.game-card .card-body small{min-height:0}.game-card .card-footer{padding-top:14px}}.game-cover{z-index:0;object-fit:cover;object-position:center 46%;width:100%;height:100%;transition:transform .28s;position:absolute;inset:0}.game-card.pixel:hover .game-cover{transform:scale(1.055)}.games-section .pixel .card-visual:before{z-index:1;background:linear-gradient(#07182a66 0%,#0000 42%,#07182add 100%);border-radius:0;width:auto;height:auto;inset:0}.games-section .pixel .card-visual:after{display:none}.game-card.pixel .game-number,.game-card.pixel .card-visual i,.game-card.pixel .card-visual em{z-index:2}.game-card.pixel .game-number{color:#173d63;background:#ffffffdf;box-shadow:0 4px 16px #07182a33}.game-card.pixel .card-visual i{color:#fff;text-align:center;letter-spacing:.02em;background:#07182ad9;max-width:100%;font-size:.86rem;box-shadow:0 5px 18px #0004}.game-card.pixel .card-visual em{color:#fff;text-shadow:0 2px 8px #000}.games-section .match .card-visual{background:linear-gradient(145deg,#c7f5ff,#c9c7ff)}.match .card-body p{color:#5143a5;background:#e9e7ff}.match .card-cta{color:#5143a5;background:#edecff}.game-panel.match{background:linear-gradient(#f8f7ff,#eefcff);border-color:#8f8ae8;width:min(930px,96%)}.match-game{padding:10px clamp(4px,2vw,24px) 20px}.match-status{color:#433b8f;background:#e4e2ff;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:15px 20px;display:flex}.match-status h2,.match-status p{margin:2px 0}.match-status>div:last-child{text-align:right;display:grid}.match-status span{font-weight:800}.match-levels{justify-content:center;gap:11px;margin:16px 0;display:flex}.match-levels i{color:#718295;background:#dce5ee;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;font-weight:950;display:grid}.match-levels i.active{color:#fff;background:#665bd8;box-shadow:0 0 0 5px #dcd9ff}.match-levels i.done{color:#fff;background:#35b98b}.match-message{text-align:center;color:#3c6680;min-height:28px;margin:8px 0 14px;font-weight:900}.match-board{perspective:1000px;grid-template-columns:repeat(4,minmax(72px,1fr));gap:12px;width:min(620px,100%);margin:auto;display:grid}.match-board button{aspect-ratio:1;color:#fff;cursor:pointer;transform-style:preserve-3d;background:linear-gradient(145deg,#655bd9,#8179ed);border:0;border-radius:18px;transition:transform .28s,box-shadow .2s;position:relative;box-shadow:0 7px #45409b,0 12px 20px #39357925}.match-board button:hover:not(.flipped){transform:translateY(-4px);box-shadow:0 10px #45409b,0 15px 24px #39357935}.match-board button:focus-visible{outline-offset:3px;outline:5px solid #ffd43b}.match-board .card-back,.match-board .card-face{backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.match-board .card-back{font-size:clamp(2rem,5vw,3.6rem);font-weight:950}.match-board .card-face{background:#fff;border:4px solid #aaa5f2;border-radius:18px;font-size:clamp(2.2rem,6vw,4.2rem);transform:rotateY(180deg)}.match-board button.flipped{transform:rotateY(180deg);box-shadow:0 7px #a8a4df}.match-board button.matched .card-face{background:#eafff8;border-color:#43ca9d;animation:.45s match-pop}.match-reset{color:#51499d;cursor:pointer;background:#fff;border:2px solid #aaa5eb;border-radius:999px;margin:20px auto 0;padding:10px 18px;font-weight:900;display:block}@keyframes match-pop{50%{transform:rotateY(180deg)scale(1.12)}}@media (width<=560px){.match-status{padding:12px 14px}.match-status h2{font-size:1.1rem}.match-board{gap:8px}.match-board button,.match-board .card-face{border-radius:13px}.match-board .card-face{border-width:3px}}.match-result{color:#403986;background:#efedff;border:3px solid #9b94ee;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(620px,100%);margin:4px auto 16px;padding:15px 18px;display:grid;box-shadow:0 8px 18px #5046a522}.match-result>span{font-size:2.8rem}.match-result div{display:grid}.match-result small{font-weight:800}.match-result strong{font-size:1.35rem}.match-result p{margin:2px 0 0}.match-result button{color:#fff;cursor:pointer;background:#665bd8;border:0;border-radius:999px;padding:11px 17px;font-weight:950;box-shadow:0 4px #433a9c}@media (width<=520px){.match-result{grid-template-columns:auto 1fr}.match-result button{grid-column:1/-1}}.games-section .fishing .card-visual{background:linear-gradient(145deg,#bdf4ff,#64cce8)}.fishing .card-body p{color:#15708a;background:#e2f9ff}.fishing .card-cta{color:#08738c;background:#e9fbff}.game-panel.fishing{background:#f3fdff;border-color:#4ac1df;width:min(1040px,97%)}.fishing-game{padding:5px clamp(2px,2vw,20px) 18px}.fishing-hud{color:#fff;background:#125b78;border-radius:18px;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:9px;padding:12px 15px;display:grid}.fishing-hud>div{border-left:1px solid #fff3;padding:4px 10px;display:grid}.fishing-hud>div:first-child{border-left:0}.fishing-hud small{color:#bceeff;font-weight:850}.fishing-hud b{font-size:1.35rem}.fishing-hud .urgent b{color:#ffdc58;animation:.65s infinite time-pulse}.fishing-hud button{color:#634b00;cursor:pointer;background:#ffd84b;border:0;border-radius:999px;padding:11px 17px;font-weight:950;box-shadow:0 5px #b98912}.fishing-prompt{background:#fff;border:3px solid #8bd8e8;border-radius:20px;justify-content:center;align-items:center;gap:18px;width:min(600px,100%);margin:13px auto 7px;padding:12px 20px;display:flex}.fishing-prompt>span{font-size:3.2rem}.fishing-prompt div{display:grid}.fishing-prompt small{color:#598196;font-weight:850}.fishing-prompt strong{color:#125b78;font-size:1.7rem}.fishing-prompt p{color:#496979;margin:2px 0;font-size:.84rem}.fishing-message{text-align:center;color:#27657c;min-height:25px;margin:7px 0;font-weight:900}.fishing-pond{cursor:none;touch-action:manipulation;background:linear-gradient(#bdefff 0 24%,#48bdd9 24% 100%);border:5px solid #3e9eb7;border-radius:28px;width:min(850px,100%);height:420px;margin:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #fff6,0 14px 28px #15556f28}.pond-sky{text-align:center;color:#fff;height:24%;padding:15px;font-size:2rem}.pond-reeds{z-index:3;white-space:pre;font-size:1.7rem;position:absolute;top:20%;left:0;right:0}.fish-school{grid-template-columns:repeat(3,1fr);gap:12px 24px;display:grid;position:absolute;inset:28% 5% 6%}.fish-school button{color:#083b55;cursor:none;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;animation:2.7s ease-in-out infinite alternate fish-swim;display:flex;position:relative}.fish-school button:nth-child(2n){animation-duration:3.4s;animation-direction:alternate-reverse}.fish-school button:nth-child(3n){animation-duration:2.2s}.fish-school button:disabled{opacity:.65}.fish-school button span{filter:drop-shadow(0 5px 2px #164e5d38);font-size:clamp(2.7rem,6vw,4.5rem)}.fish-school button b{color:#17536c;background:#ffffffdc;border:2px solid #fff;border-radius:999px;padding:6px 10px;font-size:clamp(.72rem,2vw,1rem);box-shadow:0 3px 7px #14566c33}.fish-school button.reeling{animation:.46s forwards fish-reel}.fishing-hook{z-index:8;pointer-events:none;font-size:2rem;position:absolute;transform:translate(-50%,-10%)}.fishing-hook i{background:#4d5960;width:2px;height:500px;position:absolute;bottom:80%;left:50%}.pond-bubbles{color:#d5f8ff;text-align:center;opacity:.8;font-size:1.5rem;position:absolute;bottom:8px;left:0;right:0}.fishing-help{text-align:center;color:#557887;margin:10px 0 0;font-size:.82rem;font-weight:750}.fishing-result{color:#14566d;background:#e7faff;border:3px solid #5fc6dc;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(620px,100%);margin:5px auto 12px;padding:13px 17px;display:grid}.fishing-result>span{font-size:2.6rem}.fishing-result div{display:grid}.fishing-result small{font-weight:800}.fishing-result strong{font-size:1.3rem}.fishing-result p{margin:2px 0}.fishing-result button{color:#fff;cursor:pointer;background:#167d9c;border:0;border-radius:999px;padding:11px 17px;font-weight:950;box-shadow:0 4px #0b5269}@keyframes fish-swim{to{transform:translate(18px)translateY(-5px)}}@keyframes fish-reel{to{opacity:0;transform:translateY(-240px)rotate(-15deg)}}@media (width<=650px){.fishing-hud{grid-template-columns:repeat(2,1fr)}.fishing-hud button{grid-column:1/-1}.fishing-prompt>span{font-size:2.5rem}.fishing-pond{height:390px}.fish-school{grid-template-columns:repeat(2,1fr);gap:4px}.fish-school button span{font-size:2.8rem}.fishing-hook{display:none}.fishing-pond,.fish-school button{cursor:pointer}.fishing-result{grid-template-columns:auto 1fr}.fishing-result button{grid-column:1/-1}}.word-slots{justify-content:center;gap:8px;min-height:49px;margin:8px auto;display:flex}.word-slots span{color:#8caab4;background:#fff;border:3px solid #78cddd;border-radius:12px;place-items:center;width:43px;height:46px;font-size:1.4rem;font-weight:950;display:grid;box-shadow:0 4px #b9e8f1}.word-slots span.filled{color:#115c72;background:#e7fbff;border-color:#1ba1bd;animation:.35s letter-catch}.letter-pond{touch-action:none;background:linear-gradient(#c9f3ff 0 25%,#55c6df 25% 52%,#168aae 100%);border:5px solid #3e9eb7;border-radius:28px;width:min(850px,100%);height:430px;margin:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #fff6,0 14px 28px #15556f28}.letter-pond.playing{cursor:ew-resize}.letter-pond .pond-sky{text-align:center;color:#fff;height:25%;padding:13px;font-size:2rem}.water-surface{z-index:2;opacity:.9;background:repeating-radial-gradient(#d8fbff 0 8px,#41bad5 9px 18px);height:18px;position:absolute;top:24%;left:0;right:0}.fishing-boat{z-index:7;filter:drop-shadow(0 7px 3px #0b4f6638);pointer-events:none;font-size:4.2rem;transition:left 60ms linear;position:absolute;top:13.5%;transform:translate(-50%)}.fishing-line-new{z-index:6;pointer-events:none;background:#304d56;width:2px;transition:height .44s ease-in-out,left 60ms linear;position:absolute;top:22%}.fishing-line-new span{color:#fff;filter:drop-shadow(0 2px 1px #1238);align-items:center;gap:2px;padding:2px;font-size:1.45rem;font-weight:950;display:flex;position:absolute;bottom:-19px;left:50%;transform:translate(-48%)}.underwater-letters{z-index:4;position:absolute;inset:0}.underwater-letters span{color:#0d6079;background:linear-gradient(145deg,#fff,#d7f8ff);border:3px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.35rem;font-weight:950;animation:1.8s ease-in-out infinite alternate letter-float;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px #1590ab,0 8px 15px #064f7044}.sea-life{color:#d7f8ff;text-align:center;opacity:.72;font-size:1.55rem;position:absolute;bottom:15px;left:0;right:0}.fishing-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.fishing-controls button{color:#17667b;cursor:pointer;background:#fff;border:2px solid #64c4d8;border-radius:999px;padding:8px 14px;font-weight:900}.fishing-controls button:disabled{opacity:.45;cursor:not-allowed}.fishing-controls .fishing-help{margin:0}@keyframes letter-float{to{transform:translate(-50%,calc(-50% - 7px))rotate(4deg)}}@keyframes letter-catch{50%{transform:scale(1.18)}}@media (width<=650px){.word-slots{gap:5px}.word-slots span{width:36px;height:40px;font-size:1.15rem}.letter-pond{height:390px}.fishing-boat{font-size:3.5rem}.underwater-letters span{width:42px;height:42px;font-size:1.15rem}.fishing-controls{text-align:center;display:grid}.letter-pond.playing{cursor:pointer}}.fishing-target-word{letter-spacing:.18em;text-shadow:0 3px #c7f4ff;color:#0b7695!important;font-size:2.2rem!important}.fishing-line-new{transition:height .9s linear,left 60ms linear}.underwater-letters span{width:72px;height:42px;box-shadow:none;filter:drop-shadow(0 5px 3px #064f7055);background:0 0;border:0;border-radius:0;animation:2.4s ease-in-out infinite alternate fish-letter-swim}.underwater-letters span:nth-child(2n){animation-duration:3s;animation-direction:alternate-reverse}.underwater-letters span i{grid-area:1/1;font-size:3.3rem;font-style:normal;transform:scaleX(-1)}.underwater-letters span b{z-index:2;color:#075772;background:#fff;border:2px solid #fff;border-radius:50%;grid-area:1/1;margin-left:-5px;padding:2px 6px;font-size:1.08rem;font-weight:950;line-height:1}.underwater-letters span:nth-child(2n) i{transform:none}@keyframes fish-letter-swim{0%{transform:translate(calc(-50% - 10px),-50%)}to{transform:translate(calc(10px - 50%),calc(-50% - 5px))}}@media (width<=650px){.fishing-target-word{font-size:1.8rem!important}.underwater-letters span{width:60px;height:38px}.underwater-letters span i{font-size:2.8rem}.underwater-letters span b{font-size:.95rem}}.fishing-line-new.dropping{transition-property:height,left;transition-duration:1.6s,60ms;transition-timing-function:linear}.fishing-line-new.returning{transition-property:height,left;transition-duration:.55s,60ms;transition-timing-function:ease-in}.underwater-letters span{animation-name:fish-letter-swim-wide;animation-duration:3.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.underwater-letters span:nth-child(2n){animation-duration:4.1s}.underwater-letters span:nth-child(3n){animation-duration:2.7s}.underwater-letters span i{animation:.32s ease-in-out infinite alternate fish-tail-wiggle}@keyframes fish-letter-swim-wide{0%{transform:translate(calc(-50% - 42px),calc(4px - 50%))}to{transform:translate(calc(42px - 50%),calc(-50% - 7px))}}@keyframes fish-tail-wiggle{0%{rotate:-5deg}to{rotate:5deg}}.letter-fishing-canvas{aspect-ratio:16/9;cursor:crosshair;touch-action:none;background:#79c8f5;border:5px solid #193b67;border-radius:24px;width:min(900px,100%);margin:auto;display:block;box-shadow:0 14px 28px #15556f35}.speak-word{color:#fff;cursor:pointer;background:#167d9c;border:0;border-radius:999px;padding:9px 14px;font-weight:900;box-shadow:0 4px #0b5269}.fishing-prompt .speak-word{margin-left:auto}@media (width<=560px){.fishing-prompt{gap:10px;padding:10px 12px}.fishing-prompt .speak-word{width:100%;margin:0}.letter-fishing-canvas{border-width:3px;border-radius:16px}}.boost-fish{box-shadow:0 4px #b8790b;color:#513600!important;background:#ffb52e!important;border-color:#df9515!important}.fighter-hud{grid-template-columns:2fr repeat(5,1fr)!important}.games-section .shop .card-visual{background:linear-gradient(145deg,#fff0a8,#ffad68)}.shop .card-body p{color:#895a08;background:#fff0c4}.shop .card-cta{color:#9a5510;background:#fff2ce}.game-panel.shop{background:linear-gradient(#fffdf3,#fff5d7);border-color:#ef9c39;width:min(1120px,97%)}.shop-game{padding:5px clamp(2px,2vw,20px) 20px}.shop-hud{color:#fff;background:#75441f;border-radius:19px;grid-template-columns:repeat(4,1fr) auto;gap:8px;padding:12px;display:grid}.shop-hud>div{border-left:1px solid #ffffff29;padding:7px 11px;display:grid}.shop-hud>div:first-child{border-left:0}.shop-hud small{color:#ffe2a7;font-size:.72rem;font-weight:850}.shop-hud b{font-size:1.35rem}.shop-hud .urgent b{color:#ffe64f;animation:.65s infinite time-pulse}.shop-hud button{color:#573c00;cursor:pointer;background:#ffd84b;border:0;border-radius:999px;padding:11px 18px;font-weight:950;box-shadow:0 4px #b77915}.shop-message{text-align:center;color:#744f27;min-height:28px;margin:12px 0;font-weight:900}.shop-counter{grid-template-columns:260px 1fr;align-items:start;gap:16px;display:grid}.customer-order,.shop-work{background:#fff;border:3px solid #efb258;border-radius:22px;padding:16px;box-shadow:0 9px 20px #83531a16}.customer-order h2,.shop-work h2{color:#75441f;margin:0 0 12px;font-size:1.08rem}.customer-order>div{gap:8px;display:grid}.customer-order p{background:#fff3c9;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:0;padding:10px;display:grid}.customer-order p span{font-size:1.8rem}.customer-order p strong{color:#bf5e18}.closed-shop{text-align:center;color:#9e7d59;padding:42px 5px;font-weight:850}.shop-shelf{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.shop-shelf button{color:#65431e;cursor:pointer;background:#fffaf0;border:2px solid #efb25b;border-radius:17px;place-items:center;gap:2px;min-height:130px;transition:transform .12s;display:grid;box-shadow:0 5px #df9e43}.shop-shelf button:hover:not(:disabled){transform:translateY(-3px)}.shop-shelf button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #df9e43}.shop-shelf button:disabled{opacity:.55}.shop-shelf span{font-size:2.7rem}.shop-shelf small{color:#a65a16;font-weight:900}.shop-shelf i{color:#88571b;background:#fff0b5;border-radius:99px;padding:3px 7px;font-size:.68rem;font-style:normal;font-weight:850}.basket-strip{background:#f5e8d1;border-radius:14px;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;padding:10px;display:flex}.basket-strip>button:not(.check-basket){color:#684621;cursor:pointer;background:#fff;border:1px solid #d9ac6e;border-radius:999px;padding:6px 9px;font-weight:900}.basket-strip button small{color:#ac552b;font-size:.55rem;display:block}.basket-strip .check-basket{color:#fff;cursor:pointer;background:#32a567;border:0;border-radius:999px;margin-left:auto;padding:10px 15px;font-weight:950;box-shadow:0 4px #187142}.checkout-card{align-content:center;gap:18px;min-height:305px;display:grid}.receipt-mini{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.receipt-mini span{color:#74471a;background:#fff2c5;border-radius:10px;padding:8px 11px;font-weight:850}.amount-options{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.amount-options button{color:#8d4e0a;cursor:pointer;background:linear-gradient(#fff,#fff0bb);border:3px solid #ef9b38;border-radius:20px;place-items:center;min-height:105px;font-size:2rem;font-weight:950;display:grid;box-shadow:0 7px #c87520}.amount-options button:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px #c87520}.amount-options button small{font-size:.75rem}.shop-result{color:#684619;background:#fff4bd;border:3px solid #efb140;border-radius:19px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:min(650px,100%);margin:5px auto 14px;padding:14px 18px;display:grid}.shop-result>span{font-size:2.7rem}.shop-result div{display:grid}.shop-result strong{font-size:1.35rem}.shop-result p{margin:2px 0}.shop-result button{color:#fff;cursor:pointer;background:#665bd8;border:0;border-radius:999px;padding:11px 17px;font-weight:950;box-shadow:0 4px #433a9c}@media (width<=760px){.shop-hud{grid-template-columns:repeat(2,1fr)}.shop-hud button{grid-column:1/-1}.shop-counter{grid-template-columns:1fr}.customer-order>div,.shop-shelf,.amount-options{grid-template-columns:repeat(2,1fr)}.shop-result{grid-template-columns:auto 1fr}.shop-result button{grid-column:1/-1}}@media (width<=430px){.shop-shelf button{min-height:112px}.shop-shelf span{font-size:2.2rem}.customer-order>div{grid-template-columns:1fr}.basket-strip .check-basket{width:100%;margin:5px 0 0}}.creative-section{background:linear-gradient(#fff 0,#faf5ff 35%,#f1fbff 100%);border-top:4px dashed #c7b7ee;margin-top:28px;padding-top:34px}.creative-section .section-heading h2{color:#6650a8}.creative-section .section-heading p{color:#8b6eaa}.creative-grid{grid-template-columns:repeat(2,minmax(260px,1fr));max-width:850px;margin-inline:auto}.creative-unlimited{color:#6c55a4;font-weight:900}.creative-section .game-card{border-color:#c1a9e8;box-shadow:0 12px 28px #6e4da51d}@media (width<=650px){.creative-grid{grid-template-columns:1fr}.creative-section{padding-top:24px}}.games-section .fighter .card-visual{background:linear-gradient(145deg,#172b68,#6c3ab4)}.fighter .card-body p{color:#4d37a2;background:#eae7ff}.fighter .card-cta{color:#176b9b;background:#e9f7ff}.game-panel.fighter{background:linear-gradient(#f1f0ff,#e7f8ff);border-color:#6455c9;width:min(1080px,97%)}.fighter-game{padding:5px clamp(2px,2vw,20px) 18px}.fighter-hud{color:#fff;background:#111c43;border-radius:18px;grid-template-columns:2fr repeat(4,1fr);gap:8px;padding:12px;display:grid}.fighter-hud>div{border-left:1px solid #ffffff26;align-content:center;padding:8px 11px;display:grid}.fighter-hud>div:first-child{border-left:0}.fighter-hud small{color:#a9c9ff;font-size:.72rem;font-weight:850}.fighter-hud b{font-size:1.2rem}.health-track{background:#ffffff28;border-radius:99px;height:10px;margin:4px 0;overflow:hidden}.health-track i{border-radius:inherit;background:linear-gradient(90deg,#ff5e68,#6ff09a);height:100%;transition:width .2s;display:block}.fighter-message{text-align:center;color:#384f83;min-height:26px;margin:10px 0;font-weight:900}.fighter-stage{width:min(860px,100%);margin:auto;position:relative}.fighter-stage canvas{aspect-ratio:720/520;touch-action:none;cursor:crosshair;background:#07152f;border:5px solid #304a92;border-radius:24px;width:100%;display:block;box-shadow:0 14px 30px #111c4338}.fighter-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.fighter-actions button{color:#fff;cursor:pointer;border:0;border-radius:999px;padding:11px 17px;font-weight:950;box-shadow:0 5px #263060}.fighter-actions button:active{transform:translateY(3px);box-shadow:0 2px #263060}.fighter-actions button:disabled{opacity:.45;cursor:not-allowed}.laser-button{background:#138ec1}.missile-button{background:#e05a37}.start-fighter{background:#6758d5}.fighter-actions kbd{font:inherit;background:#ffffff2b;border-radius:6px;margin-left:6px;padding:2px 6px;font-size:.7rem}.fighter-help{text-align:center;color:#5c6f92;margin:12px 0 0;font-size:.82rem;font-weight:750}.fighter-result{color:#403986;background:#efedff;border:3px solid #7b72de;border-radius:19px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(620px,100%);margin:5px auto 14px;padding:14px 18px;display:grid}.fighter-result>span{font-size:2.7rem}.fighter-result div{display:grid}.fighter-result small{font-weight:800}.fighter-result strong{font-size:1.4rem}.fighter-result p{margin:2px 0}.fighter-result button{color:#fff;cursor:pointer;background:#665bd8;border:0;border-radius:999px;padding:11px 17px;font-weight:950;box-shadow:0 4px #433a9c}@media (width<=700px){.fighter-hud{grid-template-columns:repeat(2,1fr)}.fighter-hud>div{border-top:1px solid #ffffff1c;border-left:0}.fighter-hud>div:first-child{grid-column:1/-1}.fighter-actions button{flex:1;min-width:130px}.fighter-help{font-size:.72rem}.fighter-result{grid-template-columns:auto 1fr}.fighter-result button{grid-column:1/-1}}.games-section .mole .card-visual{background:linear-gradient(145deg,#d7f79d,#67d39c)}.mole .card-body p{color:#42751d;background:#e8f9d4}.mole .card-cta{color:#36791f;background:#ebfbdf}.game-panel.mole{background:#fffdf2;border-color:#72bd42;width:min(980px,96%)}.mole-game{padding:8px clamp(2px,2vw,22px) 20px}.mole-scorebar{color:#fff;background:#274b3a;border-radius:20px;grid-template-columns:1fr 1fr auto;align-items:center;gap:14px;padding:13px 18px;display:grid}.mole-scorebar>div{display:grid}.mole-scorebar small{color:#c9f6d7;font-weight:850}.mole-scorebar b{font-size:2rem;line-height:1.1}.mole-scorebar b i{font-size:.8rem;font-style:normal}.mole-scorebar .urgent b{color:#fd5;animation:.65s infinite time-pulse}.mole-scorebar button{color:#5c4500;cursor:pointer;background:#ffd84b;border:0;border-radius:999px;padding:12px 20px;font-weight:950;box-shadow:0 5px #bb8b13}.mole-legend{flex-wrap:wrap;justify-content:center;gap:9px;margin:13px 0;display:flex}.mole-legend span{color:#315d36;background:#edf8e1;border-radius:999px;padding:7px 11px;font-weight:900}.mole-legend .danger{color:#a33131;background:#ffe1df}.mole-notice{text-align:center;color:#356746;min-height:26px;margin:5px 0 10px;font-weight:900}.mole-field{touch-action:manipulation;background:linear-gradient(#9be4f7 0 20%,#85d958 20% 100%);border:5px solid #65aa42;border-radius:32px;width:min(760px,100%);margin:auto;padding:36px 32px 28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #fff6,0 14px 26px #31582325}.mole-field.playing{cursor:none}.mole-grass{text-align:center;letter-spacing:1.6rem;opacity:.85;font-size:1.8rem;position:absolute;inset:8px 0 auto}.mole-holes{z-index:1;grid-template-columns:repeat(3,1fr);gap:23px 34px;display:grid;position:relative}.mole-hole{aspect-ratio:1.45;cursor:inherit;background:0 0;border:0;place-items:end center;display:grid;position:relative;overflow:hidden}.mole-hole:after{content:"";background:#4b2f20;border-radius:50%;height:35%;position:absolute;bottom:2%;left:5%;right:5%;box-shadow:inset 0 8px 8px #25150d,0 5px #6d492d}.mole-hole i{z-index:3;background:#6f4429;border-radius:50%;height:20%;position:absolute;bottom:0;left:0;right:0}.mole-hole span{z-index:2;filter:drop-shadow(0 5px 2px #253b2838);font-size:clamp(2.6rem,7vw,5.2rem);transition:bottom .14s cubic-bezier(.2,.9,.3,1.25),transform .12s;position:absolute;bottom:-70%}.mole-hole.up span{animation:.55s ease-in-out infinite alternate mole-bob;bottom:17%}.mole-hole.gold span{filter:drop-shadow(0 0 12px #fff04d)}.mole-hole.danger span{animation:.22s infinite alternate danger-wiggle}.mole-hole:focus-visible{outline-offset:2px;outline:5px solid #ffd43b}.mole-hole.up:active span{transform:scale(.72)translateY(20px)}.hammer-cursor{z-index:10;pointer-events:none;filter:drop-shadow(3px 5px 2px #0004);font-size:3.4rem;transition:transform 60ms;position:absolute;transform:translate(-18%,-78%)rotate(-24deg)}.hammer-cursor.hitting{transform:translate(-18%,-78%)rotate(38deg)}@keyframes mole-bob{to{transform:translateY(-5px)rotate(2deg)}}@keyframes danger-wiggle{to{transform:rotate(8deg)}}@keyframes time-pulse{50%{transform:scale(1.12)}}@media (width<=620px){.mole-scorebar{grid-template-columns:1fr 1fr;padding:11px}.mole-scorebar button{grid-column:1/-1}.mole-field{border-radius:24px;padding:30px 12px 18px}.mole-holes{gap:15px 9px}.mole-hole span{font-size:3rem}.hammer-cursor{display:none}.mole-field.playing{cursor:pointer}}.mole-result{color:#544319;background:#fff7c9;border:3px solid #f2c94c;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(620px,100%);margin:12px auto 16px;padding:15px 18px;display:grid;box-shadow:0 8px 18px #7b661522}.mole-result>span{font-size:2.8rem}.mole-result div{display:grid}.mole-result small{font-weight:800}.mole-result strong{font-size:1.55rem}.mole-result p{margin:2px 0 0}.mole-result button{color:#fff;cursor:pointer;background:#665bd8;border:0;border-radius:999px;padding:11px 17px;font-weight:950;box-shadow:0 4px #433a9c}@media (width<=520px){.mole-result{grid-template-columns:auto 1fr}.mole-result button{grid-column:1/-1}}.shop-counter{grid-template-columns:220px minmax(0,1fr) 200px}.shop-calculator{background:#fff;border:3px solid #efb258;border-radius:22px;padding:14px;box-shadow:0 9px 20px #83531a16}.shop-calculator h2{color:#75441f;margin:0 0 10px;font-size:1.05rem}.calc-screen{color:#324322;text-align:right;background:#e8f0d6;border:3px inset #b9a27f;border-radius:10px;min-height:70px;margin-bottom:10px;padding:8px 11px;display:grid}.calc-screen small{color:#68785a;min-height:18px;font-weight:800}.calc-screen b{font-size:1.65rem;overflow:hidden}.calc-keys{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.calc-keys button{color:#503c29;cursor:pointer;background:#f2eadf;border:0;border-radius:9px;min-height:42px;font-size:1rem;font-weight:950;box-shadow:0 3px #c7ad8e}.calc-keys button:active{transform:translateY(2px);box-shadow:0 1px #c7ad8e}.calc-keys .operator{color:#694008;background:#ffd47a}.calc-keys .equals{color:#fff;background:#3aa86e;box-shadow:0 3px #1d7145}@media (width<=980px){.shop-counter{grid-template-columns:220px 1fr}.shop-calculator{grid-column:1/-1;width:min(330px,100%);margin:auto}}@media (width<=760px){.shop-counter{grid-template-columns:1fr}.shop-calculator{grid-column:auto;width:min(330px,100%)}}.coding-section{background:linear-gradient(#eef9ff,#fff 85%);padding-top:42px}.coding-section .section-heading h2{color:#235a9b}.coding-section .section-heading p{color:#52779d}.coding-grid{grid-template-columns:repeat(2,minmax(260px,1fr));max-width:850px;margin-inline:auto}.coding-section .game-card{border-color:#8fc9e8;box-shadow:0 12px 28px #246a9c1c}@media (width<=650px){.coding-grid{grid-template-columns:1fr}.coding-section{padding-top:28px}}.jigsaw .card-visual{background:linear-gradient(145deg,#fff4bd,#dff9ff)}.jigsaw .card-body p{color:#875b00;background:#fff3c4}.jigsaw .card-footer button{color:#08738c;background:#e3f9ff}.game-panel.jigsaw{background:#fffdf6;border-color:#ffd04c;width:min(1120px,96%)}.jigsaw-game{padding:20px 1% 8px}.jigsaw-progress{color:#765300;background:#fff0b8;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-weight:900;display:flex}.jigsaw-message{color:#31566b;text-align:center;justify-content:center;align-items:center;gap:10px;min-height:58px;margin:14px 0;font-size:1.05rem;font-weight:850;display:flex}.jigsaw-message span{font-size:1.8rem}.puzzle-stage{grid-template-columns:minmax(400px,1fr) 190px;align-items:center;gap:24px;display:grid}.puzzle-target{aspect-ratio:1.45;background:linear-gradient(#c9f4ff 0 68%,#b7e88b 68%);border:4px solid #8dd9e8;border-radius:26px;width:min(620px,100%);margin:auto;position:relative;box-shadow:inset 0 0 0 8px #fff8,0 14px 28px #225b6d20}.puzzle-slot{color:#fff;cursor:pointer;background:#fff8;border:3px dashed #65808b;place-items:center;font-size:1.25rem;font-weight:950;transition:transform .18s,filter .18s,background .18s;display:grid;position:absolute}.puzzle-slot:hover,.puzzle-slot.ready{filter:brightness(1.05);transform:scale(1.04)}.puzzle-slot.filled{border:3px solid #fff;box-shadow:0 5px 10px #24404d28}.puzzle-slot.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.puzzle-slot.circle{border-radius:50%}.slot-roof-left{width:25%;height:32%;top:13%;left:28%;transform:rotate(-1deg)}.slot-roof-right{width:25%;height:32%;top:13%;left:48%;transform:rotate(1deg)}.slot-wall-left{width:22%;height:38%;top:43%;left:32%}.slot-wall-right{width:20%;height:38%;top:43%;left:53%}.slot-door{border-radius:42px 42px 4px 4px;width:10%;height:25%;top:56%;left:54%}.slot-sun{aspect-ratio:1;width:15%;top:10%;left:8%}.house-window{aspect-ratio:1;color:#fff;background:#ffe778;border:6px solid #fff;place-items:center;width:11%;font-size:1.5rem;display:grid;position:absolute;top:54%;left:37%;box-shadow:0 3px 8px #284b5625}.house-smile{color:#fff;font-size:2rem;font-weight:900;position:absolute;top:76%;left:44%}.mouse-coach{color:#31566b;background:#f4fcff;border:3px solid #cae6ed;border-radius:22px;padding:20px 15px}.mouse-coach .mouse-picture{text-align:center;font-size:4.3rem}.mouse-coach b{text-align:center;display:block}.mouse-coach ol{margin:12px 0 0;padding-left:28px;font-weight:800;line-height:2}.puzzle-tray{background:#fff7d8;border:4px dashed #e4bc4e;border-radius:22px;justify-content:center;align-items:center;gap:18px;min-height:132px;margin-top:18px;padding:18px;display:flex}.puzzle-piece{cursor:grab;touch-action:none;border:4px solid #fff;width:88px;height:88px;position:relative;box-shadow:0 7px #9f873d,0 9px 16px #4f491e28}.puzzle-piece:hover,.puzzle-piece.selected{outline-offset:3px;outline:5px solid #55c4eb;transform:translateY(-7px)rotate(-2deg)}.puzzle-piece:active{cursor:grabbing}.puzzle-piece.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.puzzle-piece.circle{border-radius:50%}.puzzle-piece.door{border-radius:35px 35px 5px 5px;width:68px}.puzzle-piece span{color:#fff;text-shadow:0 2px 3px #0005;font-size:1.5rem;font-weight:950}.puzzle-tray p{color:#24805e;font-size:1.15rem;font-weight:950}.jigsaw-actions{justify-content:center;align-items:center;gap:18px;margin-top:14px;display:flex}.jigsaw-actions button{color:#31566b;cursor:pointer;background:#fff;border:2px solid #9ed4df;border-radius:999px;padding:11px 20px;font-weight:900}.jigsaw-actions small{color:#63808c;font-weight:700}@media (width<=760px){.puzzle-stage{grid-template-columns:1fr}.mouse-coach{display:none}.puzzle-target{width:100%}.puzzle-tray{gap:9px;min-height:105px;padding:12px}.puzzle-piece{width:62px;height:62px}.puzzle-piece.door{width:48px}.jigsaw-actions{text-align:center;flex-direction:column;gap:8px}}@media (width<=480px){.game-panel.jigsaw{border-width:5px;padding:15px 8px}.jigsaw-game{padding-top:10px}.jigsaw-progress{font-size:.83rem}.puzzle-stage{display:block}.puzzle-target{border-width:3px;border-radius:18px}.puzzle-slot{border-width:2px}.puzzle-tray{flex-wrap:wrap}.puzzle-piece{width:55px;height:55px}}.games-section .paint .card-visual{background:linear-gradient(145deg,#b8e9ff,#c9f7c4 48%,#ffe09d)}.paint .card-cta{color:#176ba0;background:#e8f7ff}.game-panel.paint{background:linear-gradient(#f4fcff,#fffdf4);border-color:#62c7e8;width:min(1400px,98%)}.paint-game{padding:8px 1% 16px}.paint-tip{color:#725500;text-align:center;background:#fff2aa;border-radius:999px;margin:0 auto 14px;padding:10px 18px;font-weight:900}.paint-workspace{grid-template-columns:140px minmax(0,1fr) 150px;align-items:start;gap:16px;display:grid}.paint-toolbar,.paint-colors{background:#fff;border:3px solid #c8e7ef;border-radius:22px;gap:10px;padding:14px;display:grid;box-shadow:0 8px 20px #225b6d12}.paint-toolbar>b,.paint-colors>b{text-align:center;color:#31566b}.paint-toolbar>button{color:#31566b;font:inherit;cursor:pointer;background:#f1f8fb;border:3px solid #0000;border-radius:14px;grid-template-columns:38px 1fr;align-items:center;padding:9px 8px;font-weight:900;display:grid}.paint-toolbar>button:hover,.paint-toolbar>button.active{background:#dff7ff;border-color:#28a9d1;transform:translateY(-1px)}.brush-size{color:#547480;gap:5px;margin-top:4px;font-size:.78rem;font-weight:800;display:grid}.brush-size input{accent-color:#0ea5e9;width:100%}.paint-paper{background:#fff;border:8px solid #fff;border-radius:18px;overflow:hidden;box-shadow:0 0 0 3px #bddde5,0 12px 30px #31566b25}.paint-paper canvas{aspect-ratio:20/13;cursor:crosshair;touch-action:none;background:#fff;width:100%;height:auto;display:block}.paint-colors>div{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.paint-colors>div button{aspect-ratio:1;cursor:pointer;border:3px solid #fff;border-radius:50%;width:100%;box-shadow:0 0 0 2px #c7d6dc}.paint-colors>div button.selected{transform:scale(1.08);box-shadow:0 0 0 4px #173d70}.paint-colors label{text-align:center;color:#547480;gap:6px;font-size:.78rem;font-weight:850;display:grid}.paint-colors input[type=color]{cursor:pointer;background:#fff;border:2px solid #b9dbe4;border-radius:12px;width:100%;height:42px}.paint-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.paint-actions button{color:#31566b;font:inherit;cursor:pointer;background:#fff;border:2px solid #b8d5de;border-radius:999px;padding:11px 18px;font-weight:900;box-shadow:0 4px #bdd3da}.paint-actions button:hover:not(:disabled){transform:translateY(-2px)}.paint-actions button:disabled{opacity:.42;cursor:not-allowed}.paint-actions .save{color:#17633b;box-shadow-color:#8bd0a8;background:#dcfce7;border-color:#46b87b}.paint-actions .print{color:#174e83;box-shadow-color:#9dbbe2;background:#e6f1ff;border-color:#598fd4}@media (width<=850px){.paint-workspace{grid-template-columns:1fr}.paint-toolbar{grid-template-columns:repeat(4,1fr)}.paint-toolbar>b,.brush-size{grid-column:1/-1}.paint-toolbar>button{text-align:center;grid-template-columns:1fr}.paint-colors{grid-template-columns:auto 1fr auto;align-items:center}.paint-colors>div{grid-template-columns:repeat(12,1fr)}.paint-colors label{min-width:80px}}@media (width<=600px){.paint-game{padding-inline:0}.paint-tip{border-radius:14px;font-size:.8rem}.paint-toolbar{grid-template-columns:repeat(2,1fr);gap:7px;padding:10px}.paint-toolbar>button{grid-template-columns:32px 1fr;padding:7px}.paint-colors{grid-template-columns:1fr}.paint-colors>div{grid-template-columns:repeat(6,1fr)}.paint-paper{border-width:4px;border-radius:12px}.paint-actions button{flex:42%;padding:10px 8px;font-size:.82rem}}@media print{.paint-game .paint-tip,.paint-toolbar,.paint-colors,.paint-actions,.compact-header,.game-title{display:none!important}.game-panel.paint{box-shadow:none!important;border:0!important}.paint-workspace{display:block!important}.paint-paper{box-shadow:none!important;border:0!important}.paint-paper canvas{width:100%!important}}.paint-paper{position:relative}.paint-paper canvas{cursor:none}.paint-cursor{z-index:9999;pointer-events:none;border:2px solid #fff;border-radius:50%;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #173d70,0 2px 6px #0005}.paint-cursor.eraser{border:2px dashed #ef4444;box-shadow:0 0 0 2px #fff,0 0 0 4px #173d70}.paint-cursor.bucket{border-radius:4px;transform:translate(-4px,-20px)rotate(-18deg);box-shadow:0 0 0 2px #173d70}.paint-cursor.text{box-shadow:none;border:0;border-left:3px solid #173d70;border-right:3px solid #173d70;border-radius:0;width:10px!important}.paint-colors .current-paint{border:3px solid #fff;border-radius:14px;grid-template-columns:1fr;place-items:center;min-height:58px;display:grid;box-shadow:0 0 0 2px #173d70}.current-paint span{color:#173d70;background:#fff;border-radius:999px;padding:3px 7px;font-size:.66rem;font-weight:950;box-shadow:0 1px 5px #0003}.text-controls{background:#f7fdff;border:2px solid #b9dbe4;border-radius:13px;grid-column:1/-1;gap:8px;padding:10px;display:grid}.text-controls label{color:#31566b;gap:4px;font-size:.72rem;font-weight:900;display:grid}.text-controls input{color:#173d70;width:100%;min-width:0;font:inherit;background:#fff;border:2px solid #b9dbe4;border-radius:8px;padding:7px}.text-controls small{color:#58727d;font-size:.65rem;font-weight:800}@media (width<=850px){.paint-toolbar{grid-template-columns:repeat(5,1fr)}.paint-colors .current-paint{min-width:100px}}@media (width<=600px){.paint-toolbar{grid-template-columns:repeat(3,1fr)}.paint-toolbar>button{grid-template-columns:1fr}.paint-toolbar>button span{font-size:1.25rem}.paint-colors .current-paint{min-width:0}}.paper-controls{background:#fff;border:2px solid #c8e7ef;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:0 0 14px;padding:10px 14px;display:flex}.paper-controls label{color:#31566b;align-items:center;gap:9px;font-weight:900;display:flex}.paper-controls select{color:#31566b;font:inherit;background:#f7fdff;border:2px solid #9fcbd8;border-radius:10px;padding:7px 10px;font-weight:800}.zoom-controls{color:#31566b;align-items:center;gap:7px;display:flex}.zoom-controls button{color:#31566b;min-width:40px;font:inherit;cursor:pointer;background:#f7fdff;border:2px solid #9fcbd8;border-radius:10px;padding:7px 10px;font-weight:900}.zoom-controls button:disabled{opacity:.4}.paint-toolbar>button{grid-template-columns:1fr;place-items:center;min-height:58px;padding:8px;display:grid}.paint-toolbar>button span{font-size:1.75rem}.paint-paper{background:#aeb5bd;max-height:72vh;padding:24px;position:relative;overflow:auto;box-shadow:inset 0 0 0 1px #87909a,0 12px 30px #31566b25}.paint-paper canvas{cursor:none;transform-origin:0 0;background:#fff;max-width:none;box-shadow:0 4px 18px #26323d66}@media (width<=600px){.paper-controls{align-items:stretch}.paper-controls label{display:grid}.paper-controls select{width:100%}.zoom-controls{justify-content:space-between}.zoom-controls b{margin-right:auto}}.paint-workspace{grid-template-columns:170px minmax(0,1fr) 150px}.paint-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.paint-toolbar>b,.paint-toolbar .brush-size,.paint-toolbar .text-controls{grid-column:1/-1}.paint-toolbar>button{min-width:0}@media (width<=850px){.paint-workspace{grid-template-columns:1fr}.paint-toolbar{grid-template-columns:repeat(5,minmax(0,1fr))}.paint-toolbar>b,.paint-toolbar .brush-size,.paint-toolbar .text-controls{grid-column:1/-1}}@media (width<=600px){.paint-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}