@font-face{font-family:Fredoka;src:url(../fonts/fredoka-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(../fonts/nunito-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(../fonts/nunito-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(../fonts/nunito-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--bg: #080b13;--bg-glow: #111a2c;--surface: #101625;--surface-2: #161d30;--surface-3: #1e2840;--line: #263250;--line-soft: #1b2740;--line-strong: #34466e;--text: #e9eff8;--text-mut: #9aa7bd;--text-dim: #7e8ca6;--ember-300: #ffc295;--ember-400: #ffa05e;--ember-500: #ff8c42;--ember-600: #f56f14;--ember-700: #b34f0a;--volt: #2fe0c3;--gold: #facc15;--violet: #a78bfa;--danger: #f87171;--font-display: "Fredoka", "Nunito", system-ui, sans-serif;--font-ui: "Nunito", system-ui, -apple-system, sans-serif;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--sh-1: 0 1px 2px rgba(2, 6, 14, .5);--sh-2: 0 8px 24px rgba(2, 6, 14, .45);--sh-3: 0 24px 64px rgba(0, 0, 0, .6);--inset-hi: inset 0 1px 0 rgba(255, 255, 255, .06);--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--ease: cubic-bezier(.2, .8, .25, 1);--spring: cubic-bezier(.2, 1.4, .36, 1);font-family:var(--font-ui);font-size:16px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(900px 480px at 50% -12%,rgba(245,111,20,.09),transparent 62%),radial-gradient(1200px 640px at 50% -10%,var(--bg-glow) 0%,var(--bg) 60%);background-color:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}::selection{background:#ff8c4259}#boot{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--bg)}.boot-inner{display:flex;flex-direction:column;align-items:center;gap:var(--s4)}.boot-mark{width:56px;height:56px;border-radius:16px;animation:bootPulse 1.1s var(--ease) infinite;box-shadow:0 8px 32px #f56f1459}@keyframes bootPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.boot-bar{width:120px;height:4px;border-radius:999px;background:var(--surface-3);overflow:hidden}.boot-bar i{display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--ember-500),var(--ember-300));animation:bootSlide .9s var(--ease) infinite}@keyframes bootSlide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;padding:var(--s3) var(--s4);border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,#161d30a8,#1016256b);backdrop-filter:blur(8px);box-shadow:var(--sh-1);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:30px;height:30px;border-radius:9px;box-shadow:0 3px 10px #f56f1459;flex:none}h1{margin:0;font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:.06em;white-space:nowrap}h1 .accent{background:linear-gradient(90deg,var(--ember-300),var(--ember-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.header-controls{display:flex;gap:var(--s2);align-items:center;flex:1;justify-content:flex-end;min-width:0}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:0 var(--s4);border-radius:10px;border:1px solid transparent;font-family:var(--font-ui);font-size:14px;font-weight:800;letter-spacing:.02em;color:var(--text);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),border-color var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease),filter var(--dur-2) var(--ease)}.btn .ico{width:17px;height:17px;flex:none}.btn:active{transform:translateY(2px)}.btn-primary{background:linear-gradient(180deg,var(--ember-400),var(--ember-600));border-color:#ffc2958c;color:#22100a;text-shadow:0 1px 0 rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff52,0 3px 0 var(--ember-700),var(--sh-2)}.btn-primary:active{box-shadow:inset 0 1px #ffffff52,0 1px 0 var(--ember-700),var(--sh-1)}.btn-primary:disabled{background:linear-gradient(180deg,#39415a,#2a3247);border-color:#7e8ca659;color:#8792a8;text-shadow:none;box-shadow:inset 0 1px #ffffff0d,0 3px #1a2133;cursor:not-allowed}.btn-primary:disabled:active{transform:none}.btn-ghost{background:linear-gradient(180deg,var(--surface-2),var(--surface));border-color:var(--line);box-shadow:var(--inset-hi),0 2px #02060e8c}.btn-ghost:active{box-shadow:var(--inset-hi),0 1px #02060e8c}.btn-ghost:disabled{opacity:.55;cursor:not-allowed}.btn-ghost:disabled:active{transform:none}@media (hover: hover){.btn-primary:hover:not(:disabled){filter:brightness(1.07)}.btn-ghost:hover:not(:disabled){border-color:var(--line-strong);background:linear-gradient(180deg,var(--surface-3),var(--surface-2))}}.btn:focus-visible,select:focus-visible{outline:2px solid var(--ember-300);outline-offset:2px}.btn.big{width:100%;font-size:16px;letter-spacing:.05em;min-height:52px}.btn.icon-btn{width:44px;padding:0}.btn.icon-btn .ico{width:19px;height:19px}kbd{background:#22100647;border:1px solid rgba(255,255,255,.25);border-bottom-width:2px;border-radius:6px;padding:2px 7px;font-family:var(--font-ui);font-size:11px;font-weight:800;line-height:1}select{appearance:none;-webkit-appearance:none;min-height:44px;max-width:100%;padding:0 36px 0 var(--s3);border-radius:10px;border:1px solid var(--line);background-color:var(--surface-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa7bd' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:15px;color:var(--text);font-family:var(--font-ui);font-size:16px;font-weight:700;cursor:pointer;box-shadow:var(--inset-hi);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:border-color var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease)}@media (hover: hover){select:hover{border-color:var(--line-strong)}}main{display:flex;gap:var(--s5);padding:var(--s5) var(--s4);justify-content:center;align-items:flex-start;flex-wrap:wrap;flex:1;width:100%}.board-wrap{position:relative;width:min(672px,100%)}.board-wrap:before{content:"";position:absolute;inset:-8% -10% auto;height:55%;background:radial-gradient(50% 60% at 50% 40%,rgba(245,111,20,.1),transparent 70%);pointer-events:none;z-index:-1}canvas{width:100%;aspect-ratio:4 / 3;display:block;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2),inset 0 0 70px #02060e66;cursor:crosshair;touch-action:manipulation;background:#0a0e17}.combo{position:absolute;top:3.5%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:6;font-family:var(--font-display);line-height:.95;filter:drop-shadow(0 3px 14px rgba(245,111,20,.35));opacity:1;transition:opacity .26s var(--ease)}.combo.hidden{opacity:0}.combo .combo-x{font-size:clamp(40px,12vw,74px);font-weight:600;background:linear-gradient(180deg,#fff4c2 8%,var(--gold) 42%,var(--ember-500) 88%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.01em;text-shadow:none}.combo .combo-label{margin-top:2px;font-family:var(--font-ui);font-weight:800;font-size:clamp(11px,3vw,15px);letter-spacing:.34em;text-transform:uppercase;color:var(--ember-300);text-indent:.34em}.combo[data-tier="2"]{filter:drop-shadow(0 3px 18px rgba(250,204,21,.5))}.combo[data-tier="2"] .combo-label{color:var(--gold)}.combo[data-tier="3"]{filter:drop-shadow(0 3px 24px rgba(255,209,102,.75))}.combo[data-tier="3"] .combo-x{background:linear-gradient(180deg,#ffffff 4%,#ffd166 45%,var(--ember-600) 92%);-webkit-background-clip:text;background-clip:text}.combo[data-tier="3"] .combo-label{color:#ffe9a8}.combo.pop{animation:comboPop .42s cubic-bezier(.2,2.1,.35,1) both}@keyframes comboPop{0%{transform:translate(-50%) scale(var(--pop, 2.1));opacity:0}55%{opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.combo.pop{animation:none}}.panel{width:320px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);box-shadow:var(--inset-hi),var(--sh-2)}.panel-block{border-bottom:1px solid var(--line-soft);padding-bottom:var(--s3)}.panel-block:last-child{border-bottom:none;padding-bottom:0}.board-name{font-family:var(--font-display);font-weight:600;font-size:17px;margin-bottom:7px;letter-spacing:.02em}.objective{display:flex;align-items:center;gap:7px;color:var(--ember-400);font-size:13.5px;font-weight:800;margin-bottom:5px}.objective .obj-ico .ico{width:15px;height:15px;display:block}.hint{color:var(--text-mut);font-size:13px;line-height:1.5;min-height:2.9em}.row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;gap:var(--s2)}.rlabel{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.row .val{color:var(--text);font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}.mini-star{display:inline-flex;vertical-align:-2px;margin-left:2px}.mini-star svg{width:12px;height:12px;display:block}.mini-star.on{color:var(--gold)}.mini-star.off{color:#37415a}.pips{display:inline-flex;gap:5px;align-items:center}.pips svg{width:16px;height:16px;display:block}.pip{display:inline-flex}.pip-on{color:var(--gold);filter:drop-shadow(0 0 6px rgba(250,204,21,.5))}.pip-spent{color:#37415a}.controls{display:flex;flex-direction:column;gap:var(--s2)}.btn-row{display:flex;gap:var(--s2)}.btn-row .btn{flex:1}.legend{display:flex;flex-direction:column;gap:7px}.legend-row{display:flex;align-items:center;gap:10px}.chip{width:26px;height:26px;flex:none;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--line);border-radius:7px}.chip svg{width:16px;height:16px;display:block}.chip.bomb{color:var(--ember-500)}.chip.gear{color:var(--volt)}.chip.portal{color:var(--violet)}.chip.wall{color:#8fa0bd}.chip.spark{color:var(--gold)}.lg-name{font-size:13px;font-weight:800;color:var(--text);width:52px;flex:none}.lg-effect{font-size:12.5px;color:var(--text-mut)}.tip{font-size:12px;line-height:1.5;color:var(--text-dim)}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#04080fad;border-radius:var(--r-lg);backdrop-filter:blur(6px) saturate(1.15);-webkit-backdrop-filter:blur(6px) saturate(1.15);z-index:5;animation:fadeIn var(--dur-2) var(--ease)}.overlay.hidden{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-card{background:linear-gradient(180deg,var(--surface-3),var(--surface-2) 60%,var(--surface));border:1px solid var(--line-strong);border-radius:var(--r-xl);padding:26px 30px 24px;text-align:center;min-width:min(320px,90%);max-width:94%;box-shadow:var(--inset-hi),var(--sh-3);animation:pop var(--dur-3) var(--spring)}@keyframes pop{0%{transform:scale(.88) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.headline{font-family:var(--font-display);font-weight:600;font-size:27px;letter-spacing:.05em;line-height:1.1}.headline.pass{background:linear-gradient(90deg,#7ff7e8,var(--volt));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.headline.fail{color:var(--danger)}.stars{display:flex;justify-content:center;gap:var(--s2);margin:var(--s3) 0 4px;min-height:36px;align-items:center}.stars>span{display:inline-flex;animation:starPop .55s var(--spring) both}.stars>span:nth-child(1){animation-delay:40ms}.stars>span:nth-child(2){animation-delay:.16s}.stars>span:nth-child(3){animation-delay:.28s}.stars svg{width:32px;height:32px;display:block}.stars .on{color:var(--gold);filter:drop-shadow(0 0 10px rgba(250,204,21,.55))}.stars .off{color:#36415c}@keyframes starPop{0%{transform:scale(.2) rotate(-18deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.score{font-family:var(--font-display);font-weight:600;font-size:23px;letter-spacing:.02em;margin:2px 0;color:var(--text)}.progress{color:var(--text-mut);font-size:13.5px;font-weight:700}.best{margin-top:10px;min-height:20px;font-size:12.5px;font-weight:800;letter-spacing:.06em;color:var(--gold)}.best:not(:empty){display:inline-block;padding:3px 12px;border:1px solid rgba(250,204,21,.4);border-radius:999px;background:#facc151a;animation:bestPulse 1.6s var(--ease) infinite}@keyframes bestPulse{0%,to{box-shadow:0 0 #facc1540}50%{box-shadow:0 0 14px 2px #facc154d}}.overlay-actions{display:flex;gap:var(--s3);margin-top:var(--s5);justify-content:center;flex-wrap:wrap}.overlay-actions .btn{min-width:128px}.toast{position:absolute;bottom:var(--s4);left:50%;transform:translate(-50%);background:#161d30f0;border:1px solid var(--line-strong);padding:9px var(--s4);border-radius:999px;font-size:13px;font-weight:700;box-shadow:var(--sh-2);backdrop-filter:blur(6px);pointer-events:none;z-index:6;opacity:1;transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease);text-align:center;max-width:92%}.toast.hidden{opacity:0;transform:translate(-50%) translateY(8px)}footer{text-align:center;color:var(--text-dim);font-size:11.5px;letter-spacing:.06em;padding:var(--s2) 0 var(--s5)}.foot-brand{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-mut)}main.swap .board-wrap,main.swap .panel{animation:swapIn var(--dur-3) var(--ease)}@keyframes swapIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1060px){main{flex-direction:column;align-items:center;gap:var(--s4)}.panel{width:min(672px,100%)}}@media (max-width: 720px){.topbar{padding:10px var(--s3);gap:var(--s2)}h1{font-size:17px;letter-spacing:.05em}.brand-mark{width:26px;height:26px}main{padding:var(--s3) var(--s3) var(--s4);gap:var(--s3)}.panel{padding:var(--s3);gap:var(--s2)}.panel-block{padding-bottom:var(--s2)}.headline{font-size:23px}.stars svg{width:28px;height:28px}}@media (max-width: 380px){.header-controls{width:100%;justify-content:stretch}.header-controls select{flex:1;min-width:0}h1{font-size:16px}}@media (pointer: coarse){kbd{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}