:root{--shell-max:430px;--cell-size:min(12.25vw, 53px);--cell-gap-x:0px;--cell-gap-y:min(1vw, 4px);--col-shift:calc((var(--cell-size) + var(--cell-gap-y)) / 2);--blue-900:#0e2d4f;--blue-800:#1b5f91;--blue-600:#5db7df;--blue-300:#bdeeff;--gold:#ffd76b;--gold-dark:#a76820;--text:#fff7c5;--shadow:rgba(0,0,0,.35);font-family:Trebuchet MS,Arial Rounded MT Bold,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 12%,rgba(82,159,210,.42),transparent 18%),radial-gradient(circle at 82% 8%,rgba(37,111,178,.42),transparent 16%),radial-gradient(circle at 18% 90%,rgba(23,78,142,.5),transparent 22%),linear-gradient(145deg,#041223,#11436e 48%,#2f7ea8);align-items:center;justify-items:center;margin:0;display:grid;overflow-x:hidden}button{font:inherit}.game-shell{width:min(100vw, var(--shell-max));background:radial-gradient(circle at 42% 30%,rgba(255,255,255,.11),transparent 10%),radial-gradient(circle at 78% 84%,rgba(7,43,82,.58),transparent 18%),linear-gradient(rgba(25,96,153,.88),rgba(42,126,177,.74));grid-template-rows:86px minmax(0,1fr) 62px;gap:0;min-height:100vh;padding:8px 0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 52px rgba(0,0,0,.42)}.game-shell:before{content:"";pointer-events:none;opacity:.85;background:radial-gradient(circle at 12% 20%,rgba(9,58,104,.32) 0,rgba(9,58,104,.32) 6%,transparent 7%),radial-gradient(circle at 54% 22%,rgba(5,42,82,.28) 0,rgba(5,42,82,.28) 8%,transparent 9%),radial-gradient(circle at 36% 82%,rgba(91,176,215,.2) 0,rgba(91,176,215,.2) 7%,transparent 8%);position:absolute;top:0;bottom:0;left:0;right:0}.top-bar,.board-wrap,.control-bar{z-index:1;position:relative}.top-bar{border-bottom:2px solid rgba(15,71,112,.68);grid-template-columns:.75fr .75fr 1.05fr .95fr;align-items:center;gap:6px;min-height:0;padding:2px 4px 8px;display:grid}.score-card,.next-card,.theme-picker{min-width:0;text-shadow:0 3px 0 var(--gold-dark), 0 5px 12px rgba(0,0,0,.45);gap:3px;display:grid}.score-card span,.next-card span,.theme-picker span{color:var(--gold);font-size:max(17px,min(4.6vw,23px));font-weight:900}.score-card strong{color:#ffe68a;font-size:max(32px,min(9vw,46px));line-height:.9}.next-card{justify-items:start}.next-batch{align-items:center;gap:2px;min-height:40px;display:flex}.theme-picker select{color:#4d3400;background:linear-gradient(#fff0a4,#e9a13a);border:0;border-radius:7px;width:100%;min-height:30px;padding:0 7px;font-weight:900;box-shadow:0 3px rgba(96,52,9,.65)}.board-wrap{align-self:start;align-items:center;justify-items:center;padding:max(10px,min(1.8vh,16px)) 0 0;display:grid;overflow:hidden}.board{width:calc((var(--cell-size) * 8) + (var(--cell-gap-x) * 7));grid-template-columns:repeat(8, var(--cell-size));grid-auto-rows:var(--cell-size);column-gap:var(--cell-gap-x);row-gap:var(--cell-gap-y);max-width:100%;padding:0 0 var(--col-shift);filter:drop-shadow(0 7px 10px rgba(0,0,0,.25));justify-content:center;display:grid;position:relative}.microbe.trail-ghost{pointer-events:none;z-index:3;opacity:var(--ghost-opacity,.82);transform:scale(var(--ghost-scale,.9));filter:saturate(1.18)brightness(1.12)blur(.35px);mix-blend-mode:normal;box-shadow:inset -4px -7px 10px rgba(0,0,0,.18), 0 0 12px color-mix(in srgb, var(--body) 72%, white 28%), 0 5px 14px rgba(0,0,0,.24);margin:0;animation:.15s linear both trail-fade;display:block;position:absolute}.trail-ghost-1{--ghost-opacity:.86;--ghost-scale:.96}.trail-ghost-2{--ghost-opacity:.72;--ghost-scale:.91}.trail-ghost-3{--ghost-opacity:.58;--ghost-scale:.86}.trail-ghost-4{--ghost-opacity:.44;--ghost-scale:.81}.trail-ghost-5{--ghost-opacity:.3;--ghost-scale:.76}.cell{width:var(--cell-size);height:var(--cell-size);cursor:pointer;background:radial-gradient(circle at 34% 28%,rgba(79,129,149,.36),transparent 25%),radial-gradient(circle at 50% 62%,#06141e,#132f42 66%,#4a7c91 100%);border:0;border-radius:50%;padding:0;position:relative;box-shadow:inset 0 5px 10px rgba(0,0,0,.75),inset 0 -2px 5px rgba(184,240,255,.18),0 2px rgba(183,239,255,.2)}.cell:nth-child(8n+2),.cell:nth-child(8n+4),.cell:nth-child(8n+6),.cell:nth-child(8n+8){transform:translateY(var(--col-shift))}.cell.is-selected{z-index:2}.microbe{background:radial-gradient(circle at 34% 24%, rgba(255,255,255,.58), transparent 13%), radial-gradient(circle at 50% 60%, var(--body), var(--body-dark) 75%);border-radius:50%;width:100%;height:100%;display:block;position:relative;transform:scale(.88);box-shadow:inset -4px -7px 10px rgba(0,0,0,.32),inset 3px 4px 8px rgba(255,255,255,.22),0 4px 8px rgba(0,0,0,.4)}.microbe.is-moving{animation:microbe-slide var(--move-duration,.18s) ease-in-out both;z-index:4}.microbe.is-moving:after{content:"";border-radius:inherit;pointer-events:none;opacity:.72;transform:translate(var(--trail-x,0), var(--trail-y,0)) scaleX(1.28) scaleY(.82);background:radial-gradient(circle at 35% 50%, rgba(255,255,255,.62), rgba(255,255,255,.18) 44%, transparent 72%), radial-gradient(circle, var(--body), transparent 64%);filter:blur(3px);mix-blend-mode:screen;position:absolute;top:-6%;bottom:-6%;left:-6%;right:-6%}.microbe.is-moving:before{box-shadow:0 0 12px rgba(255,255,255,.55)}.microbe.is-selected-microbe{animation:.72s ease-in-out infinite microbe-selected-pulse}.microbe.is-appearing{animation:.36s cubic-bezier(.2,1.35,.42,1) both microbe-pop}.microbe.is-disappearing{animation:.32s ease-in both microbe-clear}.microbe:before,.microbe:after{content:"";background:radial-gradient(circle at 52% 58%,#1b2730 0,#1b2730 25%,#f1efe3 29%);border-radius:50%;width:17%;height:17%;position:absolute;top:31%;box-shadow:0 0 0 1px rgba(0,0,0,.15)}.microbe:before{left:27%}.microbe:after{right:27%}.microbe .mouth{background:rgba(47,24,16,.72);border-radius:0 0 999px 999px;width:28%;height:14%;position:absolute;bottom:25%;left:36%}.microbe .dot{background:rgba(28,22,19,.25);border-radius:50%;width:7%;height:7%;position:absolute}.microbe .dot:nth-child(2){top:22%;left:16%}.microbe .dot:nth-child(3){top:20%;right:16%}.microbe .dot:nth-child(4){bottom:18%;left:18%}.microbe .dot:nth-child(5){bottom:16%;right:20%}.microbe.type-0{--body:#d86f2b;--body-dark:#8f3f1f;border-radius:46% 54% 50% 45%/42% 48% 55% 58%}.microbe.type-0 .mouth{background:linear-gradient(90deg,transparent 0,transparent 30%,#fff 31%,#fff 43%,transparent 44%,transparent 56%,#fff 57%,#fff 69%,transparent 70%),rgba(47,24,16,.86);border-radius:0 0 999px 999px;width:36%;height:18%;bottom:22%;left:32%}.microbe.type-1{--body:#4f9ec1;--body-dark:#1d5f7a;border-radius:42% 58% 44% 56%/58% 45% 55% 42%;transform:scale(.84)rotate(-8deg)}.microbe.type-1:before,.microbe.type-1:after{top:27%}.microbe.type-1 .mouth{border-radius:50%;width:26%;height:22%;bottom:22%;left:37%}.microbe.type-1 .dot:nth-child(4),.microbe.type-1 .dot:nth-child(5){background:rgba(255,255,255,.32);width:10%;height:10%}.microbe.type-2{--body:#86b849;--body-dark:#3f7b28;border-radius:38% 62% 58% 42%/46% 50% 50% 54%;box-shadow:-7px -3px 0 -5px #a9cf63,7px -3px 0 -5px #a9cf63,inset -4px -7px 10px rgba(0,0,0,.25),inset 3px 4px 8px rgba(255,255,255,.35),0 4px 8px rgba(0,0,0,.4)}.microbe.type-2:before,.microbe.type-2:after{width:16%;height:16%;top:25%}.microbe.type-2 .mouth{border-radius:999px;width:38%;height:9%;bottom:26%;left:31%}.microbe.type-2 .dot{background:rgba(35,92,20,.45);width:8%;height:8%}.microbe.type-3{--body:#d4b34d;--body-dark:#9a6c22;border-radius:36% 36% 52% 52%/48% 48% 62% 62%;transform:scale(.86)}.microbe.type-3:before,.microbe.type-3:after{width:15%;height:15%;top:32%}.microbe.type-3 .mouth{background:rgba(47,24,16,.7);border-radius:999px 999px 0 0;width:32%;height:13%;bottom:23%;left:34%}.microbe.type-3 .dot:nth-child(2),.microbe.type-3 .dot:nth-child(3){width:5%;height:5%}.microbe.type-4{--body:#c46193;--body-dark:#84355e;border-radius:58% 42% 50% 50%/42% 58% 48% 52%;transform:scale(.85)rotate(7deg)}.microbe.type-4:before{top:29%;left:25%}.microbe.type-4:after{width:19%;height:19%;top:26%;right:21%}.microbe.type-4 .mouth{border-radius:0 0 999px 999px;width:20%;height:18%;bottom:24%;left:39%}.microbe.type-4 .dot{background:rgba(255,229,246,.38)}.microbe.type-5{--body:#8e72c6;--body-dark:#513b88;clip-path:polygon(50% 0%,88% 16%,100% 55%,74% 100%,26% 100%,0% 55%,12% 16%);border-radius:28% 28% 46% 46%/30% 30% 62% 62%}.microbe.type-5:before,.microbe.type-5:after{width:19%;height:19%;top:28%}.microbe.type-5 .mouth{border-radius:0 0 999px 999px;width:40%;height:14%;bottom:24%;left:30%}.microbe.type-5 .dot{background:rgba(43,25,91,.4);width:6%;height:6%}.microbe.type-6{--body:#c8434d;--body-dark:#822231;border-radius:50%;transform:scale(.82);box-shadow:inset -4px -7px 10px rgba(0,0,0,.25),inset 3px 4px 8px rgba(255,255,255,.35),0 4px 8px rgba(0,0,0,.4)}.microbe.type-6:before,.microbe.type-6:after{width:14%;height:14%;top:30%}.microbe.type-6 .mouth{border-radius:999px;width:30%;height:8%;bottom:27%;left:35%}.microbe.type-6 .dot{background:rgba(255,238,150,.72)}.microbe.type-7{--body:#8f9996;--body-dark:#4f5a58;background:radial-gradient(circle at 28% 24%, rgba(255,255,255,.55), transparent 11%), radial-gradient(circle at 68% 68%, rgba(55,62,60,.4), transparent 16%), radial-gradient(circle at 50% 60%, var(--body), var(--body-dark) 75%);border-radius:34% 52% 38% 58%/45% 34% 58% 44%;transform:scale(.9)rotate(-5deg)}.microbe.type-7:before{width:13%;height:13%;top:30%;left:24%}.microbe.type-7:after{width:13%;height:13%;top:30%;right:24%}.microbe.type-7 .mouth{background:rgba(24,28,28,.55);border-radius:0 0 999px 999px;width:32%;height:16%;bottom:23%;left:34%}.microbe.type-7 .dot{background:rgba(44,52,52,.32)}body.theme-b{background:radial-gradient(circle at 20% 12%,rgba(145,192,72,.34),transparent 18%),radial-gradient(circle at 82% 8%,rgba(89,138,45,.34),transparent 16%),radial-gradient(circle at 18% 90%,rgba(61,111,35,.42),transparent 22%),linear-gradient(145deg,#172d13,#315d21 48%,#6e9b35)}body.theme-b .game-shell{background:radial-gradient(circle at 42% 30%,rgba(235,244,153,.1),transparent 10%),radial-gradient(circle at 78% 84%,rgba(24,61,22,.56),transparent 18%),linear-gradient(rgba(46,91,30,.9),rgba(91,136,42,.76))}body.theme-b .game-shell:before{background:radial-gradient(circle at 12% 20%,rgba(31,72,26,.32) 0,rgba(31,72,26,.32) 6%,transparent 7%),radial-gradient(circle at 54% 22%,rgba(21,61,24,.28) 0,rgba(21,61,24,.28) 8%,transparent 9%),radial-gradient(circle at 36% 82%,rgba(180,209,100,.18) 0,rgba(180,209,100,.18) 7%,transparent 8%)}body.theme-b .top-bar,body.theme-b .control-bar{border-color:rgba(30,69,24,.7)}body.theme-b .cell{background:radial-gradient(circle at 34% 28%,rgba(88,116,49,.32),transparent 25%),radial-gradient(circle at 50% 62%,#0b1c0b,#1d3517 66%,#5a7334 100%);box-shadow:inset 0 5px 10px rgba(0,0,0,.72),inset 0 -2px 5px rgba(210,236,137,.18),0 2px rgba(172,207,94,.2)}body.theme-c{background:radial-gradient(circle at 20% 12%,rgba(97,108,175,.25),transparent 18%),radial-gradient(circle at 82% 8%,rgba(42,72,120,.28),transparent 16%),radial-gradient(circle at 18% 90%,rgba(35,86,105,.26),transparent 22%),linear-gradient(145deg,#080d18,#17243d 48%,#2b405e)}body.theme-c .game-shell{background:radial-gradient(circle at 42% 30%,rgba(255,255,255,.07),transparent 10%),radial-gradient(circle at 78% 84%,rgba(23,30,58,.62),transparent 18%),linear-gradient(rgba(16,25,47,.95),rgba(35,54,83,.82))}body.theme-c .game-shell:before{background:radial-gradient(circle at 12% 20%,rgba(50,61,116,.28) 0,rgba(50,61,116,.28) 6%,transparent 7%),radial-gradient(circle at 54% 22%,rgba(20,35,78,.24) 0,rgba(20,35,78,.24) 8%,transparent 9%),radial-gradient(circle at 36% 82%,rgba(83,139,156,.16) 0,rgba(83,139,156,.16) 7%,transparent 8%)}body.theme-c .top-bar,body.theme-c .control-bar{border-color:rgba(75,91,135,.65)}body.theme-c .cell{background:radial-gradient(circle at 34% 28%,rgba(62,72,105,.32),transparent 25%),radial-gradient(circle at 50% 62%,#070c16,#1b2336 66%,#44506d 100%);box-shadow:inset 0 5px 10px rgba(0,0,0,.8),inset 0 -2px 5px rgba(134,164,221,.16),0 2px rgba(118,143,210,.18)}body.theme-d{background:radial-gradient(circle at 20% 12%,rgba(157,213,192,.36),transparent 18%),radial-gradient(circle at 82% 8%,rgba(117,176,160,.34),transparent 16%),radial-gradient(circle at 18% 90%,rgba(233,220,154,.22),transparent 22%),linear-gradient(145deg,#1f5c58,#3b8d80 48%,#9bbb7b)}body.theme-d .game-shell{background:radial-gradient(circle at 42% 30%,rgba(255,255,255,.12),transparent 10%),radial-gradient(circle at 78% 84%,rgba(40,104,91,.44),transparent 18%),linear-gradient(rgba(49,130,120,.86),rgba(135,178,114,.78))}body.theme-d .game-shell:before{background:radial-gradient(circle at 12% 20%,rgba(52,115,103,.24) 0,rgba(52,115,103,.24) 6%,transparent 7%),radial-gradient(circle at 54% 22%,rgba(44,102,91,.22) 0,rgba(44,102,91,.22) 8%,transparent 9%),radial-gradient(circle at 36% 82%,rgba(239,224,158,.18) 0,rgba(239,224,158,.18) 7%,transparent 8%)}body.theme-d .top-bar,body.theme-d .control-bar{border-color:rgba(54,101,96,.62)}body.theme-d .cell{background:radial-gradient(circle at 34% 28%,rgba(70,116,112,.32),transparent 25%),radial-gradient(circle at 50% 62%,#0d2020,#244441 66%,#5c8180 100%);box-shadow:inset 0 5px 10px rgba(0,0,0,.7),inset 0 -2px 5px rgba(202,239,222,.18),0 2px rgba(150,214,187,.18)}body.theme-b .microbe.type-0{--body:#be6f3f;--body-dark:#76432b;clip-path:none;border-radius:44% 56% 64% 36%/62% 42% 58% 38%;transform:scale(.78)rotate(-16deg)}body.theme-b .microbe.type-1{--body:#4f8fa1;--body-dark:#245a68;clip-path:none;border-radius:52% 48% 42% 58%/36% 62% 38% 64%;transform:scale(.8)rotate(12deg);box-shadow:0 -8px 0 -5px #abc171,inset -4px -7px 10px rgba(0,0,0,.25),inset 3px 4px 8px rgba(255,255,255,.25),0 4px 8px rgba(0,0,0,.4)}body.theme-b .microbe.type-2{--body:#7ea34e;--body-dark:#496d2f;border-radius:48% 52% 40% 60%/58% 36% 64% 42%;transform:scale(.82);box-shadow:-8px -5px 0 -6px #abc171,8px -5px 0 -6px #abc171,0 8px 0 -6px #abc171,inset -4px -7px 10px rgba(0,0,0,.25),inset 3px 4px 8px rgba(255,255,255,.25),0 4px 8px rgba(0,0,0,.4)}body.theme-b .microbe.type-3{--body:#b99c4b;--body-dark:#7b6428;clip-path:polygon(50% 0%,86% 24%,76% 100%,24% 100%,14% 24%);border-radius:50% 50% 38% 38%/62% 62% 42% 42%;transform:scale(.82)}body.theme-b .microbe.type-4{--body:#ad5d79;--body-dark:#74394f;clip-path:none;border-radius:64% 36%/48% 58% 42% 52%;transform:scale(.82)rotate(-10deg)}body.theme-b .microbe.type-5{--body:#78659f;--body-dark:#4a3c6d;clip-path:none;border-radius:50%;transform:scale(.76);box-shadow:-7px 0 0 -5px #abc171,7px 0 0 -5px #abc171,0 -7px 0 -5px #abc171,0 7px 0 -5px #abc171,inset -4px -7px 10px rgba(0,0,0,.25),inset 3px 4px 8px rgba(255,255,255,.25),0 4px 8px rgba(0,0,0,.4)}body.theme-b .microbe.type-6{--body:#a6473f;--body-dark:#6e2b29;clip-path:polygon(50% 0%,72% 18%,100% 45%,80% 80%,50% 100%,20% 80%,0% 45%,28% 18%);border-radius:50% 50% 56% 44%/42% 42% 62% 58%;transform:scale(.8)rotate(18deg)}body.theme-b .microbe.type-7{--body:#82907b;--body-dark:#4f5b4b;clip-path:none;border-radius:36% 64% 44% 56%/48% 36% 64% 52%;transform:scale(.82)rotate(-18deg)}body.theme-c .microbe:before,body.theme-c .microbe:after{width:13%;height:13%}body.theme-c .microbe.type-0{--body:#b47743;--body-dark:#71492d;clip-path:none;border-radius:18% 18% 24% 24%;transform:scale(.78)rotate(45deg)}body.theme-c .microbe.type-1{--body:#5d94ad;--body-dark:#345a70;clip-path:polygon(50% 0%,88% 30%,78% 88%,22% 88%,12% 30%);border-radius:50%;transform:scale(.72)}body.theme-c .microbe.type-2{--body:#768f58;--body-dark:#485d3a;clip-path:none;border-radius:20% 20% 22% 22%;transform:scale(.74)rotate(-45deg);box-shadow:0 0 0 2px rgba(255,255,255,.12),inset -4px -7px 10px rgba(0,0,0,.25),inset 3px 4px 8px rgba(255,255,255,.25),0 4px 8px rgba(0,0,0,.4)}body.theme-c .microbe.type-3{--body:#b09251;--body-dark:#6f5b31;clip-path:none;border-radius:999px;transform:scale(.72)rotate(90deg)}body.theme-c .microbe.type-4{--body:#a25f7b;--body-dark:#61374f;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border-radius:28% 28% 34% 34%;transform:scale(.76)rotate(45deg)}body.theme-c .microbe.type-5{--body:#71679f;--body-dark:#3f3b68;clip-path:polygon(50% 0%,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);border-radius:0;transform:scale(.78)}body.theme-c .microbe.type-6{--body:#9d474c;--body-dark:#5f2b34;clip-path:none;border-radius:50%;transform:scale(.7);box-shadow:0 0 0 3px rgba(255,255,255,.12),0 0 14px rgba(255,255,255,.12),inset -4px -7px 10px rgba(0,0,0,.25),inset 3px 4px 8px rgba(255,255,255,.25),0 4px 8px rgba(0,0,0,.4)}body.theme-c .microbe.type-7{--body:#808b90;--body-dark:#474f56;clip-path:none;border-radius:24% 58% 32% 50%/36% 22% 58% 48%;transform:scale(.78)rotate(-22deg)}body.theme-d .microbe.type-0{--body:#d08a5d;--body-dark:#89543b;clip-path:none;border-radius:50%;transform:scale(.84)}body.theme-d .microbe.type-1{--body:#6aa5bd;--body-dark:#3b6678;clip-path:none;border-radius:48% 52% 54% 46%/44% 54% 46% 56%;transform:scale(.82);box-shadow:0 -6px 0 -5px #b6c586,inset -4px -7px 10px rgba(0,0,0,.25),inset 3px 4px 8px rgba(255,255,255,.25),0 4px 8px rgba(0,0,0,.4)}body.theme-d .microbe.type-2{--body:#8eaa64;--body-dark:#556c3d;clip-path:none;border-radius:44% 56% 46% 54%/54% 44% 56% 46%;transform:scale(.82)rotate(-8deg);box-shadow:-6px -3px 0 -5px #b6c586,6px -3px 0 -5px #b6c586,inset -4px -7px 10px rgba(0,0,0,.25),inset 3px 4px 8px rgba(255,255,255,.25),0 4px 8px rgba(0,0,0,.4)}body.theme-d .microbe.type-3{--body:#c5a95b;--body-dark:#7f6835;clip-path:none;border-radius:42% 42% 58% 58%/36% 36% 64% 64%;transform:scale(.82)}body.theme-d .microbe.type-4{--body:#c37893;--body-dark:#81485f;clip-path:none;border-radius:60% 40% 58% 42%/42% 60% 40% 58%;transform:scale(.82)rotate(10deg)}body.theme-d .microbe.type-5{--body:#8d7cb0;--body-dark:#554874;clip-path:polygon(50% 0%,90% 18%,100% 58%,72% 100%,28% 100%,0% 58%,10% 18%);border-radius:28% 28% 46% 46%/30% 30% 62% 62%;transform:scale(.82)}body.theme-d .microbe.type-6{--body:#b85d55;--body-dark:#753a39;clip-path:none;border-radius:50%;transform:scale(.78);box-shadow:0 -7px 0 -4px #ad9b61,7px 0 0 -4px #ad9b61,0 7px 0 -4px #ad9b61,-7px 0 0 -4px #ad9b61,inset -4px -7px 10px rgba(0,0,0,.25),inset 3px 4px 8px rgba(255,255,255,.25),0 4px 8px rgba(0,0,0,.4)}body.theme-d .microbe.type-7{--body:#939b93;--body-dark:#59615b;clip-path:none;border-radius:34% 52% 38% 58%/45% 34% 58% 44%;transform:scale(.84)rotate(8deg)}.next-batch .microbe{flex:0 0 24px;width:24px;height:24px}.control-bar{border-top:2px solid rgba(15,71,112,.5);grid-template-columns:48px 1fr auto;align-items:center;gap:10px;min-height:0;padding:8px 0 0;display:grid}.icon-button,.action-button{color:#4d3b00;cursor:pointer;background:linear-gradient(#fff1a6,#ffbe3e);border:0;border-radius:8px;font-weight:900;box-shadow:inset 0 2px 1px rgba(255,255,255,.65),0 4px #a76217,0 7px 14px rgba(0,0,0,.25)}.icon-button{border-radius:50%;width:42px;height:42px;font-size:30px;line-height:1}.action-button{white-space:nowrap;min-height:40px;padding:0 12px}.action-button.primary{color:#321900;background:linear-gradient(#fff6bd,#ff9a31)}.status-text{color:#fffbd3;text-shadow:0 2px 4px rgba(0,0,0,.48);min-width:0;margin:0;font-size:14px;line-height:1.35}.dialog{color:#fff9cf;background:0 0;border:0;border-radius:8px;width:min(88vw,340px);padding:0}.dialog::-ms-backdrop{background:rgba(5,20,5,.58)}.dialog::backdrop{background:rgba(5,20,5,.58)}.dialog-panel{background:linear-gradient(160deg,#104a78,#2f87b0);border-radius:8px;padding:22px;box-shadow:0 20px 55px rgba(0,0,0,.55)}.dialog h2{color:var(--gold);margin:0 0 8px;font-size:26px}.dialog p{margin:0 0 18px;line-height:1.5}.dialog menu{justify-content:flex-end;gap:10px;margin:0;padding:0;display:flex}@keyframes microbe-slide{0%{transform:translate(var(--move-x,0), var(--move-y,0)) scale(.88)}to{transform:translate(0)scale(.88)}}@keyframes trail-fade{0%{opacity:var(--ghost-opacity,.5);transform:scale(var(--ghost-scale,.9))}72%{opacity:calc(var(--ghost-opacity,.5) * .86)}to{opacity:0;transform:scale(.72)}}@keyframes microbe-selected-pulse{0%,to{filter:brightness();transform:scale(.88)}50%{filter:brightness(1.18);transform:scale(1.08)}}@keyframes microbe-pop{0%{opacity:0;filter:brightness(1.45);transform:scale(.2)rotate(-12deg)}68%{opacity:1;filter:brightness(1.18);transform:scale(1.02)rotate(4deg)}to{opacity:1;filter:brightness();transform:scale(.88)rotate(0)}}@keyframes microbe-clear{0%{opacity:1;filter:brightness();transform:scale(.88)}38%{opacity:1;filter:brightness(1.6);transform:scale(1.12)}to{opacity:0;filter:brightness(2);transform:scale(.08)}}@media (max-width:380px){:root{--cell-size:12vw;--cell-gap-x:0px;--cell-gap-y:.9vw}.game-shell{grid-template-rows:82px minmax(0,1fr) 60px;padding-left:0;padding-right:0}.top-bar{grid-template-columns:.68fr .68fr .95fr .9fr;gap:4px}.score-card span,.next-card span,.theme-picker span{font-size:15px}.score-card strong{font-size:30px}.theme-picker select{min-height:28px;padding-left:4px;padding-right:4px;font-size:12px}.next-batch .microbe{flex-basis:30px;width:30px;height:30px}.control-bar{grid-template-columns:42px 1fr auto}.icon-button{width:40px;height:40px}.action-button{padding-left:10px;padding-right:10px;font-size:14px}}@media (prefers-reduced-motion:reduce){.microbe.is-moving,.microbe.is-selected-microbe,.microbe.is-appearing,.microbe.is-disappearing{animation-duration:1ms}}