@font-face{font-family:Crush;src:local("Trebuchet MS");font-display:swap}:root{font-family:Crush,Segoe UI,Microsoft YaHei,sans-serif;color:#f6f2ff;background:transparent;font-synthesis:weight;color-scheme:dark;--gold:#ffdc53;--cyan:#37e5ff;--purple:#a754ee}*{box-sizing:border-box}body{margin:0;min-width:280px;background:transparent}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #71efff;outline-offset:3px}h1,h2,p{margin:0}img{object-fit:cover}button,svg,img{-webkit-user-select:none;user-select:none}[hidden]{display:none!important}#app{width:100%;max-width:600px;margin:auto;overflow:hidden;border-radius:18px;background:#090d30}.game-shell{--header:clamp(62px,12dvh,96px);--rank:clamp(72px,15dvh,105px);position:relative;isolation:isolate;min-height:100dvh;padding:8px 8px 5px;display:flex;flex-direction:column;align-items:center;gap:8px;overflow:hidden;background:radial-gradient(ellipse at 80% 0%,#40276a88,transparent 43%),radial-gradient(ellipse at 10% 90%,#29276170,transparent 38%),linear-gradient(155deg,#070d39,#0a0828 65%,#160d36)}.stars{position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 10% 20%,#bbc1ff 80%,transparent),radial-gradient(1.5px 1.5px at 43% 72%,#b1b5ff 80%,transparent),radial-gradient(1px 1px at 69% 48%,#5e72bc 80%,transparent),radial-gradient(1px 1px at 87% 12%,#bc9ce4 80%,transparent);background-size:101px 117px,163px 189px,129px 139px,223px 191px;opacity:.55}.game-header{height:var(--header);position:relative;width:100%;flex:none;display:flex;align-items:center;justify-content:center}.brand{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;font-weight:1000;transform:rotate(-5deg);line-height:.82;filter:drop-shadow(0 4px 0 #401174) drop-shadow(0 0 8px #ab38c9aa)}.brand strong{font-size:clamp(24px,6.8vw,42px);color:#ffce38;letter-spacing:-1.5px;-webkit-text-stroke:1px #ffe7a6;text-shadow:0 3px #c97107}.brand b{font-size:clamp(25px,7vw,43px);color:#32d7ff;letter-spacing:-1px;-webkit-text-stroke:1px #b5f7ff;text-shadow:0 3px #226ac6;margin-top:4px}.brand-crown{font-size:24px;position:absolute;top:-21px;left:40%;color:#ffe076;text-shadow:0 2px #b16008;transform:rotate(5deg)}.brand-orbit{position:absolute;z-index:-1;inset:15px -18px;border:5px solid #ad52ec80;border-top-color:transparent;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 8px #9a3af466}.planet{position:absolute;width:clamp(50px,15vw,85px);height:clamp(50px,15vw,85px);border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 23%,#495fd5,#151e63 44%,#070c2b 72%);box-shadow:inset -8px -8px 14px #070a40,0 0 24px #685dd44d}.planet-left{left:5%;top:-15px;opacity:.8}.planet-right{right:6%;top:-10px;background:repeating-linear-gradient(170deg,#6640a8 0 6px,#352b6e 7px 12px,#6b497c 13px 17px);transform:rotate(-18deg)}.planet-right:after{content:"";position:absolute;inset:27% -25%;border:5px solid #b783be88;border-top-color:#ffe2ed88;border-radius:50%;transform:rotate(-9deg);box-shadow:0 0 5px #d19fcc77}.icon-button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #7470b66b;background:#0c133c9c;border-radius:50%;font-size:23px;line-height:1}.settings{position:absolute;right:1px;bottom:1px;z-index:3}.close-game{position:absolute;right:1px;top:-2px;z-index:3;width:24px;height:24px;font-size:20px;opacity:.65}.taskbar{width:100%;height:35px;flex:none;display:flex;align-items:center;gap:9px;padding:0 7px;border:1px solid #7152a37d;border-radius:22px;background:#05091ecf;box-shadow:inset 0 1px #bd96e41c;white-space:nowrap;transition:background .2s}.timer{font-size:clamp(20px,5vw,27px);color:var(--gold);letter-spacing:-.8px;text-shadow:0 2px #905312;font-variant-numeric:tabular-nums}.timer.critical{color:#ff7d76;animation:pulse .7s ease-in-out infinite alternate}.task{display:flex;align-items:center;gap:4px;flex:1;border-left:1px solid #7861a878;padding-left:8px;font-size:clamp(9px,2.3vw,13px)}.task>.monster{width:24px;height:24px;flex:none}.task>b{font-size:16px;color:var(--gold)}.taskbar.completed{background:linear-gradient(90deg,#813572aa,#5930a8a8)}.task-complete{font-size:11px!important;color:#fff!important}.task-complete em{font-style:normal;color:var(--gold);font-size:16px;margin-left:3px}.deploy{display:flex;align-items:center;gap:5px;position:relative;background:transparent;border-left:1px solid #7861a878;padding:0 0 0 8px;font-size:clamp(8px,2vw,11px);height:25px}.deploy svg{width:23px;height:23px;fill:none;stroke:#67e9ed;stroke-width:2.5}.deploy:disabled{opacity:.5}.deploy:not(:disabled){text-shadow:0 0 10px #45efff}.deploy>b{position:absolute;right:-4px;top:-4px;background:#ffb53b;color:#352151;border-radius:50%;width:14px;height:14px;font-size:10px;line-height:14px}.board-wrap{position:relative;width:100%;max-width:calc((100dvh - var(--header) - var(--rank) - 85px)*9/7);flex:none;border-radius:12px;padding:5px;background:linear-gradient(135deg,#9d57da,#3d3777 25%,#25214a 60%,#995ede);box-shadow:inset 0 0 0 1px #e8b4ff,0 0 8px #b640ed55,0 3px #180932}.board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));gap:2px;aspect-ratio:9/7;touch-action:manipulation;background:#131432;border-radius:8px;overflow:hidden}.tile{position:relative;padding:0;border-radius:7px;min-height:0;min-width:0;aspect-ratio:1;background:linear-gradient(145deg,#36345e,#224);box-shadow:inset 0 1px 2px #b1a4eb24;isolation:isolate;overflow:visible;transition:filter .12s,background .12s}.tile:hover:not(:disabled){background:#51426e;filter:brightness(1.12)}.tile:active:not(:disabled){transform:scale(.9)}.monster{display:block;width:100%;height:100%;background-image:url(/assets/crush/monsters.png);background-size:300% 200%;background-repeat:no-repeat;filter:drop-shadow(0 1px 1px #0008);pointer-events:none}.m-yellow{background-position:0 0}.m-green{background-position:50% 0}.m-blue{background-position:100% 0}.m-red{background-position:0 100%}.m-purple{background-position:50% 100%}.m-rainbow{background-position:100% 100%}.m-bomb{background-image:url(/assets/rune-duel/blast-bomb.webp);background-size:contain;background-position:center}.m-rocket-row,.m-rocket-col{background-image:url(/assets/rune-duel/blast-rocket.webp);background-size:contain;background-position:center}.m-rocket-col{transform:rotate(-90deg)}.tile.special .monster{animation:special-breathe 1.6s ease-in-out infinite}.tile.special{background:radial-gradient(circle,#a143a978,#26244c 75%)}.special-direction{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:16px;font-weight:900;line-height:1;color:#ffe99b;text-shadow:0 1px 2px #000;pointer-events:none}.tile.hint{box-shadow:inset 0 0 0 1.5px #73efff,0 0 6px #52d3fd;z-index:1;animation:hint 1s ease-in-out infinite alternate}.tile.clearing .monster{animation:clear .26s ease-out forwards}.tile.clearing{background:#56d8dd66;z-index:2}.tile.dropping .monster{animation:drop .23s cubic-bezier(.2,.7,.25,1)}.obstacle{position:absolute;inset:0;z-index:3;pointer-events:none;display:grid;place-items:center}.obstacle svg{width:96%;height:96%;fill:#2b254c;stroke:#c1edff;stroke-width:2.8;filter:drop-shadow(0 2px 1px #1b1237)}.tile.ice .obstacle{border:2px solid #a7f5ff;border-radius:8px;background:linear-gradient(135deg,#cdffff61,#48c3ef2b 35%,#fff8 40%,#a0eaff28 44%,#32a6e755);box-shadow:inset 0 0 8px #e8ffff,0 0 7px #6aebfa66}.tile.ice .obstacle b{color:#edffff;font-size:20px;text-shadow:0 0 6px #55a9db}.tile.blocked .monster{opacity:.78}.board-fx{position:absolute;z-index:8;inset:0;pointer-events:none;overflow:hidden;border-radius:12px}.score-popup{position:absolute;color:#ffe785;font-size:clamp(11px,3vw,18px);text-shadow:0 1px 3px #49315d;font-weight:950;animation:score-rise .75s ease-out forwards;transform:translate(-50%,-50%);white-space:nowrap}.spark{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--spark);box-shadow:0 0 5px var(--spark);animation:spark .6s ease-out forwards}.combo-announcer{position:absolute;z-index:10;top:43%;left:0;right:0;text-align:center;pointer-events:none;font-size:clamp(27px,8vw,48px);font-weight:1000;font-style:italic;letter-spacing:-1px;color:#fa97ff;text-shadow:0 2px #7b268f,0 4px #451769,1px 0 #ffe4ff,-1px 0 #ffe4ff;opacity:0}.combo-announcer.showing{animation:combo 1.05s ease-out forwards}.combo-announcer.special{color:#ffe583;text-shadow:0 3px #8b4aa9,0 0 20px #ffe45c}.combo-announcer.task-reward{font-size:clamp(17px,5vw,27px);color:#ffea83}.combo-announcer.incoming{font-size:23px;color:#a5fbff}.countdown{position:absolute;z-index:12;inset:0;background:#101334b0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.countdown strong{color:#ffe06a;font-size:75px;text-shadow:0 4px #ad4819}.countdown span{font-size:17px;letter-spacing:2px}.shake{animation:shake .45s linear}.ranking{display:flex;align-items:center;justify-content:center;gap:20px;min-height:var(--rank);width:100%;flex:none}.rank-player{padding:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:3px;min-width:70px;max-width:125px;position:relative}.rank-avatar{position:relative;margin-top:3px}.avatar{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:radial-gradient(circle at 35% 20%,#697edf,#322e78);color:#ddd7ff;font-size:22px;font-weight:800;border:2px solid #cdaaf7;box-shadow:0 0 7px #b880d54d}.avatar-bot{background:linear-gradient(#e295ba,#77518b)}.rank-player.gold .avatar{border-color:#ffdc6c;box-shadow:0 0 8px #ffcc6244}.rank-badge{position:absolute;z-index:3;top:-6px;left:-13px;background:linear-gradient(#dd9df4,#8541d5);color:#fff;font-size:19px;width:25px;height:29px;border:2px solid #f2c6ff;border-radius:8px 8px 13px 13px;line-height:25px;box-shadow:0 0 6px #b44bd9;text-shadow:0 1px #863fc0}.gold .rank-badge{background:linear-gradient(#ffc342,#c17514);border-color:#ffe6a1;box-shadow:0 0 8px #ffc849}.gold .rank-badge:before{content:"♛";position:absolute;top:-15px;left:2px;font-size:19px;color:#ffd36e;text-shadow:0 0 6px #d67717}.rank-player>strong{font-size:17px;font-variant-numeric:tabular-nums}.rank-player.gold>strong{color:#ffe278}.rank-player>span{font-size:10px;max-width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #7964b55c;border-radius:12px;padding:2px 8px;background:#12112c9c}.rank-player>span small{font-size:8px;color:#a69bc7}.you-marker{position:absolute;right:-2px;bottom:0;background:#35cfb7;width:10px;height:10px;border-radius:50%;border:2px solid #0c1031}.rank-player.is-you>span{background:#227a667c;border-color:#56e0a266}.ranking.many{gap:8px}.ranking.many .avatar{width:35px;height:35px}.ranking.many .rank-player{min-width:42px;max-width:80px}.ranking.many .rank-player>strong{font-size:13px}.ranking.many .rank-player>span{max-width:70px;padding:2px 4px;font-size:9px}.ranking.many .rank-badge{width:19px;height:22px;font-size:13px;line-height:18px;left:-7px;top:-4px}.game-footer{display:flex;align-items:center;justify-content:center;width:100%;font-size:9px;color:#9b94ba;gap:7px;min-height:18px;flex:none}.game-footer>span:first-child{font-size:8px;color:#a7a2bf}.help-link{color:#aea8d0;background:transparent;font-size:11px;padding:3px 5px}.game-footer .help-link{border:1px solid #655491;border-radius:50%;width:17px;height:17px;padding:0}.game-footer>#hint{font-size:9px}.lobby .game-header{height:clamp(125px,23dvh,180px)}.lobby .brand{transform:scale(1.15) rotate(-5deg)}.lobby-content{display:flex;flex-direction:column;align-items:center;width:100%;padding:15px 15px 25px;gap:20px}.mode-label{font-size:10px;letter-spacing:3px;color:#b6a8dc}.lobby h1{font-size:11px;font-weight:600;color:#cec2e8;letter-spacing:1px}.seats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 20px;width:min(100%,300px)}.seat{background:transparent;display:flex;align-items:center;flex-direction:column;gap:6px;min-width:0}.seat>.avatar{width:57px;height:57px}.seat>span{font-size:10px;max-width:90px;overflow:hidden;text-overflow:ellipsis}.seat small{color:#70f3ca;font-size:8px}.seat-add{width:57px;height:57px;border:1.5px solid #68dbe8;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#77dce6;font-style:normal;position:relative;background:#121c4655;box-shadow:inset 0 0 12px #4dd5f311}.seat-add>b{position:absolute;right:11px;bottom:10px;border-radius:50%;background:#112447;font-size:15px;width:17px;height:17px;border:1px solid #74d9e5}.seat>span{color:#ababc9;letter-spacing:1px}.lobby-monsters{display:flex;justify-content:center;width:min(100%,340px);margin:2px 0 -2px}.lobby-monsters>.monster{width:54px;height:54px;animation:special-breathe 3s infinite}.lobby-monsters>.monster:nth-child(2n){animation-delay:-1s;transform:translateY(5px)}.lobby-actions{display:flex;gap:10px;width:min(100%,350px)}.game-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border:1px solid #9af9ff;border-radius:9px;color:#f8ffff;font-weight:900;font-size:18px;background:linear-gradient(#3cecf0,#0ea8d7);text-shadow:0 2px #086aaf;box-shadow:inset 0 2px #fff6,0 3px #14598b,0 0 13px #20cde529;min-height:42px;flex:1}.game-button.gold{background:linear-gradient(#ffe56e,#edaa2f);border-color:#fff1a6;color:#584229;text-shadow:0 1px #fff7;box-shadow:inset 0 2px #fff6,0 3px #927222}.secondary-button{padding:10px 12px;background:linear-gradient(#4b3677,#29254f);border:1px solid #8e6ec0;border-radius:9px;font-size:11px;font-weight:700;min-height:40px}.lobby-note{font-size:10px;color:#b5a4c7}.toast{position:fixed;z-index:100;bottom:18px;left:50%;transform:translate(-50%);max-width:90%;padding:10px 16px;border:1px solid #806bba;border-radius:12px;background:#1e184aef;color:#f9eaff;text-align:center;font-size:12px;box-shadow:0 5px 30px #0007}dialog{color:#f9f4ff;background:linear-gradient(145deg,#322063,#151a41);border:1px solid #b778ea;border-radius:18px;padding:18px;width:min(370px,calc(100% - 28px));max-height:90dvh;overflow:auto;box-shadow:0 10px 80px #07001bc9}dialog::backdrop{background:#030520bd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}dialog h2{font-size:20px;font-weight:900;color:#fff0bb}dialog label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#d3c2e9;margin:12px 0}dialog input:not([type=checkbox]),dialog select{min-width:0;width:100%;background:#100c30;border:1px solid #755296;border-radius:8px;padding:10px;color:#fff;font-size:13px}dialog .toggle-row{flex-direction:row;justify-content:space-between}dialog input[type=checkbox]{accent-color:#39e6f1;width:19px;height:19px}dialog .game-button,dialog .secondary-button{width:100%;margin-top:13px}dialog p{font-size:12px;line-height:1.8;color:#beb1d8}dialog form{margin-top:12px}.target-list{display:flex;flex-wrap:wrap;gap:8px}.target-choice{flex:1;display:flex;align-items:center;flex-direction:column;gap:8px;background:#0e1430;border:1px solid #63529a;padding:10px;border-radius:10px}.target-choice b{font-size:11px}.target-choice.selected{border-color:#54efff;box-shadow:0 0 8px #51e8ff66}.attack-buttons{display:flex;gap:8px}.attack-buttons .game-button{font-size:13px;padding:10px}.attack-buttons svg{width:24px;height:24px;fill:none;stroke:#e5ffff;stroke-width:2}.result-crown{font-size:58px;color:#ffd864;text-align:center;text-shadow:0 0 22px #d8813c}.result-caption{text-align:center}.result-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.result-list>div{display:flex;align-items:center;gap:9px;padding:8px;background:#070f29;border-radius:10px;font-size:12px}.result-list>div>strong{margin-left:auto;color:#ffdf75;font-size:16px}.result-list>div>.avatar{width:32px;height:32px;font-size:15px}.result-list>div>b{color:#e9ca91}.help-copy{line-height:1.9!important}@keyframes pulse{to{filter:brightness(1.4)}}@keyframes special-breathe{50%{filter:drop-shadow(0 0 5px #99efffaa);scale:1.06}}@keyframes hint{to{filter:brightness(1.32)}}@keyframes clear{45%{transform:scale(1.18);filter:brightness(2)}to{transform:scale(.05);opacity:0}}@keyframes drop{0%{transform:translateY(-70%);opacity:.5}70%{transform:translateY(5%)}to{transform:none;opacity:1}}@keyframes score-rise{0%{opacity:0;translate:0 8px}20%{opacity:1}to{opacity:0;translate:0 -36px}}@keyframes spark{to{transform:translate(var(--dx),var(--dy)) scale(.1);opacity:0}}@keyframes combo{0%{opacity:0;transform:scale(.3) rotate(-8deg)}15%{opacity:1;transform:scale(1.12) rotate(-4deg)}30%,70%{opacity:1;transform:scale(1) rotate(-4deg)}to{opacity:0;transform:scale(1.15) translateY(-15px)}}@keyframes shake{20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}to{transform:none}}@media(max-width:340px){.taskbar{gap:5px;padding:0 5px}.task{padding-left:5px;gap:2px}.task>span{font-size:8px}.task>b{font-size:13px}.task>.monster{width:21px;height:21px}.deploy{padding-left:4px}.deploy>span{max-width:56px;font-size:8px;white-space:normal}.ranking{gap:13px}.game-footer>#hint{font-size:8px}}@media(max-height:650px){.lobby .game-header{height:100px}.lobby-content{gap:10px;padding:8px 12px 14px}.seats{gap:16px 20px}.seat>.avatar,.seat-add{width:50px;height:50px}.lobby-monsters>.monster{width:47px;height:47px}.lobby .brand{transform:scale(1.1) rotate(-5deg)}}@media(max-height:430px){.game-shell{--header:48px;--rank:58px;gap:5px}.taskbar{height:29px}.board-wrap{max-width:calc((100dvh - 175px)*9/7)}.rank-player .avatar{width:30px;height:30px}.rank-player>strong{font-size:12px}.rank-player>span{font-size:8px}.rank-badge{height:22px;width:20px;font-size:14px;line-height:18px}.game-footer{font-size:8px}.lobby .game-header{height:65px}.lobby-content{padding:2px 15px;gap:8px}.seats{gap:7px 18px}.seat>.avatar,.seat-add{width:40px;height:40px}.lobby-monsters{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}