:root { --bg:#080e25; --ink:#f5f8ff; --muted:#9baad2; --blue:#69eaff; --pink:#ff65c9; }
#arenaArrival { position:fixed;z-index:1000;inset:20% 8% auto;display:grid;place-items:center;gap:12px;padding:28px 16px;border:1px solid var(--arena);border-radius:24px;background:#0b1739;pointer-events:none;animation:arena-enter .55s ease-out both; }
#arenaArrival.hidden { display:none; }
#arenaArrival span { color:var(--arena);font-size:46px;animation:arena-lift .5s ease-out both; }
#arenaArrival b { color:#fff;text-align:center;font-size:20px; }
.cloud-save-state { font-size:12px;min-height:18px;margin:5px 8px; }
#futureContent>button { margin:8px 6px 0 0; }
@keyframes arena-enter { from { transform:translateY(45px);opacity:0; } to { transform:translateY(0);opacity:1; } }
@keyframes arena-lift { from { transform:translateY(55px) scale(.75);opacity:0; } to { transform:translateY(0) scale(1);opacity:1; } }
@media(prefers-reduced-motion:reduce) { #arenaArrival,#arenaArrival span { animation:none; } }
body { background:radial-gradient(ellipse at top left,var(--arena-glow,#21375d),transparent 55%),var(--arena-bg,#080e25); }
body::before,body::after { display:none; will-change:auto; }
.game { max-width:600px; }
.modal { backdrop-filter:none; background:#060b20f2; }
.lobby-card,.profile-card,.complete-card,.ad-card { background:linear-gradient(145deg,#1e2b4e,#101930); border:1px solid #8aa3ec55; box-shadow:0 12px 30px #0004; }
.hud-pill,.task-progress,.rank-card { background:#111d39; border-color:#718adb30; }
.task-progress-head b,.task-hint { color:#a6efff; }
.next-level,#playBtn { background:linear-gradient(110deg,#63f1dc,#75bfff); border-color:#b2fbff; color:#09203a; box-shadow:none; }
.board-frame { background:#10203b; border-color:#88bfff77; box-shadow:none; transform:none; }
.board { transform:none; }
.tile { transform:none; border-radius:12px; box-shadow:inset 0 1px 0 #ffffff88,inset 0 -2px 0 #0003; transition:none; }
.tile.special-line-h,.tile.special-line-v,.tile.special-line,.tile.special-bomb { outline:none;box-shadow:inset 0 1px 0 #ffffff88,inset 0 -2px 0 #0003; }
.tile.red { --candy-fill:linear-gradient(145deg,#ffadbf,#ff397d 65%,#b21b66);background:var(--candy-fill); }
.tile.orange { --candy-fill:linear-gradient(145deg,#ffe0a3,#ff9250 65%,#e94e40);background:var(--candy-fill); }
.tile.yellow { --candy-fill:linear-gradient(145deg,#fff8ba,#ffdc3c 65%,#e6a10b);background:var(--candy-fill); }
.tile.green { --candy-fill:linear-gradient(145deg,#b8ffe1,#37e9a9 65%,#08a79b);background:var(--candy-fill); }
.tile.blue { --candy-fill:linear-gradient(145deg,#c0f6ff,#42caff 65%,#2375dc);background:var(--candy-fill); }
.tile.purple { --candy-fill:linear-gradient(145deg,#edd0ff,#b266ff 65%,#7740d8);background:var(--candy-fill); }
.fruit-icon,.tile.orange .fruit-icon,.tile.yellow .fruit-icon,.tile.blue .fruit-icon,.tile.purple .fruit-icon { transform:translateY(-1px); filter:none; text-shadow:none; }
.tile.special-line-h,.tile.special-line-v,.tile.special-line { border:2px solid #e5fffa;background:var(--candy-fill)!important; }
.tile.special-line-h::before,.tile.special-line-v::before,.tile.special-line::before { inset:0;width:auto;height:auto;border-radius:inherit;background:repeating-linear-gradient(90deg,transparent 0 9px,#ffffff30 9px 12px); }
.tile.special-line-v::before { background:repeating-linear-gradient(0deg,transparent 0 9px,#ffffff30 9px 12px); }
.tile.special-bomb { border:2px solid #fff0a8;background:var(--candy-fill)!important; }
.tile.special-line-h::after,.tile.special-line-v::after,.tile.special-line::after,.tile.special-bomb::after { content:'↯';position:absolute;inset:1px 1px auto auto;width:13px;height:13px;display:grid;place-items:center;z-index:2;color:white;font-family:Arial,sans-serif;font-size:12px;font-weight:900;line-height:1;background:#102344e6;border-radius:4px;box-shadow:none;filter:none;text-shadow:none;animation:none;opacity:1; }
.tile.special-bomb::after { content:'✦';color:#fff0a8; }
.tile.special-color { border:2px solid #f7faff; background:conic-gradient(#ff528e,#ffda47,#48ffbd,#4cbcff,#a270ff,#ff528e)!important; box-shadow:inset 0 0 0 4px #182245; }
.tile.special-color::before { inset:7px; background:radial-gradient(circle at 32% 28%,#fff 0 2px,transparent 3px),linear-gradient(140deg,#3d4979,#0c1638); }
.tile.special-color::after { font-size:26px; color:#fff; }
.tile.special-color .fruit-icon { opacity:0; }
.tile.special-bomb .fruit-icon,.tile.special-line-h .fruit-icon,.tile.special-line-v .fruit-icon,.tile.special-line .fruit-icon { opacity:1;filter:none; }
.tile.locked,.tile.locked-3,.tile.walled,.tile.roped { box-shadow:inset 0 1px 0 #fff6; }
.tile.locked .fruit-icon,.tile.walled .fruit-icon,.tile.roped .fruit-icon { filter:none; }
.tile:hover { filter:none; }
.tile.selected { transform:scale(1.04); outline:2px solid #f5ffbc; filter:none; }
.tile.dragging { transform:scale(1.07); filter:none; box-shadow:0 0 0 2px #fff; }
.tile.popping { animation:pop .14s ease-out forwards; }
.tile.falling { animation:fall .18s ease-out both; }
.tile.swapping { animation:swap-tile .14s ease-out both; }
.fx-layer { overflow:hidden; }
.disco-sweep { position:absolute;inset:0;background:radial-gradient(circle at var(--nova-x,50%) var(--nova-y,50%),#eaffff70, #65ddff22 18%,transparent 60%);will-change:transform,opacity;animation:disco-sweep .26s ease-out forwards; }
.disco-sweep::before,.disco-sweep::after { content:'';position:absolute;left:var(--nova-x,50%);top:var(--nova-y,50%);width:22%;height:22%;border:1px solid #a0f6ff;border-radius:50%;transform:translate(-50%,-50%); }
.disco-sweep::after { width:36%;height:36%;border-color:#c897ff88; }
.disco-sweep.supernova { animation-duration:.3s; }
.disco-sweep.supernova::before { width:52%;height:52%;border:2px solid #e9feff; }
.disco-sweep.supernova::after { width:74%;height:74%;border-color:#8d99ff; }
.disco-sweep svg { width:100%;height:100%;display:block; }
.disco-sweep svg path:first-child { stroke:#62eaff;stroke-dasharray:5 1; }
.combo-confetti { width:42px;height:42px;margin:-21px 0 0 -21px;border:2px solid #9df4ff;border-radius:50%;background:transparent;box-shadow:none;animation:ion-burst .24s ease-out forwards; }
.combo-confetti::before { content:'';position:absolute;inset:7px;border:1px solid #ddacff;transform:rotate(45deg); }
.cross-flash { animation-duration:.22s; }
.cross-flash::before,.cross-flash::after { background:linear-gradient(90deg,transparent,#55dcff,#f3ffff,#ad91ff,transparent); }
@keyframes ion-burst { from{opacity:.9;transform:scale(.45)} to{opacity:0;transform:scale(2.4)} }
.level-toast { backdrop-filter:none; background:#162447; box-shadow:none; }
.support-link { min-height:40px; border:1px solid #788bd34a; background:#152344; color:#b9dfff; border-radius:10px; padding:8px 12px; font:inherit; font-size:11px; }
.bottom-bar { flex-wrap:wrap; gap:6px; }
.report-form { display:grid; gap:10px; }
.report-form textarea,.report-form select { width:100%; border-radius:10px; border:1px solid #7a90cb55; padding:12px; background:#0c1830; color:#eef6ff; font:inherit; }
@keyframes disco-sweep { from{opacity:0;transform:scale(.97)} 30%{opacity:.8;transform:scale(1)} to{opacity:0;transform:scale(1.03)} }
@media(max-width:800px),(pointer:coarse) { .tile{border-radius:10px}.tile.selected{filter:none}.fruit-icon{font-size:clamp(1.35rem,6.6vw,2.2rem)}.modal{backdrop-filter:none}.lobby-card,.profile-card,.complete-card,.ad-card{box-shadow:none} }
@media(prefers-reduced-motion:reduce) { .disco-sweep,.combo-confetti,.cross-flash { display:none; } }
.tile.special-line-h,.tile.special-line-v,.tile.special-line { border-color:#d9fff8;box-shadow:inset 0 0 0 1px #12daca,inset 0 0 0 3px #eafff733; }
.tile.special-bomb { border-color:#fff1ac;box-shadow:inset 0 0 0 1px #ffc337,inset 0 0 0 3px #fff2bd33; }
.tile.super-born::after { animation:energy-badge .18s ease-out both; }
@keyframes energy-badge { from{opacity:.2;transform:scale(.5)} to{opacity:1;transform:scale(1)} }
.combo-confetti svg { position:absolute;inset:-18px;width:74px;height:74px; }
.economy-panel { border:1px solid #71e3df66;border-radius:14px;background:#112442;padding:12px;margin-bottom:16px;display:grid;gap:8px; }
.economy-panel p { margin:0; }.economy-panel input { width:100%;padding:10px;border:1px solid #83a9dd88;border-radius:8px;background:#0a1832;color:#fff;font:inherit; }
.mastery-reward { color:#91ffe9;font-weight:700; }
#adWaitModal { z-index:2000; }#adWaitModal button { margin:8px;min-height:44px; }#soundToggle { display:block;margin:8px auto; }
.power-birth { position:absolute;width:54px;height:54px;margin:-27px;border:2px solid #eaffff;border-radius:50%;background:radial-gradient(circle,#c3ffff80,transparent 65%);animation:power-birth .34s ease-out forwards;pointer-events:none; }
.power-birth::after { content:'';position:absolute;inset:-10px;border:2px solid #9d8fff;border-radius:50%; }
@keyframes power-birth { 0%{opacity:.2;transform:scale(.5)} 40%{opacity:1;transform:scale(1)} 100%{opacity:0;transform:scale(1.8)} }
@media(prefers-reduced-motion:reduce){.power-birth{display:none}}
.cross-flash { animation-duration:.3s; }.disco-sweep { animation-duration:.34s; }
@keyframes feedback-reduced { from{opacity:.6} to{opacity:0} }
@media(prefers-reduced-motion:reduce){.disco-sweep,.combo-confetti,.cross-flash,.power-birth{display:block;animation:feedback-reduced .12s linear forwards}}
@media(prefers-reduced-motion:reduce) { .tile.super-born::after { animation:none; } }