/* Generated by scripts/build-browser-assets.mjs. */
.net-seat-button,.net-ready-button{min-width:108px;border-width:2px;color:#fff;opacity:1}.net-seat-button{border-color:#60a5fa;background:#1d4ed8;box-shadow:0 5px 16px #1d4ed84d}.net-seat-button:hover:not(:disabled){background:#2563eb}.grid .net-restart-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:12;box-sizing:border-box;width:max-content;min-width:0;max-width:calc(100% - 12px);min-height:44px;margin:0;padding:8px 12px;font-size:clamp(11px,calc(var(--cell) * .6),16px);line-height:1.2;white-space:normal;pointer-events:auto}.grid.mini .net-restart-button{padding:6px 3px}.net-restart-button[hidden]{display:none}.net-ready-button{border-color:#a16207;background:#713f12;color:#fef3c7}.net-ready-button.is-required{border-color:#fde68a;background:#d97706;color:#fff;box-shadow:0 0 0 3px #fbbf243d,0 7px 20px #d9770666;animation:readyActionPulse 1.6s ease-in-out infinite}.net-ready-button.is-required:hover:not(:disabled){background:#f59e0b}.net-ready-button.is-ready{border-color:#86efac;background:#15803d;color:#f0fdf4;box-shadow:0 0 0 3px #4ade8033,0 7px 20px #15803d57;animation:none}.net-ready-button.is-ready:hover:not(:disabled){background:#166534}.net-seat-button:disabled,.net-ready-button:disabled{cursor:not-allowed;opacity:.62;box-shadow:none}.net-ready-button.is-ready:disabled{opacity:.9}.sidebar .mini-net-controls .net-seat-button,.sidebar .mini-net-controls .net-ready-button{width:100%;min-width:0}.grid-start-overlay{box-sizing:border-box;max-width:100%;padding:clamp(6px,calc(var(--cell) * .35),12px)!important;justify-content:safe center!important;overflow-x:hidden;overflow-y:auto;font-size:clamp(11px,calc(var(--cell) * .5),14px);transition:box-shadow .18s ease,background-color .18s ease}.grid-start-overlay>div{min-width:0;max-width:100%;flex-shrink:0;overflow-wrap:anywhere}.grid-start-overlay>div:last-child{width:100%;max-width:280px;flex-wrap:wrap}.grid-start-overlay .net-seat-button,.grid-start-overlay .net-ready-button{box-sizing:border-box;flex:1 1 108px;min-width:0;max-width:100%;min-height:40px;padding:8px clamp(4px,calc(var(--cell) * .35),14px);font-size:inherit;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.grid-start-overlay.needs-ready{box-shadow:inset 0 0 0 3px #fbbf24ad}.grid-start-overlay.is-ready{box-shadow:inset 0 0 0 3px #4ade8094}.grid-start-status{max-width:min(26ch,100%);font-weight:800;line-height:1.3}@keyframes readyActionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@media(prefers-reduced-motion:reduce){.net-ready-button.is-required{animation:none}}#startPvpBtn{--play-bg: #722b38;--play-bg-hover: #843443;--play-border: #a44d5c;--play-shadow: rgba(86, 23, 34, .32);--play-shadow-hover: rgba(108, 31, 44, .4);--play-ring-bright: #ffe4e6;--play-ring-color: #d7838f;--play-focus: rgba(254, 205, 211, .9)}#startNetBtn,#startGuestBtn{--play-bg: #274c70;--play-bg-hover: #315b82;--play-border: #527da4;--play-shadow: rgba(24, 61, 94, .32);--play-shadow-hover: rgba(35, 78, 116, .4);--play-ring-bright: #e0f2fe;--play-ring-color: #7db3dc;--play-focus: rgba(186, 230, 253, .9)}#startCpuBtn{--play-bg: #4a612b;--play-bg-hover: #5a7435;--play-border: #7f9853;--play-shadow: rgba(55, 76, 28, .34);--play-shadow-hover: rgba(72, 96, 37, .42);--play-ring-bright: #f0fbd8;--play-ring-color: #a9c76e;--play-focus: rgba(217, 249, 157, .9)}.start-buttons .btn-primary{position:relative;isolation:isolate;width:min(360px,100%);min-height:52px;padding:12px 24px;font-size:16px;border:1px solid var(--play-border);border-radius:12px;background:var(--play-bg);color:#f7faf9;font-weight:800;text-align:center;text-shadow:0 1px 2px rgba(48,4,11,.9);box-shadow:inset 0 1px #ffffff24,inset 0 -2px #00000040,0 9px 22px var(--play-shadow),0 0 0 1px color-mix(in srgb,var(--play-border) 55%,transparent);text-transform:uppercase;letter-spacing:.04em;transition:filter .18s ease,transform .18s ease,box-shadow .18s ease;overflow:hidden}.start-buttons .btn-primary:before{content:"";position:absolute;inset:0;z-index:1;padding:2px;border-radius:inherit;background:conic-gradient(from var(--play-ring-angle, 315deg),var(--play-ring-bright) 0deg,var(--play-ring-color) 22deg,transparent 54deg,transparent 360deg);opacity:0;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.start-buttons .btn-primary:hover{background:var(--play-bg-hover);filter:brightness(1.04);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff2e,inset 0 -2px #00000047,0 12px 28px var(--play-shadow-hover),0 0 0 1px color-mix(in srgb,var(--play-border) 70%,transparent)}.start-buttons .btn-primary:hover:before{opacity:1;animation:playButtonOutline .85s ease-out 1 forwards}.start-buttons .btn-primary:focus-visible{outline:3px solid var(--play-focus);outline-offset:3px}@keyframes playButtonOutline{0%{--play-ring-angle: 315deg}to{--play-ring-angle: 675deg}}@property --play-ring-angle{syntax: "<angle>"; initial-value: 315deg; inherits: false;}@media(prefers-reduced-motion:reduce){.start-buttons .btn-primary:hover:before{animation:none}}.hint{color:#ecfdf5db}.hint-link{display:inline-flex;align-items:center;gap:.35rem;padding:6px 16px;margin-top:6px;border-radius:999px;border:1px solid rgba(251,191,36,.9);background:radial-gradient(circle at top left,#fbbf2440,#0f172af2);color:#facc15;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;box-shadow:0 0 10px #fbbf2466,0 0 25px #38bdf840;position:relative;overflow:hidden}.hint-link:before{content:"\2605";font-size:.75rem;opacity:.9}.hint-link:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(248,250,252,.18),transparent);transform:translate(-120%);transition:transform .45s ease-out}.hint-link:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 0 14px #fbbf24b3,0 0 35px #38bdf859}.hint-link:hover:after{transform:translate(120%)}.hint-link:active{transform:translateY(0) scale(.99);box-shadow:0 0 6px #fbbf2480,0 0 16px #38bdf833}.game-home-button{position:absolute;top:5px;left:50%;transform:translate(-50%);z-index:8;min-height:34px;max-width:46vw;padding:6px 14px;border:1px solid #538b76;border-radius:9px;background:#123e30;color:#ecfdf5;font:700 .78rem/1.2 system-ui,sans-serif;cursor:pointer;transition:background .14s ease,border-color .14s ease}.game-home-button[hidden]{display:none}.game-home-button:hover{background:#1e5541;border-color:#9bd9bb}.end-screen{position:fixed;inset:0;display:grid;place-items:center;box-sizing:border-box;padding:20px;overflow-y:auto;background:radial-gradient(circle at 18% 18%,rgba(110,231,183,.08),transparent 32%),radial-gradient(circle at 82% 76%,rgba(34,211,238,.06),transparent 34%),linear-gradient(145deg,#030f0b47,#02140e57);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:10000;overscroll-behavior:contain}.end-screen:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 24%,rgba(255,255,255,.62) 0 1px,transparent 1.5px),radial-gradient(circle at 74% 16%,rgba(110,231,183,.76) 0 1px,transparent 1.5px),radial-gradient(circle at 88% 68%,rgba(253,224,71,.72) 0 1.5px,transparent 2px),radial-gradient(circle at 24% 82%,rgba(34,211,238,.66) 0 1px,transparent 1.5px);background-size:170px 170px,230px 230px,290px 290px,320px 320px;opacity:.36;animation:endAmbient 8s ease-in-out infinite alternate}.end-card{position:relative;isolation:isolate;box-sizing:border-box;width:min(420px,100%);margin:auto;overflow:hidden;background:linear-gradient(145deg,#144b37f7,#08231bfa);border:1px solid rgba(110,231,183,.68);border-radius:22px;padding:clamp(24px,5vw,32px);text-align:center;box-shadow:0 24px 70px #00000094,0 0 44px #10b98133,0 0 18px #22d3ee1a,inset 0 1px #ffffff21;animation:endPop .32s cubic-bezier(.2,.9,.25,1.18) forwards}.end-card:before{content:"";position:absolute;z-index:2;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#34d399,#22d3ee 42%,#facc15 74%,#fb923c);box-shadow:0 0 22px #22d3ee66}.end-card:after{content:"";position:absolute;z-index:-1;width:230px;height:230px;top:-145px;left:50%;transform:translate(-50%);border-radius:50%;background:#10b98140;filter:blur(42px)}.end-card h2{margin:0;color:#f8fafc;background:linear-gradient(100deg,#fff 8%,#a7f3d0 43%,#67e8f9 70%,#fde68a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(30px,7vw,40px);font-weight:900;letter-spacing:-.04em;line-height:1.1;text-shadow:0 0 28px rgba(52,211,153,.24)}.end-result{margin:16px 0 0;color:#d1fae5;font-size:clamp(16px,4vw,20px);font-weight:750;letter-spacing:.01em;overflow-wrap:anywhere}.end-buttons{display:grid;gap:11px;margin-top:26px}.end-action{min-height:50px;width:100%;padding:12px 18px;border:1px solid rgba(165,180,252,.62);border-radius:12px;font:800 .95rem/1.35 system-ui,sans-serif;background:#312e8161;color:#eef2ff;cursor:pointer;overflow-wrap:anywhere;box-shadow:inset 0 1px #ffffff14;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.end-action-primary{border-color:#a7f3d0eb;background:linear-gradient(105deg,#25b889,#25b8a9 42%,#21b6d0 72%,#5291dc);color:#08241b;font-size:1rem;letter-spacing:.025em;text-shadow:0 1px 0 rgba(255,255,255,.28);box-shadow:0 10px 28px #22d3ee33,inset 0 1px #ffffff6b}.end-action-primary:not(:disabled):after{content:"\21bb";display:inline-block;margin-left:.55em;font-size:1.12em;line-height:0;transition:transform .2s ease}.end-action-primary:not(:disabled):hover{border-color:#d1fae5;background:linear-gradient(105deg,#34d399,#2dd4bf 42%,#22d3ee 72%,#60a5fa);box-shadow:0 13px 34px #22d3ee4d,0 0 22px #34d39933,inset 0 1px #ffffff80;transform:translateY(-2px)}.end-action-primary:not(:disabled):hover:after{transform:rotate(-35deg)}.end-action-secondary{background:linear-gradient(135deg,#312e8166,#0e749047)}.end-action-secondary:not(:disabled):hover{background:linear-gradient(135deg,#4338ca94,#0891b26b);border-color:#67e8f9;box-shadow:0 8px 22px #22d3ee26,inset 0 1px #ffffff1f;transform:translateY(-1px)}.end-action:disabled{cursor:wait;background:#334155b8;border-color:#94a3b880;color:#cbd5e1;box-shadow:none}.end-action:focus-visible,.game-home-button:focus-visible{outline:3px solid #a5f3fc;outline-offset:4px}@media(max-width:900px){.game-home-button{top:1px;min-height:32px;padding:5px 8px;font-size:clamp(.65rem,2.5vw,.78rem)}body:not(.net-mode) .arena3 .board-game-title{max-width:calc(27vw - 16px)}}@media(prefers-reduced-motion:reduce){.end-card{animation:none}.end-screen:before{animation:none}.end-action,.game-home-button{transition:none}.end-action-primary:not(:disabled):after{transition:none}}@keyframes endPop{0%{transform:translateY(10px) scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes endAmbient{0%{transform:translate3d(-4px,-3px,0);opacity:.46}to{transform:translate3d(5px,4px,0);opacity:.68}}.select-strong{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0f1720;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:8px 36px 8px 12px;font-weight:800;letter-spacing:.2px;cursor:pointer;line-height:1.2;box-shadow:0 2px 10px #00000059,inset 0 0 0 2px #ffffff0d;transition:box-shadow .15s ease,border-color .15s ease,transform .08s ease;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='white'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px}.select-strong:hover{border-color:#ffffff73;box-shadow:0 3px 14px #00000073,inset 0 0 0 2px #ffffff12}.select-strong:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa59,0 2px 10px #0006,inset 0 0 0 2px #ffffff12}.select-strong option{background:#0b1118;color:#fff;font-weight:700}label[for=cpuDifficulty].hint{opacity:1;color:#fff;font-weight:700}.key-settings{box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;margin:auto;padding:20px;color:#edf8f2;background:#123a2d;border:1px solid #87c5ab;border-radius:12px;box-shadow:0 12px 40px #0008}.key-settings::backdrop{background:#001b14bb}.key-settings h2{margin:0 0 8px;font-size:1.3rem}.key-settings p{line-height:1.4;font-size:.85rem}.key-settings select,.key-settings button{min-height:44px;padding:8px 10px;border:1px solid #87c5ab;border-radius:7px;background:#1d5140;color:#fff;font:inherit;font-size:.85rem;touch-action:manipulation}.key-settings select{display:block;width:100%;margin:5px 0 12px}.key-settings button:focus-visible,.key-settings select:focus-visible{outline:2px solid #ffe66e;outline-offset:2px}.key-setting-row{display:grid;grid-template-columns:1fr minmax(90px,45%);gap:10px;align-items:center;margin:6px 0;font-size:.9rem}.key-setting-row button[aria-pressed=true]{background:#625412;border-color:#ffe66e}#keySettingsStatus{min-height:2.8em;color:#deeb9b}.key-settings-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.key-settings-actions #saveKeysBtn{background:#287653}.powerup-plasma{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}.cell[data-fx=junk]{animation:junkPop .45s ease-out both;filter:drop-shadow(0 0 6px currentColor);transform-origin:center}@keyframes junkPop{0%{transform:scale(.6) rotate(-8deg);opacity:0}60%{transform:scale(1.15) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}#grid1.incoming-junk,#grid2.incoming-junk{animation:junkHit .55s ease;outline:3px solid rgba(255,255,255,.75);box-shadow:0 0 18px 6px #ffffff73,inset 0 0 14px #ffffff40}@keyframes junkHit{0%,to{transform:translateZ(0)}10%{transform:translate3d(-2px,-2px,0)}20%{transform:translate3d(3px,1px,0)}30%{transform:translate3d(-3px,2px,0)}40%{transform:translate3d(2px,-1px,0)}50%{transform:translate3d(-1px,1px,0)}60%{transform:translate3d(1px,-2px,0)}70%{transform:translate3d(-2px,2px,0)}80%{transform:translate3d(2px,-1px,0)}90%{transform:translate3d(-1px,1px,0)}}#grid1.burner-active,#grid2.burner-active,.tutorial-board.burner-active{outline:3px solid rgba(255,72,72,.95);box-shadow:0 0 18px 6px #ff484873,inset 0 0 14px #ff484840}.burst-particle{position:absolute;will-change:transform,opacity,filter;pointer-events:none;animation:burstFly .72s cubic-bezier(.22,.9,.26,1) both;transform-origin:center;z-index:5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}@keyframes burstFly{0%{transform:translate(0) scale(1) rotate(0);opacity:1;filter:brightness(1)}70%{transform:translate(var(--dx),var(--dy)) scale(.92) rotate(var(--rot));opacity:.65;filter:brightness(1.08)}to{transform:translate(calc(var(--dx) * 1.1),calc(var(--dy) * 1.1)) scale(.85) rotate(var(--rot));opacity:0;filter:brightness(1.15) blur(1px)}}@media(prefers-reduced-motion:reduce){.burst-particle{animation:none!important;opacity:0!important}}.crumb-piece{position:absolute;pointer-events:none;will-change:transform,opacity,clip-path,filter;z-index:6;image-rendering:auto;background-repeat:no-repeat;background-image:url(../assets/block_sprites.webp);background-size:var(--sheet-w) var(--sheet-h)}.crumb-piece[data-var=reg]{--vx: 0}.crumb-piece[data-var=off]{--vx: 1}.crumb-piece[data-var=def]{--vx: 2}.crumb-piece[data-var=solid]{--vx: 3}.crumb-piece[data-type=B]{--vy: 0}.crumb-piece[data-type=U]{--vy: 1}.crumb-piece[data-type=R]{--vy: 2}.crumb-piece[data-type=N]{--vy: 3}.crumb-piece[data-type=E]{--vy: 4}.crumb-piece[data-type=r]{--vy: 5}.crumb-piece{background-position:calc(var(--vx) * -1 * var(--sprite-step) - var(--sprite-inset)) calc(var(--vy) * -1 * var(--sprite-step) - var(--sprite-inset));transform:translate(0) rotate(0);filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));animation:crumbFall .9s cubic-bezier(.2,.8,.2,1) both}.crumb-piece{--clip-x: 0%;--clip-y: 0%;clip-path:polygon(calc(10% + var(--clip-x)) calc(10% + var(--clip-y)),calc(65% + var(--clip-x)) calc(8% + var(--clip-y)),calc(85% + var(--clip-x)) calc(45% + var(--clip-y)),calc(60% + var(--clip-x)) calc(80% + var(--clip-y)),calc(18% + var(--clip-x)) calc(70% + var(--clip-y)))}@keyframes crumbFall{0%{transform:translate(0) rotate(0) scale(1);opacity:1}60%{transform:translate(calc(var(--c-dx) * .75),calc(var(--c-dy) * .75)) rotate(calc(var(--c-rot) * .7)) scale(.94);opacity:.75}to{transform:translate(var(--c-dx),var(--c-dy)) rotate(var(--c-rot)) scale(.9);opacity:0;filter:blur(.6px) brightness(1.06)}}@media(prefers-reduced-motion:reduce){.crumb-piece{animation:none!important;opacity:0!important}}@media(max-width:560px){.crumb-piece{display:none!important}}.combo-pop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--combo-scale, 1));pointer-events:none;z-index:10;font-weight:900;text-align:center;letter-spacing:.5px;line-height:1;--combo-hue: 0deg;color:#fff;filter:saturate(1.25) contrast(1.1) drop-shadow(0 2px 18px rgba(255,255,255,.22));text-shadow:0 0 10px rgba(255,255,255,.55),0 0 24px rgba(255,255,255,.35)}.combo-pop .combo-main{display:block;font-size:clamp(20px,4.8vmin,40px);background:conic-gradient(from var(--combo-hue),#fff 0 20%,#ffd24a 20% 40%,#7dd3fc 40% 60%,#fff 60% 80%,#ffd24a 80% 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.combo-pop .combo-sub{display:block;margin-top:2px;font-weight:800;font-size:clamp(12px,2.6vmin,18px);opacity:.85}.combo-pop{animation:comboPopIn .66s cubic-bezier(.2,.9,.2,1) both,comboHold 1.1s ease-out .46s both,comboFloat 1.2s ease-in 1.36s both}@keyframes comboPopIn{0%{opacity:0;transform:translate(-50%,-48%) scale(calc(var(--combo-scale,1) * .78))}60%{opacity:1;transform:translate(-50%,-50%) scale(calc(var(--combo-scale,1) * 1.12))}to{opacity:1;transform:translate(-50%,-50%) scale(calc(var(--combo-scale,1) * 1))}}@keyframes comboHold{0%{filter:brightness(1.08)}to{filter:brightness(1.18)}}@keyframes comboFloat{0%{transform:translate(-50%,-50%) scale(var(--combo-scale,1));opacity:1}to{transform:translate(-50%,-66%) scale(calc(var(--combo-scale,1) * .98));opacity:0}}@media(prefers-reduced-motion:reduce){.combo-pop{animation:none!important;opacity:1!important}}:root[data-runtime=desktop].game-viewport{overflow:auto;scrollbar-gutter:stable}:root[data-runtime=desktop] body.game-active{height:auto;min-height:0;overflow:visible}.game-loading-status{display:none}:root:has(.arena3.game-loading){background:#113f2f}.arena3.game-loading{overflow:clip}.arena3.game-loading .game-loading-status{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;width:100vw;height:100dvh;z-index:50;box-sizing:border-box;padding:24px 16px;margin:0;background:#113f2f;text-align:center;color:#f0fff6;pointer-events:none}.game-loading-status p{margin:0;font-size:clamp(18px,3.5vw,24px);font-weight:700;line-height:1.3}.arena3.game-loading>:not(.game-loading-status),.arena3.game-loading>:not(.game-loading-status) *{visibility:hidden}body:has(.arena3.game-loading) #gameReady,body:has(.arena3.game-loading) #gameReady::backdrop{visibility:hidden}.arena3.grid-first-layout{display:grid!important;grid-template-columns:repeat(2,var(--player-width));grid-template-rows:max-content;justify-content:center;align-content:start;align-items:start;gap:0;width:var(--layout-width, 100%);height:var(--layout-height, 100dvh);padding:var(--arena-header-height, 56px) 8px 8px}:root[data-runtime=desktop] .arena3.grid-first-layout{min-height:var(--layout-height, 100dvh);height:auto;overflow:clip}body .arena3.grid-first-layout .arena-boards>.player-wrap,body.net-mode .arena3.grid-first-layout .arena-boards>.player-wrap{width:calc((var(--cols) + 1) * var(--cell) + (var(--cols) - 1) * var(--gap) + 16px);min-width:0;padding:0;grid-row:1}.arena3.grid-first-layout #p1{grid-column:1}.arena3.grid-first-layout #p2{grid-column:2}.arena3.grid-first-layout .arena-boards{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:repeat(2,var(--player-width));align-items:start;min-width:0}body .arena3.grid-first-layout .username,body.net-mode .arena3.grid-first-layout .username{position:static;box-sizing:border-box;width:calc(var(--cols) * var(--cell) + (var(--cols) - 1) * var(--gap) + 2px);height:var(--player-header-height, 92px);margin:0;padding:0 clamp(4px,calc(var(--cell) * .1875),12px) 4px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:2px}.arena3.grid-first-layout #p1 .username{margin-left:calc(var(--cell) + 14px)}.arena3.grid-first-layout.all-text-hidden>.player-wrap .username{position:static}body .arena3.grid-first-layout .username>span:first-child,body:not(.net-mode) .arena3.grid-first-layout #name1{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:clamp(14px,calc(var(--cell) * .48),28px);line-height:1.2}body:not(.net-mode) .arena3.grid-first-layout #name1:after{content:none}body .arena3.grid-first-layout .player-header-meta{display:contents!important}body .arena3.grid-first-layout .match-counters{width:100%;min-width:0;flex-wrap:nowrap;align-items:center;justify-content:flex-end;overflow:hidden;gap:3px}body .arena3.grid-first-layout .counter-chip,body .arena3.grid-first-layout .previous-score,body .arena3.grid-first-layout .grid-number-chip{box-sizing:border-box;min-width:0;min-height:0;max-width:100%;padding:2px clamp(2px,calc(var(--cell) * .1),8px);line-height:1.1;white-space:nowrap;overflow-wrap:normal;letter-spacing:0}body .arena3.grid-first-layout .counter-chip{flex:0 1 auto;font-size:calc(clamp(18px,calc(var(--cell) * .64),34px) * var(--counter-scale, 1))}body .arena3.grid-first-layout .previous-score{flex:0 1 auto;flex-direction:column;align-items:center;gap:0;font-size:calc(clamp(10px,calc(var(--cell) * .3),16px) * var(--counter-scale, 1))}body .arena3.grid-first-layout .previous-label{font-size:calc(9px * var(--counter-scale, 1))}body .arena3.grid-first-layout .grid-number-chip{margin:0;transform:none;font-size:clamp(10px,calc(var(--cell) * .22),12px)}body.net-mode .arena3.grid-first-layout .username{justify-content:flex-end;gap:1px;padding-bottom:2px}body.net-mode .arena3.grid-first-layout .grid-number-chip{order:1;align-self:flex-start;margin-top:1px;padding-block:1px;font-size:clamp(12px,calc(var(--cell) * .26),14px)}body.net-mode .arena3.grid-first-layout .match-counters{order:2}body.net-mode .arena3.grid-first-layout :is(#p1,#p2) .grid-number-chip{transform:none}.cpu-difficulty-badge[hidden],.all-text-hidden .cpu-difficulty-badge{display:none!important}.arena3.grid-first-layout .arena-view-controls{position:static;display:flex;transform:none;max-width:none;z-index:40}.arena-display-menu{position:fixed;top:var(--menu-panel-top, 150px);left:var(--menu-panel-left, 8px);right:auto;box-sizing:border-box;width:min(280px,calc(100vw - 16px));max-height:calc(100dvh - var(--menu-panel-top, 150px) - 8px);overflow-y:auto;padding:8px;border:1px solid #538b76;border-radius:8px;background:#0d2e23;box-shadow:0 8px 24px #0008}.arena-display-menu[hidden]{display:none!important}.theme-status{display:block;font-size:12px;line-height:1.4}.theme-status:empty{display:none}.arena3.grid-first-layout .arena-display-menu .sound-effects-control{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;width:100%;gap:5px}.arena3.grid-first-layout .arena-display-menu button{position:static;display:flex!important;width:100%;min-height:44px;align-items:center;justify-content:flex-start;gap:8px;padding:6px 8px;font-size:.8rem}.arena3.grid-first-layout .arena-display-menu button[hidden]{display:none!important}.arena-display-menu button:disabled{opacity:.5;cursor:default}.arena3.grid-first-layout .sound-effects-toggle-label{display:inline}.game-pause-button[aria-pressed=true]{background:#245e49;border-color:#9cdbbb}.arena3.is-paused *,.arena3.is-paused :before,.arena3.is-paused :after{animation-play-state:paused!important}.arena3.grid-first-layout .controls-hint.is-active{display:block!important}.arena3.grid-first-layout.instructions-space-hidden .controls-hint,.arena3.grid-first-layout.instructions-hidden .controls-hint,.arena3.grid-first-layout.all-text-hidden .controls-hint{display:none!important}.arena3.grid-first-layout .sidebar{position:absolute;grid-area:auto;top:var(--arena-header-height);left:var(--sidebar-left);right:auto;bottom:8px;box-sizing:border-box;width:var(--aside-space);height:calc(var(--rows) * var(--cell) + (var(--rows) - 1) * var(--gap) + 2 * var(--board-pad-y) + 2px + var(--player-header-height));min-height:0;margin:0;overflow-y:auto}.arena3.grid-first-layout.instructions-space-hidden.instructions-peek:not(.instructions-hidden):not(.all-text-hidden) .controls-hint.is-active{display:block!important}.arena3.grid-first-layout .sidebar.sidebar-space-hidden.sidebar-peek:not(.sidebar-user-hidden){display:block!important;width:min(340px,calc(100% - 16px));max-width:calc(100% - 16px);top:var(--arena-header-height, 56px);bottom:8px;height:calc(var(--layout-height, 100dvh) - var(--arena-header-height, 56px) - 16px);z-index:30;background:#0d2e23;border:1px solid #538b76;border-radius:8px;overflow-y:auto}.arena3.grid-first-layout .sidebar.sidebar-space-hidden.sidebar-peek:not(.sidebar-user-hidden){left:auto;right:8px}.arena3.grid-first-layout #viewOptionsToggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:44px;height:44px;padding:3px;border-color:#87c5ab;background:#164a39;color:#fff;font-size:10px;line-height:1;touch-action:manipulation}.arena3.grid-first-layout #viewOptionsToggle>span:first-child{font-size:22px}.arena3.grid-first-layout .arena-toolbar{position:absolute;top:var(--toolbar-top, 44px);left:var(--toolbar-left, 16px);width:var(--toolbar-width, calc(100% - 32px) );height:44px;display:grid;grid-template-columns:auto minmax(max-content,1fr) minmax(0,1fr);grid-template-rows:44px;gap:4px 16px;z-index:40}body .arena3.grid-first-layout .board-game-title{position:absolute;top:4px;left:16px;width:max-content;max-width:calc(100% - 32px);z-index:0;opacity:.65;pointer-events:none;margin:0;padding:0;transform:none;font-size:clamp(28px,3vw,40px);line-height:40px;white-space:nowrap}body .arena3.grid-first-layout .board-game-title span{font-size:.55em;line-height:1}.arena3.title-space-hidden .board-game-title{display:none!important}.arena-actions{grid-column:1;grid-row:1;display:flex;align-items:flex-start;justify-content:flex-start;gap:6px}.arena3.grid-first-layout .game-home-button,.arena3.grid-first-layout .game-pause-button{position:static;box-sizing:border-box;height:44px;min-width:44px;margin:0;padding:5px;transform:none}.arena3.grid-first-layout .game-home-button{font-size:0}.arena3.grid-first-layout .game-home-button:after{content:"\2302";font-size:28px}.arena3.grid-first-layout .game-pause-button{width:70px;font-size:.8rem}body .arena3.grid-first-layout .arena-timer-overlay{position:static;grid-column:2;grid-row:1;justify-self:center;align-self:center;transform:none}body .arena3.grid-first-layout .arena-timer-overlay .controls-timer{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0;padding:0}body .arena3.grid-first-layout .arena-timer-overlay .timer-label{font-size:10px;line-height:12px}body .arena3.grid-first-layout .arena-timer-overlay .timer-value{font-size:32px;line-height:32px;white-space:nowrap;font-variant-numeric:tabular-nums}.arena3.grid-first-layout .arena-timer-overlay[hidden]{display:none}.net-cpu-button{pointer-events:auto;display:block;margin:0 0 16px;width:max-content;max-width:100%;min-height:28px;padding:4px 8px;border:1px solid #83bca4;border-radius:6px;color:#fff4da;background:#163f31;font:600 11px/16px system-ui,sans-serif;cursor:pointer}.net-cpu-button[hidden]{display:none}.net-cpu-button:disabled{opacity:.6;cursor:default}.net-cpu-dialog{box-sizing:border-box;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid #83bca4;border-radius:14px;color:#fff4da;background:#102d24;font:15px/1.5 system-ui,sans-serif}.net-cpu-dialog::backdrop{background:#000a}.net-cpu-dialog h2{margin:0 0 16px;font-size:20px}.net-cpu-dialog label{display:block;margin-bottom:6px}.net-cpu-dialog select{width:100%;min-height:44px;padding:8px;background:#1c4738;color:inherit;border:1px solid #83bca4;border-radius:6px;font:inherit}.net-cpu-actions{display:flex;justify-content:flex-end;gap:10px}.net-cpu-actions button{min-height:44px;padding:8px 12px;border-radius:6px;font:inherit;cursor:pointer}.net-cpu-button:focus-visible,.net-cpu-dialog :focus-visible{outline:2px solid #ffdb89;outline-offset:2px}body .arena3.grid-first-layout:not(.menu-in-header) .arena-timer-overlay .timer-value{padding-block:0}.timer-position-setting{display:grid;gap:5px;padding:6px;font-size:13px;color:#effaf4}.timer-position-setting select{min-height:44px;width:100%;padding:8px;border:1px solid #68a48d;border-radius:6px;background:#153c2e;color:#effaf4;font:inherit}.timer-position-setting select:focus-visible{outline:2px solid #ffdb89;outline-offset:2px}body .arena3.grid-first-layout.timer-on-left:not(.menu-in-header) .arena-timer-overlay{position:absolute;grid-area:auto;top:var(--timer-side-top);left:var(--timer-side-left);transform:translate(-100%,-50%)}.arena3.grid-first-layout.timer-on-left:not(.menu-in-header) .arena-left-panel{max-height:max(44px,calc(var(--timer-side-top) - var(--left-panel-top) - 44px))}body .arena3.grid-first-layout .cpu-difficulty-badge,body .arena3.grid-first-layout .room-info{position:static;grid-column:3;grid-row:1;justify-self:end;align-self:center;max-width:100%;margin:0;padding:0 0 4px;transform:none;color:#f3dfb3;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena3.grid-first-layout.menu-in-header .arena-toolbar{top:4px;left:8px;right:8px;width:auto;height:72px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 24px}.arena3.grid-first-layout.menu-in-header .arena-actions{grid-column:2;justify-content:flex-end}body .arena3.grid-first-layout.menu-in-header .cpu-difficulty-badge,body .arena3.grid-first-layout.menu-in-header .room-info{grid-column:2;grid-row:2;align-self:end}body .arena3.grid-first-layout.menu-in-header .cpu-difficulty-badge{margin-right:var(--difficulty-inset, 0px)}body .arena3.grid-first-layout.menu-in-header .arena-timer-overlay{grid-column:1;grid-row:1;justify-self:start}body .arena3.grid-first-layout.menu-in-header .arena-timer-overlay .timer-value{font-size:28px;line-height:30px;letter-spacing:0}.arena3.grid-first-layout.menu-in-header .game-pause-button{width:62px}.arena3.grid-first-layout.menu-in-header .cpu-difficulty-badge{font-size:12px}.game-ready{box-sizing:border-box;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;overflow:auto;border:1px solid #87c5ab;border-radius:16px;color:#effaf4;background:linear-gradient(145deg,#173e30,#091c16);box-shadow:0 16px 60px #0009}.game-ready::backdrop{background:#02100b66}.game-ready h2{margin:0 0 12px;font-size:26px}.game-ready p{margin:0 0 20px;line-height:1.5}.game-ready-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.game-ready-actions>*{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.game-ready-actions a{color:#c4efdd;padding:8px}.game-ready-actions :focus-visible{outline:2px solid #ffdb89;outline-offset:3px}.game-ready #readyStartBtn{gap:10px;min-height:50px;min-width:150px;padding:12px 20px;border:1px solid #68b58e;border-radius:12px;color:#effaf4;background:linear-gradient(145deg,#286747,#15452f);box-shadow:inset 0 1px #ffffff30,0 4px #0b2b1c,0 8px 24px #0004;font:inherit;font-size:16px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.game-ready #readyStartBtn>span{font-size:12px}.game-ready #readyStartBtn:hover{background:linear-gradient(145deg,#317955,#1d583d);box-shadow:inset 0 1px #ffffff40,0 4px #0b2b1c,0 10px 28px #0005;transform:translateY(-1px)}.game-ready #readyStartBtn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff30,0 1px #0b2b1c}@media(prefers-reduced-motion:no-preference){.arena3.grid-first-layout.has-local-pause{animation:arena-arrive .24s ease-out}.game-ready[open]{animation:ready-arrive .2s ease-out}.game-ready[open]::backdrop{animation:arena-arrive .2s ease-out}}@keyframes arena-arrive{0%{opacity:0}to{opacity:1}}@keyframes ready-arrive{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.game-ready #readyStartBtn{transition:none}}.arena3.grid-first-layout .arena-left-panel{position:absolute;top:var(--left-panel-top);left:var(--instructions-left, 8px);width:var(--left-panel-width);max-height:var(--left-panel-height);display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:0}body .arena3.grid-first-layout .arena-left-panel .controls-hint{position:static;width:100%;max-width:none;height:auto;min-height:0;flex:0 1 auto;margin:0;padding:0;overflow:auto;overflow-wrap:anywhere;transform:none}.arena3.grid-first-layout.menu-in-header .arena-left-panel{display:none}.arena3.grid-first-layout.menu-in-header.instructions-peek:not(.instructions-hidden):not(.all-text-hidden) .arena-left-panel{display:flex;position:absolute;top:var(--instructions-overlay-top);left:8px;width:calc(100% - 16px);height:var(--instructions-overlay-height);max-height:var(--instructions-overlay-height);box-sizing:border-box;margin:0;padding:14px;border:1px solid #87c5ab;border-radius:10px;background:#0b2b20f5;box-shadow:0 8px 24px #0008;z-index:35}.mobile-instructions-heading{display:none}.insane-burner-notice{margin:0 0 .8rem;padding:.65rem .5rem;border-left:2px solid #ff933e;border-radius:4px;background:linear-gradient(110deg,#70280c55,#70280c00);line-height:1.45}.insane-burner-notice[hidden]{display:none!important}.controls-hint .insane-burner-title{color:#ffe2a0;text-shadow:0 -1px 2px #ffbe49,0 -3px 5px #ff650bcc,0 -6px 9px #f32b0066}.insane-burner-notice p{margin:.4rem 0 0}.menu-in-header .mobile-instructions-heading{display:block;flex:0 0 auto}.mobile-instructions-heading button{min-height:44px;padding:8px 14px}.mobile-instructions-heading p{margin:8px 0 0;font-size:12px;line-height:1.4}body .arena3.mobile-instructions-open .controls-hint.is-active{flex:1 1 auto;pointer-events:auto;text-align:left;font-size:14px;line-height:1.5;overscroll-behavior:contain;touch-action:pan-y}.arena3.mobile-instructions-open .controls-hint.is-active>.controls-title,.arena3.mobile-instructions-open .controls-hint.is-active>.controls-section,.arena3.mobile-instructions-open .controls-hint.is-active>br{display:block!important}:root[data-runtime=mobile] #changeKeysBtn,:root[data-runtime=mobile] .timer-position-setting,:root[data-runtime=mobile] #allTextToggle,:root[data-runtime=mobile] #miniGridToggle,:root[data-runtime=mobile] #mobileMiniGridToggle{display:none!important}.net-view-controls{display:flex;justify-content:center;align-items:center;gap:8px;margin:6px 0;color:#d6f4e7;font:600 12px system-ui,sans-serif}.net-view-controls[hidden]{display:none}.net-view-controls select{min-height:36px;max-width:100%;padding:4px 8px;border:1px solid #658c7d;border-radius:6px;background:#123b2d;color:#fff;font:inherit}.cell:is([data-var=off],[data-var=def]):not([data-type=empty]):not([data-fx]):not(.burst-particle){position:relative;animation:none;filter:var(--cell-filter, none);will-change:auto}.cell:nth-child(6n+2){--power-phase: -.43s}.cell:nth-child(6n+3){--power-phase: -1.17s}.cell:nth-child(6n+4){--power-phase: -.76s}.cell:nth-child(6n+5){--power-phase: -1.81s}.cell:nth-child(6n+6){--power-phase: -2.24s}.cell[data-var=def]:not([data-type=empty]):not([data-fx]):not(.burst-particle){background-image:none;overflow:visible;clip-path:inset(-8% 0);box-shadow:0 0 5px #78dcff33}.cell[data-var=def]:not([data-type=empty]):not([data-fx]):not(.burst-particle):before,.cell[data-var=def]:not([data-type=empty]):not([data-fx]):not(.burst-particle):after{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-image:var(--game-art, url(../assets/block_sprites.webp));background-repeat:no-repeat;background-size:var(--sheet-w) var(--sheet-h);background-position:calc(var(--vx) * -1 * var(--sprite-step) - var(--sprite-inset)) calc(var(--vy) * -1 * var(--sprite-step) - var(--sprite-inset));image-rendering:auto;backface-visibility:hidden;font-size:var(--cell);animation:power-def-front 5.6s ease-in-out infinite;animation-delay:var(--power-phase, 0s)}.cell[data-var=def]:not([data-type=empty]):not([data-fx]):not(.burst-particle):after{animation-name:power-def-side;box-shadow:inset -1px 0 #e6faff4d}@keyframes power-def-front{0%,12%{transform:perspective(4em) translateZ(-.5em) rotateY(0) translateZ(.5em)}88%,to{transform:perspective(4em) translateZ(-.5em) rotateY(90deg) translateZ(.5em)}}@keyframes power-def-side{0%,12%{transform:perspective(4em) translateZ(-.5em) rotateY(-90deg) translateZ(.5em)}88%,to{transform:perspective(4em) translateZ(-.5em) rotateY(0) translateZ(.5em)}}.cell[data-var=off]:not([data-type=empty]):not([data-fx]):not(.burst-particle){box-shadow:0 0 5px #ffdc503d}.cell[data-var=off]:not([data-type=empty]):not([data-fx]):not(.burst-particle):after{content:"";position:absolute;inset:-2px;pointer-events:none;background:url(../assets/powerup-electric.svg) 0 0 / 800% 100% no-repeat;animation:power-off-arcs 1.12s steps(7,end) infinite;animation-delay:var(--power-phase, 0s)}@keyframes power-off-arcs{to{background-position:100% 0}}.cell[data-type=M]:is([data-var=medusa],[data-var^=midas]):not([data-fx=preclear]):not(.burst-particle):not(.crumb-piece){position:relative;--face-skin: #bca877}.cell[data-type=M][data-var^=midas]{--face-skin: #b69b3c}.cell[data-type=M]:is([data-var=medusa],[data-var^=midas]):not([data-fx=preclear]):not(.burst-particle):not(.crumb-piece):before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 5% 2.3% at 40% 43%,var(--face-skin) 75%,transparent 100%),radial-gradient(ellipse 5% 2.3% at 59% 43%,var(--face-skin) 75%,transparent 100%);opacity:0;animation:special-face-blink 5.6s linear infinite}@keyframes special-face-blink{0%,36%,42%,74%,80%,to{opacity:0}38%,40%,76%,78%{opacity:1}}.cell[data-type=M][data-var=medusa]:not([data-fx=preclear]):not(.burst-particle):not(.crumb-piece):before{filter:drop-shadow(0 0 calc(var(--cell) * .018) #b8dd7899)}.cell[data-type=M][data-var^=midas]:not([data-fx=preclear]):not(.burst-particle):not(.crumb-piece):after{content:"";position:absolute;inset:-2px;pointer-events:none;background:url(../assets/midas-electric.svg) 0 0 / 1200% 100% no-repeat;animation:midas-edge-arcs 1.68s steps(11,end) infinite;animation-delay:var(--power-phase, 0s)}@keyframes midas-edge-arcs{to{background-position:100% 0}}.grid.mini .cell[data-type=M]:before,.grid.mini .cell[data-type=M]:after{content:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){.cell[data-type=M]:before,.cell[data-type=M]:after{content:none!important;animation:none!important}}.grid.mini .cell:is([data-var=off],[data-var=def]):not([data-fx]){animation:none!important;filter:var(--cell-filter, none)}.grid.mini .cell[data-var=def]:not([data-type=empty]):not([data-fx]):not(.burst-particle){background-image:var(--game-art, url(../assets/block_sprites.webp))}.grid.mini .cell:is([data-var=off],[data-var=def]):before,.grid.mini .cell:is([data-var=off],[data-var=def]):after{content:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){.cell[data-var=def]:not([data-type=empty]):not([data-fx]):not(.burst-particle){background-image:var(--game-art, url(../assets/block_sprites.webp))}.cell:is([data-var=off],[data-var=def]):before,.cell:is([data-var=off],[data-var=def]):after{content:none!important;animation:none!important}}.tutorial-page{margin:0;min-width:0;font-size:15px;line-height:1.6}.tutorial-page *,.tutorial-page *:before,.tutorial-page *:after{box-sizing:border-box}.tutorial-page [hidden]{display:none!important}.tutorial-page a{color:#b9e8d5;text-decoration-thickness:1px;text-underline-offset:4px}.tutorial-page :is(button,a,[tabindex]):focus-visible{outline:3px solid #e6c78d;outline-offset:4px}.tutorial-page :is(h1,h2,h3,h4,p){margin:0}.tutorial-page h2{font-size:clamp(23px,3vw,30px);line-height:1.25;letter-spacing:-.025em}.tutorial-page h3{font-size:21px;line-height:1.3}.tutorial-page kbd{display:inline-block;min-width:25px;padding:1px 5px;border:1px solid #5a756b;border-bottom-width:3px;border-radius:5px;background:#132d26;color:#ecfdf5;font:600 .85em/1.6 system-ui,sans-serif;text-align:center}.tutorial-header,.tutorial-main{width:calc(100% - clamp(24px,4vw,96px));margin:auto}.tutorial-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #416655}.tutorial-brand{color:#e6bb60!important;font-size:22px;font-weight:850;letter-spacing:-.04em;text-decoration:none;line-height:1.2}.tutorial-brand span{display:block;color:#b9cebf;font-size:10px;font-weight:600;letter-spacing:.13em}.tutorial-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:1px solid #577c72;border-radius:8px;padding:9px 14px;background:#14372e;color:#e2f5ed!important;font:650 13px/1.35 system-ui,sans-serif;text-decoration:none;cursor:pointer}.tutorial-button:hover{background:#224b3e;border-color:#9fbfb3}.tutorial-button:disabled{opacity:.7;cursor:default}.tutorial-button-primary{background:#254f60;border-color:#719ba7}.tutorial-skip{position:absolute;top:-100px;left:12px;padding:10px;background:#122e24;z-index:10}.tutorial-skip:focus{top:10px}.tutorial-intro{padding:22px 0 16px}.tutorial-intro h1{font-size:clamp(30px,4vw,40px);line-height:1.08;font-weight:800;letter-spacing:-.05em}.tutorial-intro>p{margin-top:8px;max-width:62ch;color:#c2d9cc;font-size:15px}.tutorial-jumps{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px}.tutorial-jumps a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.tutorial-panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:18px;scroll-margin-top:16px}.tutorial-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.tutorial-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:16px}.tutorial-tabs button{min-height:44px;padding:10px 6px;border:1px solid #3a5c4c;border-radius:7px;background:#10291f;color:#bcd2c6;font:650 13px/1.3 system-ui,sans-serif;cursor:pointer}.tutorial-tabs button:hover{background:#22493a}.tutorial-tabs [aria-selected=true]{border-color:#bbae7b;background:#384b38;color:#f3dfb3}.tutorial-lesson{--tutorial-cell: clamp(28px, min(calc((100vw - 420px) / 7), calc((100svh - 260px) / 13)), 112px);display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"demo keys" "demo explanation";gap:clamp(16px,2vw,32px);align-items:start}.tutorial-demo{min-width:0;margin:0;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--grid-bg);text-align:center}.tutorial-board-label{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding-left:calc(var(--tutorial-cell) + 14px);font-size:clamp(11px,calc(var(--tutorial-cell) * .4),20px);font-weight:650;color:#b2c6b8}.tutorial-opponent .tutorial-board-label{padding-left:4px}#tutorialBurnerBadge{color:#ffc28d}.tutorial-sprites{--cell: 26px;--sprite-inset: 1px;--sprite-step: calc(var(--cell) + 2px);--sheet-w: calc(var(--sprite-step) * 4);--sheet-h: calc(var(--sprite-step) * 6)}.tutorial-board-frame,.tutorial-inventories{--cell: var(--tutorial-cell)}.tutorial-board{width:calc(var(--cell) * 6 + 5px);height:calc(var(--cell) * 13 + 12px);overflow:hidden}.tutorial-cells{display:contents}.tutorial-piece{display:grid;grid-template-rows:repeat(3,var(--cell));gap:1px;position:absolute;top:0;left:0;width:var(--cell);transform:translate(calc(var(--piece-x) * (var(--cell) + 1px)),calc(var(--piece-y) * (var(--cell) + 1px)));transition:none}.tutorial-piece .cell{outline:1px solid #c6d9bc}.tutorial-highlight{outline:2px solid #edd59e;outline-offset:-2px}.tutorial-focus{outline:2px solid #ef7777!important;outline-offset:-2px;animation:tutorial-focus-pulse 1.5s ease-in-out infinite!important}@keyframes tutorial-focus-pulse{0%,to{box-shadow:inset 0 0 3px 1px #f15d5d55,0 0 3px #f15d5d33}50%{box-shadow:inset 0 0 9px 2px #f15d5d99,0 0 8px #f15d5d77}}@media(prefers-reduced-motion:reduce){.tutorial-focus{animation:none!important;box-shadow:inset 0 0 5px #f15d5d77}}.tutorial-shift-example{max-width:440px;margin:auto}.tutorial-shift-instruction{margin-bottom:18px!important;color:#c5d9ce;text-align:center}.tutorial-shift-demo{min-width:0;margin:0;text-align:center}.tutorial-shift-frame{--cell: clamp(24px, min(calc((100vw - 90px) / 6), calc((100svh - 340px) / 13)), 40px);width:max-content;max-width:100%;margin:auto}.tutorial-shift-playback{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}#tutorialShiftKey{min-width:44px;margin-inline:4px;font-size:24px;line-height:1.5;vertical-align:middle}#tutorialShiftKey.is-pressed{color:#12281d;background:#ffe18b;border-color:#ffe18b;box-shadow:0 0 12px #ffe18b88;transform:translateY(2px);animation:none}.tutorial-effects{position:absolute;inset:-80px;pointer-events:none;overflow:clip}.tutorial-demo{overflow:clip;width:calc(var(--tutorial-cell) * 7 + 47px);max-width:100%}.tutorial-match{display:flex;align-items:flex-start}.tutorial-player{width:calc(var(--tutorial-cell) * 7 + 21px);flex:none}.tutorial-playfield{display:grid;grid-template-columns:calc(var(--tutorial-cell) + 14px) max-content;gap:0;align-items:stretch}.tutorial-opponent .tutorial-playfield{grid-template-columns:max-content calc(var(--tutorial-cell) + 14px)}.tutorial-opponent .tutorial-inventories{grid-column:2;grid-row:1}.tutorial-opponent .tutorial-board-frame{grid-column:1;grid-row:1}.tutorial-inventories{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0}.tutorial-next{display:flex;flex-direction:column;align-items:center}.tutorial-next-label{font-size:9px;line-height:12px;color:#adc9ba}.tutorial-inventory{display:flex;flex:1;flex-direction:column;align-items:center;width:100%;padding:6px;border:1px solid var(--line);border-radius:6px;background:#ffffff0d;color:#adc9ba}.tutorial-inventory-queue{position:relative;display:flex;flex-direction:column;gap:1px}.tutorial-source-power:before,.tutorial-active-power:after{content:"";position:absolute;z-index:2;top:-4px;left:-4px;width:calc(var(--cell) + 8px);height:calc(var(--cell) + 8px);border:2px solid #ffe18b;border-radius:50%;box-shadow:0 0 0 1px #10291f;pointer-events:none}.tutorial-active-power{position:relative;display:block;flex:0 0 var(--cell);width:var(--cell);height:var(--cell);margin:4px}.tutorial-active-power .cell{display:block;width:var(--cell);height:var(--cell)}.tutorial-inventory-queue .cell:first-child{outline:1px solid #e6d4ad;outline-offset:-1px}.tutorial-inventory-status{margin-top:8px!important;color:#adc9ba;font-size:12px}.tutorial-junk{--cell: 24px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:14px;color:#adc9ba;font-size:10px}:is(.tutorial-inventory,.tutorial-junk,.tutorial-icon) .cell{width:var(--cell);height:var(--cell);flex:0 0 var(--cell)}.tutorial-action-hint{display:flex;align-items:center;gap:10px;min-height:2.8em;margin:10px auto 0;padding:6px 8px;border-left:3px solid #e6d4ad;border-radius:3px;background:#e6d4ad14;color:#f0e2c2;font-size:11px;font-weight:650;line-height:1.4;text-align:left}.tutorial-demo figcaption{min-height:3em;margin:10px auto 8px;max-width:36ch;color:#c6dbcf;font-size:12px;line-height:1.5}.tutorial-playback{display:flex;justify-content:center}.tutorial-playback .tutorial-button{padding:8px 10px}.tutorial-explanation{min-width:0;max-width:55ch}.tutorial-explanation h3{margin-bottom:8px;color:var(--text)}.tutorial-key-guide{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.tutorial-key-guide h4{color:#e6d4ad;font-size:14px}.tutorial-key-context{color:#adc6b7;font-size:12px;margin-top:2px!important}.tutorial-arrow-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,300px);margin:12px 0}.tutorial-key{display:flex;flex-direction:column;align-items:center;gap:3px;color:#c5d9ce;font-size:11px;text-align:center}.tutorial-key-cycle{grid-column:2;grid-row:1}.tutorial-key-left{grid-column:1;grid-row:2}.tutorial-key-drop{grid-column:2;grid-row:2}.tutorial-key-right{grid-column:3;grid-row:2}.tutorial-key kbd{display:grid;place-items:center;width:44px;height:40px;padding:0;color:#e3f4ff;border-color:#608b94;background:#193d42;font-size:23px;line-height:1}.tutorial-space-key{display:flex;align-items:center;gap:8px;color:#c5d9ce;font-size:12px}.tutorial-key-details{display:inline-flex;align-items:center;min-height:44px;font-size:12px}#tutorialLessonText{color:#c5d9ce}.tutorial-powerups{padding:24px 0;scroll-margin-top:16px}.tutorial-section-lead{max-width:76ch;color:#c1d5c8;margin:-6px 0 22px!important}.tutorial-power-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tutorial-power-group{min-width:0;overflow:hidden;border:1px solid #42685d;border-radius:14px;background:#102e25}.tutorial-power-group header{padding:16px;background:#1b3b36;border-bottom:1px solid #42685d}.tutorial-power-group header p{margin-top:10px;font-size:13px;color:#c4dbcf}.tutorial-offensive header{background:#373e2c}.tutorial-power-list{list-style:none;padding:0 16px;margin:0}.tutorial-power-list li{display:flex;align-items:center;gap:12px;padding:14px 0}.tutorial-power-list li+li{border-top:1px solid #314e40}.tutorial-icon{--cell: 38px;flex:0 0 var(--cell)}.tutorial-icon .cell{display:block}.tutorial-power-list h4{color:#e0eee4;font-size:14px;font-weight:650}.tutorial-power-list small{font-size:10px;font-weight:500;color:#acc1b5;white-space:nowrap}.tutorial-power-list p{color:#b4ccbd;font-size:12px;margin-top:5px;line-height:1.55}.tutorial-specials{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px;color:#c0d3c5;font-size:12px}.tutorial-specials strong{color:#e6d4ad}.tutorial-control-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.tutorial-muted{color:#adc6b7;font-size:12px;margin-top:8px!important}.tutorial-controls{width:100%;border-collapse:collapse;margin-top:12px;font-size:12px}.tutorial-controls th,.tutorial-controls td{padding:12px 6px;border-bottom:1px solid #355448;text-align:left}.tutorial-controls thead th{color:#a6c2b0;font-weight:500;font-size:11px}.tutorial-controls tbody th{color:#d0e4d7;font-weight:500}.tutorial-first-game{color:#b9d0c1;font-size:13px}.tutorial-first-game h3{color:#e5eee7}.tutorial-first-game p{margin-top:12px}.tutorial-first-game ol{padding-left:20px}.tutorial-first-game li{padding-left:3px;margin-top:10px}.tutorial-first-game .tutorial-button{margin-top:20px}.tutorial-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px 0 40px;color:#9dbba8;font-size:11px}.tutorial-footer a{display:inline-flex;align-items:center;min-height:44px}.tutorial-motion-paused *,.tutorial-motion-paused *:before,.tutorial-motion-paused *:after,.tutorial-motion-rest *,.tutorial-motion-rest *:before,.tutorial-motion-rest *:after{animation-play-state:paused!important}.tutorial-motion-paused .tutorial-piece,.tutorial-motion-paused .tutorial-cells{transition:none}@media(max-width:700px){.tutorial-panel{padding:16px}.tutorial-lesson{--tutorial-cell: clamp(24px, calc((100vw - 120px) / 7), 56px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"demo" "keys" "explanation";gap:20px}.tutorial-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-demo{justify-self:center}.tutorial-lesson>.tutorial-key-guide,.tutorial-lesson>.tutorial-explanation{width:100%;justify-self:center}.tutorial-arrow-keys{margin-inline:auto}.tutorial-power-columns,.tutorial-control-columns{grid-template-columns:1fr;gap:20px}.tutorial-power-list li{min-height:0}}@media(max-width:420px){.tutorial-header,.tutorial-main{width:calc(100% - 24px)}.tutorial-header{padding:16px 0;gap:10px}.tutorial-brand{font-size:19px}.tutorial-header .tutorial-button{padding-inline:10px;font-size:12px}.tutorial-intro{padding:18px 0 14px}.tutorial-panel{padding:16px 12px}.tutorial-section-heading{align-items:flex-start;flex-direction:column}.tutorial-tabs button{font-size:12px}.tutorial-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-specials{grid-template-columns:1fr;gap:12px}.tutorial-power-group header{padding:20px}.tutorial-power-list{padding:0 18px}.tutorial-icon{--cell: 34px}}@media(prefers-reduced-motion:reduce){.tutorial-page *,.tutorial-page *:before,.tutorial-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.tutorial-lesson>.tutorial-demo{grid-area:demo}.tutorial-lesson>.tutorial-key-guide{grid-area:keys;margin:0;padding:0;border:0;min-width:0}.tutorial-lesson>.tutorial-explanation{grid-area:explanation}@media(min-width:1100px){.tutorial-lesson{grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"keys demo explanation"}.tutorial-lesson>.tutorial-key-guide{width:min(100%,360px);justify-self:end}}.tutorial-playback{flex-wrap:wrap;gap:6px}.tutorial-page kbd.is-pressed{color:#10291f;background:#f7d783;border-color:#fff0bd;box-shadow:0 0 12px #f7d78366;animation:tutorial-key-press .5s ease-out}@keyframes tutorial-key-press{0%{transform:translateY(0)}40%{transform:translateY(3px)}to{transform:translateY(1px)}}.tutorial-lesson.has-opponent{--tutorial-cell: clamp(14px, min(calc((100vw - 140px) / 14), calc((100svh - 260px) / 13)), 84px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"demo demo" "keys explanation"}.tutorial-lesson.has-opponent>.tutorial-demo{width:calc(var(--tutorial-cell) * 14 + 68px);justify-self:center}.tutorial-lesson.has-opponent .tutorial-board-label{min-height:calc(3.2em + 8px);align-content:flex-start}.tutorial-lesson.has-opponent>.tutorial-key-guide{justify-self:center}@media(max-width:700px){.tutorial-lesson.has-opponent{--tutorial-cell: clamp(14px, calc((100vw - 140px) / 14), 40px);grid-template-columns:minmax(0,1fr);grid-template-areas:"demo" "keys" "explanation"}}.tutorial-power-picker{display:grid;gap:8px;margin-top:16px}.tutorial-power-picker fieldset{min-width:0;padding:8px;margin:0;border:1px solid var(--line);border-radius:8px}.tutorial-power-picker legend{padding:0 5px;font-size:12px;color:#c5d9ce}.tutorial-power-picker fieldset>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tutorial-power-picker button{min-height:44px;padding:6px;border:1px solid #577c72;border-radius:6px;background:#14372e;color:#e2f5ed;font:inherit;font-size:12px;cursor:pointer}.tutorial-power-picker button[aria-pressed=true]{border-color:#f7d783;background:#384b38;color:#f7d783}.tutorial-page .cell[data-var=off]{animation:none;filter:var(--cell-filter, none)}.tutorial-page .cell[data-var=off]:before,.tutorial-page .cell[data-var=off]:after{content:none}@media(max-width:700px){.tutorial-space-key{flex-wrap:wrap}.tutorial-power-picker fieldset>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){#tutorialPause{display:none}}