:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#08172f;font-family:Inter,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:clip}body{min-width:320px;min-height:600px}button{font:inherit}button:focus-visible{outline-offset:4px;outline:4px solid #fff}@keyframes floatIn{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:none}}@keyframes pulseGlow{50%{filter:drop-shadow(0 0 22px #80e7ff);transform:scale(1.025)}}@keyframes comboPop{0%{opacity:0;transform:translate(-50%,25px)scale(.65)rotate(-4deg)}35%{opacity:1;transform:translate(-50%)scale(1.12)rotate(2deg)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes scoreFly{0%{opacity:0;transform:translate(-50%,15px)scale(.7)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-46px)scale(1.15)}}@keyframes cardVanish{0%{filter:brightness();opacity:1;transform:scale(1)}35%{filter:brightness(2.8)saturate(.5);opacity:1;transform:scale(1.16)}to{filter:brightness(4);opacity:0;transform:scale(.25)}}@keyframes hintShimmer{0%,to{filter:brightness()}50%{filter:brightness(1.35)drop-shadow(0 0 8px #fff9a4)}}@keyframes urgent{50%{color:#fff;text-shadow:0 0 24px #ff4136;transform:scale(1.12)}}@keyframes particleBurst{to{transform:translate(var(--dx), var(--dy)) scale(0);opacity:0}}.app{isolation:isolate;background:radial-gradient(circle at 50% 45%,#117aca52,#0000 45%),linear-gradient(135deg,#08162d 0%,#123562 48%,#071327 100%);width:100%;height:100%;position:relative;overflow:clip}.app:before{content:"";z-index:-2;opacity:.2;background-image:linear-gradient(30deg,#74cfff 12%,#0000 12.5% 87%,#74cfff 87.5%),linear-gradient(150deg,#74cfff 12%,#0000 12.5% 87%,#74cfff 87.5%);background-size:72px 124px;position:absolute;inset:0}.arena-glow{filter:blur(80px);opacity:.18;pointer-events:none;border-radius:50%;position:absolute}.arena-glow-one{background:#2af5ff;width:42vw;height:42vw;top:-15vw;left:-20vw}.arena-glow-two{background:#a927ff;width:35vw;height:35vw;bottom:-15vw;right:-12vw}.start-screen{text-align:center;place-items:center;height:100%;padding:24px;display:grid;position:relative}.start-card-fan{pointer-events:none;opacity:.42;height:40vh;position:absolute;inset:8% 0 auto}.start-card-fan img{filter:drop-shadow(0 18px 20px #0008);width:clamp(110px,10vw,190px);position:absolute;left:50%}.start-card-fan img:first-child{transform:translate(-180%)rotate(-17deg)}.start-card-fan img:nth-child(2){transform:translate(-85%)translateY(-24px)rotate(-7deg)}.start-card-fan img:nth-child(3){transform:translate(0%)rotate(8deg)}.start-card-fan img:nth-child(4){transform:translate(95%)translateY(16px)rotate(17deg)}.start-panel,.result-panel{z-index:1;background:linear-gradient(#13376af0,#081636f7);border:4px solid #65d8ff;border-radius:32px;width:min(500px,92vw);padding:clamp(28px,5vh,56px) 34px 34px;animation:.5s cubic-bezier(.2,.9,.2,1) floatIn;box-shadow:0 15px #041128,0 24px 60px #0009,inset 0 2px #fff5}.eyebrow{color:#8fe8ff;letter-spacing:.22em;margin:0 0 4px;font-size:12px;font-weight:900}.game-title{letter-spacing:.025em;color:#fff;text-shadow:0 5px #1467ba,0 9px #052b5d,0 13px 22px #000b;margin:0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(55px,9vw,92px);line-height:.92}.game-title span{color:#ff4fe1;text-shadow:0 5px #9b177e,0 9px #4c0c52,0 13px 22px #000b}.start-rule{margin:22px 0 6px;font-size:clamp(18px,2.4vw,25px);font-weight:800;line-height:1.35}.start-rule strong{color:#fff;background:linear-gradient(#f781ff,#a600c4);border:3px solid #ffbaff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:24px;display:inline-grid;box-shadow:0 4px #690b81}.start-sub{color:#a9c8e8;margin:0 0 24px;font-weight:700}.primary-button{cursor:pointer;color:#10210d;letter-spacing:.06em;text-shadow:0 2px #fff8;background:linear-gradient(#d4ff52 0%,#70db28 60%,#42a91f 100%);border:3px solid #d9ff9b;border-radius:17px;width:min(310px,100%);padding:15px 24px 12px;font-family:Impact,Arial Black,sans-serif;font-size:34px;transition:transform .12s,filter .12s;box-shadow:0 8px #287812,0 13px 24px #0008,inset 0 3px #fff9}.primary-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.primary-button:active{transform:translateY(6px);box-shadow:0 2px #287812,0 5px 12px #0008}.sound-button{cursor:pointer;color:#fff;background:#071a37aa;border:2px solid #fff5;border-radius:12px;padding:8px 11px;font-size:18px}.start-sound{position:absolute;top:24px;right:24px}.game-shell{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(6px,1vh,12px);width:min(99vw,1700px);height:100%;margin:auto;padding:clamp(8px,1.5vh,18px) clamp(10px,1.5vw,24px) clamp(7px,1vh,12px);display:grid}.ad-rail{z-index:35;width:160px;height:600px;position:absolute;top:max(105px,50% - 300px);overflow:hidden}.ad-rail-left{left:max(12px,50vw - min(99vw,1700px)/2 + 10px)}.ad-rail-right{right:max(12px,50vw - min(99vw,1700px)/2 + 10px)}.ad-slot,.ad-slot iframe{border:0;width:160px;height:600px;display:block}.hud{background:linear-gradient(#153b6edd,#081e42dd);border:2px solid #70d7ff88;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;min-height:62px;padding:5px 14px;display:grid;box-shadow:0 6px #06152d,inset 0 2px #ffffff2b}.hud-block{align-items:center;gap:12px;display:flex}.hud-block.right{justify-content:flex-end}.hud-label{color:#8ecdf1;letter-spacing:.16em;font-size:clamp(9px,.8vw,12px);font-weight:900;display:block}.hud-value{text-shadow:0 3px #04142d;font-variant-numeric:tabular-nums;font-family:Impact,Arial Black,sans-serif;font-size:clamp(24px,2.6vw,42px);line-height:1;display:block}.timer{text-align:center;background:#05172faa;border-radius:14px;min-width:150px;padding:3px 24px 0;box-shadow:inset 0 0 0 2px #fff2}.timer .hud-value{color:#f7fcff;font-size:clamp(33px,3.7vw,55px)}.timer.tense .hud-value{color:#ffd54c}.timer.urgent .hud-value{color:#ff5d4d;animation:.55s infinite urgent}.board-stage{place-items:center;min-height:0;display:grid;position:relative}.game-board{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:linear-gradient(135deg,#326fb1aa,#173763cc 50%,#76368955),repeating-linear-gradient(45deg,#ffffff05 0 10px,#0000 10px 20px);border:3px solid #ffc857;border-radius:18px;gap:clamp(1px,.13vw,3px);width:min(100%,142vh - 184.6px);height:100%;max-height:calc(100vh - 130px);padding:clamp(5px,.5vw,10px);display:grid;position:relative;overflow:hidden;box-shadow:0 8px #7b3e11,0 16px 32px #0008,inset 0 0 30px #0008,inset 0 2px #fff7}.card-slot{border-radius:6px;place-items:center;min-width:0;min-height:0;transition:background .12s;display:grid;position:relative}.card-slot.empty{background:radial-gradient(#07182e66,#0000 65%)}.card-tile{transform-origin:50%;z-index:1;width:100%;min-width:0;height:100%;min-height:0;transition:transform .1s,filter .1s;position:relative}.card-tile img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #000a);width:100%;height:100%}.card-tile.selected{z-index:6;filter:brightness(1.28)drop-shadow(0 0 5px #94f6ff)drop-shadow(0 0 2px #fff);transform:scale(1.09)}.card-tile.hinted{z-index:3;animation:.8s ease-in-out hintShimmer}.card-tile.hinted:after{content:"";border:2px solid #fff19b;border-radius:10px;position:absolute;inset:8%;box-shadow:0 0 10px #ffe96a}.card-tile.removing{z-index:10;animation:.21s ease-in forwards cardVanish}.cost-badge{aspect-ratio:1;color:#fff;z-index:3;text-shadow:0 1px 1px #41005b;pointer-events:none;background:linear-gradient(145deg,#ff7dff,#9414d2 60%,#56038b);border:clamp(1px,.15vw,2px) solid #ffc5ff;border-radius:50%;place-items:center;width:clamp(16px,1.7vw,27px);font-family:Impact,Arial Black,sans-serif;font-size:clamp(10px,1.05vw,17px);line-height:1;display:grid;position:absolute;top:-1px;left:-1px;box-shadow:0 2px #3c075f,0 2px 4px #000a}.selection-box{z-index:20;pointer-events:none;background:#43d8ff28;border:3px solid #84efff;border-radius:9px;position:absolute;box-shadow:0 0 0 1px #fff,0 0 18px #45ddff,inset 0 0 16px #fff3}.selection-box.valid{background:#b9ff3038;border-color:#d8ff70;box-shadow:0 0 0 1px #fff,0 0 25px #aaff3f,inset 0 0 20px #fff6}.sum-popover{z-index:25;pointer-events:none;text-align:center;background:#071a38ee;border:2px solid #7adfff;border-radius:12px;min-width:108px;padding:5px 12px 7px;position:absolute;transform:translate(-50%,-115%);box-shadow:0 5px 14px #0008}.sum-popover strong{font-family:Impact,Arial Black,sans-serif;font-size:clamp(24px,2vw,34px);line-height:1;display:block}.sum-popover small{color:#bfefff;white-space:nowrap;text-overflow:ellipsis;max-width:210px;font-size:10px;display:block;overflow:hidden}.sum-popover.valid{background:#275f17f2;border-color:#d7ff65;animation:.45s infinite pulseGlow}.sum-popover.valid strong{color:#eeff78}.particle{z-index:20;pointer-events:none;background:#fff;border-radius:2px;width:7px;height:7px;animation:.3s ease-out forwards particleBurst;position:absolute;top:50%;left:50%;box-shadow:0 0 5px #8ef7ff}.combo-banner{z-index:30;color:#fff;letter-spacing:.04em;text-shadow:0 4px #34236e,0 7px #130a3c,0 10px 18px #000;pointer-events:none;font-family:Impact,Arial Black,sans-serif;font-size:clamp(24px,3.4vw,51px);animation:.3s ease-out comboPop;position:absolute;bottom:4%;left:50%}.combo-banner strong{color:#fff345;font-size:1.22em}.score-burst{z-index:30;color:#dfff60;text-shadow:0 3px #34710d,0 5px 12px #000;pointer-events:none;font-family:Impact,Arial Black,sans-serif;font-size:clamp(24px,3vw,44px);animation:1s ease-out forwards scoreFly;position:absolute;top:18%;left:50%}.game-footer{color:#8ab4db;letter-spacing:.12em;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 7px;font-size:clamp(8px,.72vw,11px);font-weight:900;display:grid}.game-footer>:nth-child(2){color:#c5dcf5}.game-footer b{color:#ff79ed;font-size:1.25em}.debug-keys{text-align:right;opacity:.7}.result-overlay{z-index:60;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020817b8;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.result-panel{text-align:center;border-color:#ffd35a;padding-top:28px}.result-panel h2{color:#fff061;text-shadow:0 5px #ad4c18,0 9px #5a210c;margin:0 0 16px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(46px,7vw,76px)}.result-score{margin-bottom:18px}.result-score .label,.result-stat span{color:#87caf0;letter-spacing:.18em;font-size:11px;font-weight:900;display:block}.result-score strong{font-family:Impact,Arial Black,sans-serif;font-size:clamp(49px,7vw,78px);line-height:1;display:block}.result-stats{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px;display:grid}.result-stat{background:#071b3d;border-radius:12px;padding:10px;box-shadow:inset 0 0 0 1px #fff2}.result-stat strong{margin-top:3px;font-size:26px;display:block}.new-best{color:#d8ff56;letter-spacing:.1em;margin:-8px 0 12px;font-weight:1000}@media (width<=900px){.game-shell{width:100vw;padding-inline:7px}.hud{min-height:54px;padding-inline:9px}.hud-block{gap:6px}.timer{min-width:105px;padding-inline:8px}.sound-button{padding:6px 8px;font-size:15px}.game-board{border-radius:12px;width:100%;max-height:calc(100vh - 112px);padding:4px}.game-footer{grid-template-columns:1fr auto}.debug-keys{display:none}}@media (width<=1279px),(height<=730px){.ad-rail{display:none}}@media (height<=720px){.game-shell{gap:5px;padding-block:6px}.hud{min-height:48px}.game-board{max-height:calc(100vh - 98px)}.game-footer{display:none}.start-panel{padding-block:22px}.start-rule{margin-top:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}