:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e8f3ff;background-color:#060712;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{overflow:hidden;height:100%;width:100%;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}body{margin:0;padding:0;min-height:100vh;max-height:100vh;height:100%;width:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 20% -10%,#1b2756 0%,transparent 50%),radial-gradient(circle at 80% 0%,#351f6e 0%,transparent 55%),linear-gradient(230deg,#020310,#0b111f 60%,#040513);display:flex;position:fixed;inset:0}#app{flex:1;padding:clamp(1.25rem,3vw,2.5rem);overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column;min-width:0;min-height:0}.signal-game{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(190px,.22fr) minmax(0,1fr) minmax(180px,.22fr);grid-template-areas:"left center right";gap:clamp(1rem,2vw,1.75rem);min-height:0;height:100%;max-height:100%;position:relative;width:100%;overflow:hidden;align-content:stretch;grid-auto-rows:minmax(0,1fr)}.signal-game__panel{background:linear-gradient(160deg,#151c2ee6,#0a0c16bf);border:1px solid rgba(120,175,255,.2);border-radius:18px;padding:clamp(1rem,2.4vw,1.8rem);display:flex;flex-direction:column;gap:1rem;box-shadow:0 18px 60px #08102859;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:0;min-height:0;overflow:hidden}.signal-game__panel--left{grid-area:left;justify-content:space-between;min-height:0;overflow-y:auto;scrollbar-width:none}.signal-game__panel--right{grid-area:right;align-items:stretch;justify-content:flex-start;min-height:0;overflow-y:auto;scrollbar-width:none}.signal-game__title{text-transform:uppercase;letter-spacing:.3em;font-size:.9rem;color:#8fcdffe6}.signal-game__metric{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(120,175,255,.15)}.signal-game__metric-label{font-size:.75rem;letter-spacing:.18em;opacity:.6}.signal-game__metric-label--en{font-size:.65rem;letter-spacing:.18em;opacity:.4}.signal-game__metric-value{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;color:#9fdfff;text-shadow:0 0 12px rgba(112,209,255,.55)}.signal-game__feed{display:flex;flex-direction:column;gap:.75rem}.signal-game__feed-item{font-size:.85rem;padding:.65rem .85rem;border-radius:12px;background:#142444a6;border:1px solid rgba(122,169,255,.2);transition:opacity .4s ease,transform .4s ease}.signal-game__feed-item--status{border-color:#7edbff59;box-shadow:inset 0 0 15px #46a0ff1f}.signal-game__feed-item--success{border-color:#78ffd259;box-shadow:inset 0 0 15px #28e6b42e}.signal-game__feed-item--danger{border-color:#ff898966;box-shadow:inset 0 0 15px #ff484833}.signal-game__feed-item--fadeout{opacity:0;transform:translateY(-6px)}.signal-game__playfield-wrapper{grid-area:center;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;flex-shrink:1;position:relative}.signal-game__playfield{position:relative;width:100%;max-width:100%;height:auto;aspect-ratio:5 / 4;max-height:100%;background:radial-gradient(circle at 50% 35%,rgba(98,144,255,.25),transparent 45%),radial-gradient(circle at 50% 65%,rgba(120,255,210,.18),transparent 55%),linear-gradient(200deg,#181e37d9,#0b0e16e6);border-radius:28px;overflow:hidden;border:1px solid rgba(120,175,255,.25);box-shadow:0 30px 80px #080c1c8c;touch-action:none;-webkit-user-select:none;user-select:none;min-width:0;min-height:0;flex-shrink:1;align-self:center}.playfield__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(120,175,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,175,255,.06) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(circle at center,rgba(255,255,255,.7) 0%,transparent 70%);mask-image:radial-gradient(circle at center,rgba(255,255,255,.7) 0%,transparent 70%);pointer-events:none}.playfield__ring{top:50%;left:50%;width:clamp(180px,22vw,320px);height:clamp(180px,22vw,320px);transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(157,236,255,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:radial-gradient(circle,rgba(45,93,180,.25),transparent 70%);box-shadow:0 0 40px #64b4ff40;pointer-events:none;transition:box-shadow .3s ease,border-color .3s ease;position:absolute;--ring-progress-color: rgba(157, 236, 255, .75)}.playfield__ring[data-group=letter]{border-color:#78d6ff80;--ring-progress-color: rgba(120, 214, 255, .75)}.playfield__ring[data-group=number]{border-color:#a0ffd18c;--ring-progress-color: rgba(120, 255, 210, .75)}.playfield__ring[data-group=shape]{border-color:#ffae7880;--ring-progress-color: rgba(255, 174, 120, .75)}.playfield__ring--success{box-shadow:0 0 45px #78ffd280}.playfield__ring--danger{box-shadow:0 0 55px #ff6e6e8c;border-color:#ff6e6e99}.playfield__ring-glyph{font-size:clamp(2.8rem,6vw,4.2rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c7f4ff;text-shadow:0 0 30px rgba(132,215,255,.65)}.playfield__ring-progress{position:absolute;inset:-6px;border-radius:50%;pointer-events:none;--progress: 1;background:conic-gradient(var(--ring-progress-color) calc(var(--progress) * 360deg),rgba(157,236,255,.08) 0deg);mask:radial-gradient(farthest-side,transparent calc(100% - 8px),rgba(0,0,0,.9) calc(100% - 6px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),rgba(0,0,0,.9) calc(100% - 6px));opacity:.55;transition:background .2s linear,opacity .25s ease}.playfield__ring-label{font-size:clamp(.85rem,1.4vw,1rem);letter-spacing:.12em;text-transform:uppercase;opacity:.75}.symbol-chip{position:absolute;width:clamp(44px,5vw,64px);height:clamp(44px,5vw,64px);border-radius:18px;border:1px solid rgba(143,205,255,.25);display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,2.4vw,1.8rem);font-weight:700;text-transform:uppercase;color:#e8f3ff;background:radial-gradient(circle at top,#5078c8b3,#142242d9);box-shadow:0 10px 25px #0a0e1c8c;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .3s ease,opacity .3s ease}.symbol-chip--letter{border-color:#78d6ff66}.symbol-chip--number{border-color:#a0ffd166}.symbol-chip--shape{border-color:#ffae7866}.symbol-chip--success{background:radial-gradient(circle,#30bd93d9,#0d3a2ee6);color:#d6fff5;opacity:.15}.symbol-chip--danger{background:radial-gradient(circle,#ff5c5cd9,#521616e6);color:#ffd6d6;opacity:.15}.symbol-chip--auto{border-color:#78ffd2cc;box-shadow:0 0 24px #78ffd273,inset 0 0 16px #78ffd24d}.symbol-chip--auto-capture{transform:scale(1.08);transition:transform .2s ease}.powerup-chip{position:absolute;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#121e3ae0;color:#f4fbff;font-size:clamp(.75rem,1.6vw,.9rem);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 14px 30px #0a102673;transition:transform .3s ease,opacity .3s ease}.powerup-chip--enter{opacity:0;transform:scale(.8)}.powerup-chip--enter.powerup-chip{opacity:1;transform:scale(1)}.powerup-chip__icon{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.powerup-chip--slowmo{border-color:#78d6ff99;color:#9ed5ff;background:#12203ee6}.powerup-chip--autocollect{border-color:#78ffd299;color:#a5ffe6;background:#0e2e28e6}.powerup-bar{width:100%;display:flex;flex-direction:column;gap:.55rem;min-height:84px}.powerup-slot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .65rem;border-radius:12px;border:1px solid rgba(120,175,255,.25);background:#121c30cc;box-shadow:inset 0 0 18px #508cff1f}.powerup-slot__label{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;opacity:.8}.powerup-slot__timer{flex:1;height:4px;margin-left:.75rem;border-radius:999px;background:linear-gradient(90deg,#78d6ffd9,#78ffd2d9);animation-name:powerupTimer;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes powerupTimer{0%{width:100%}to{width:0}}.capture-pulse{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid transparent;opacity:0;transform:translate(-50%,-50%) scale(.5);pointer-events:none;transition:transform .4s ease,opacity .4s ease}.capture-pulse--success{border-color:#78ffd299;box-shadow:0 0 25px #78ffd299}.capture-pulse--danger{border-color:#ff6e6ea6;box-shadow:0 0 25px #ff6e6ea6}.capture-pulse--visible{transform:translate(-50%,-50%) scale(3.2);opacity:.05}.energy-stack{width:100%;display:flex;flex-direction:column;gap:.65rem;align-items:center;flex-shrink:0;min-width:0}.signal-game__mini-metrics{width:100%;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.signal-game__mini-metric{padding:.5rem .85rem;border-radius:14px;border:1px solid rgba(120,175,255,.2);background:#0c142aa6;display:flex;flex-direction:column;gap:.25rem;min-width:0}.signal-game__mini-label{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;opacity:.6}.signal-game__mini-value{font-size:clamp(1rem,2vw,1.35rem);font-weight:600;color:#9fdfff;text-shadow:0 0 12px rgba(112,209,255,.4)}.energy-stack__label{font-size:.75rem;letter-spacing:.28em;opacity:.6}.energy-stack__label--en{font-size:.65rem;letter-spacing:.22em;opacity:.4}.energy-stack__bar{width:clamp(48px,4vw,58px);height:clamp(180px,25vw,280px);min-height:clamp(120px,15vh,180px);max-height:clamp(220px,30vh,280px);border-radius:20px;border:1px solid rgba(120,175,255,.3);background:#081020a6;position:relative;overflow:hidden;flex-shrink:0}.energy-stack__fill{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(180deg,#78d6fff2,#3985ffb3);transition:height .4s ease,background .4s ease;box-shadow:inset 0 0 15px #78d6ff66}.energy-stack__fill[data-state=warning]{background:linear-gradient(180deg,#ffc770f2,#ff8a4aa6)}.energy-stack__fill[data-state=critical]{background:linear-gradient(180deg,#ff7070f2,#b42e2ea6)}.combo-crystal{position:relative;width:clamp(160px,16vw,220px);height:clamp(160px,16vw,220px);border-radius:24px;border:1px solid rgba(120,175,255,.2);background:radial-gradient(circle,#28467859,#0c1220d9);display:grid;place-items:center;overflow:hidden;box-shadow:0 0 35px #3c6ec833}.combo-crystal__segment{position:absolute;width:70%;height:6px;border-radius:999px;background:#78afff2e;transform-origin:center;opacity:.2;transition:opacity .3s ease,background .3s ease,transform .3s ease}.combo-crystal__segment--active{background:linear-gradient(90deg,#78ffd2d9,#78d6ffd9);opacity:.95;box-shadow:0 0 16px #78ffd273}.combo-crystal__segment:nth-child(1){transform:rotate(0) translateY(-55px)}.combo-crystal__segment:nth-child(2){transform:rotate(36deg) translateY(-55px)}.combo-crystal__segment:nth-child(3){transform:rotate(72deg) translateY(-55px)}.combo-crystal__segment:nth-child(4){transform:rotate(108deg) translateY(-55px)}.combo-crystal__segment:nth-child(5){transform:rotate(144deg) translateY(-55px)}.combo-crystal__segment:nth-child(6){transform:rotate(180deg) translateY(-55px)}.combo-crystal__segment:nth-child(7){transform:rotate(216deg) translateY(-55px)}.combo-crystal__segment:nth-child(8){transform:rotate(252deg) translateY(-55px)}.combo-crystal__segment:nth-child(9){transform:rotate(288deg) translateY(-55px)}.combo-crystal__segment:nth-child(10){transform:rotate(324deg) translateY(-55px)}.signal-game__actions{display:flex;width:100%;justify-content:center;margin-top:auto;position:sticky;bottom:0;padding-top:.35rem;background:linear-gradient(180deg,transparent,rgba(6,12,28,.65))}.signal-game__actions .ghost-button{width:100%}.ghost-button{width:100%;padding:.85rem 1.4rem;border-radius:999px;border:1px solid rgba(120,175,255,.4);background:#0c162aa6;color:#bfe3ff;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ghost-button:hover{transform:translateY(-2px);border-color:#8cffd299;box-shadow:0 12px 28px #50a0ff40}.ghost-button:active{transform:translateY(0)}.ghost-button--secondary{background:#121c30a6;border-color:#78afff59;color:#a6ceff;font-size:.85rem}.ghost-button--secondary:hover{border-color:#78ffd28c;box-shadow:0 12px 24px #64b9ff40;color:#d0f5ff}.signal-game__overlay{position:fixed;inset:0;display:grid;place-items:center;background:#04060ed1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:20}.signal-game__overlay--visible{opacity:1;visibility:visible}.overlay-panel{width:min(420px,90%);background:linear-gradient(160deg,#141c30f2,#0a1020d9);border-radius:24px;border:1px solid rgba(120,175,255,.35);padding:clamp(1.6rem,3vw,2.4rem);display:flex;flex-direction:column;gap:1rem;text-align:center;box-shadow:0 35px 70px #080a1680}.overlay-panel__title{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:.12em;text-transform:uppercase;color:#9fdfff}.overlay-panel__message{margin:0;font-size:clamp(.9rem,1.6vw,1rem);opacity:.75;line-height:1.6}.overlay-panel__button{margin-top:.5rem;padding:.9rem 1.6rem;border-radius:999px;border:none;background:linear-gradient(120deg,#68ecff,#7bffda);color:#05374e;font-weight:700;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.overlay-panel__button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #78ffd259}.overlay-panel__button:active{transform:translateY(0)}.overlay-panel__button--secondary{margin-top:0;background:transparent;color:#a6c8ff;border:1px solid rgba(120,175,255,.35)}.overlay-panel__button--secondary:hover{box-shadow:none;border-color:#78ffd273;color:#d0ecff;transform:translateY(-2px)}.overlay-panel__button--secondary:active{transform:translateY(0)}.overlay-panel__button--ghost{margin-top:0;background:transparent;color:#d2e6ffbf;border:1px solid transparent}.overlay-panel__button--ghost:hover{box-shadow:none;color:#fff;border-color:#78afff66;transform:translateY(-2px)}.overlay-panel__button--ghost:active{transform:translateY(0)}.loading-screen{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(70,120,200,.4),transparent 60%),radial-gradient(circle at 80% 30%,rgba(120,255,210,.35),transparent 65%),#04060eeb;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;z-index:35}.loading-screen--visible{opacity:1;visibility:visible;pointer-events:auto}.loading-screen__content{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:clamp(2rem,5vw,3rem);border-radius:24px;border:1px solid rgba(120,175,255,.35);background:linear-gradient(180deg,#101c34f2,#060c1ce6);box-shadow:0 32px 80px #0406128c}.loading-screen__spinner{width:64px;height:64px;border-radius:50%;border:4px solid rgba(120,175,255,.2);border-top-color:#78ffd2d9;animation:loading-spin 1.1s linear infinite}.loading-screen__label{margin:0;font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;color:#d2e6ffcc}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-menu{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(62,98,180,.45),transparent 60%),radial-gradient(circle at 80% 30%,rgba(120,255,210,.35),transparent 65%),#04060ee0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;z-index:15}.main-menu--visible{opacity:1;visibility:visible;pointer-events:auto}.main-menu__panel{max-width:540px;width:90%;padding:clamp(2rem,5vw,3.2rem);border-radius:28px;border:1px solid rgba(120,175,255,.35);background:linear-gradient(180deg,#121c34f2,#080c1ce6);text-align:center;display:flex;flex-direction:column;gap:1.6rem;box-shadow:0 40px 80px #02061299;color:#e9f6ff}.main-menu__profile{align-self:stretch;display:grid;grid-template-columns:1fr auto;gap:.45rem 1.25rem;padding:clamp(.9rem,2.4vw,1.2rem);border-radius:16px;border:1px solid rgba(120,175,255,.35);background:linear-gradient(140deg,#0c1a30bf,#081020eb);text-transform:uppercase;letter-spacing:.12em;color:#c3dcffcc}.main-menu__profile-row{display:contents}.main-menu__profile-label{font-size:.7rem;opacity:.65}.main-menu__profile-value{justify-self:end;font-size:.95rem;font-weight:700;color:#fff}.main-menu__title{margin:0;font-size:clamp(2rem,4vw,3rem);letter-spacing:.22em;text-transform:uppercase}.main-menu__subtitle{margin:0;font-size:clamp(.95rem,2vw,1.1rem);color:#c8e1ffbf;line-height:1.6}.main-menu__actions{display:flex;flex-direction:column;gap:.75rem}.main-menu__button{padding:.85rem 1.4rem;border-radius:999px;border:1px solid rgba(120,175,255,.35);background:#0c162ab3;color:#bfe3ff;letter-spacing:.12em;text-transform:uppercase;font-size:.9rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.main-menu__button:hover{transform:translateY(-2px);border-color:#78ffd299;box-shadow:0 16px 28px #508cff40}.main-menu__button--primary{background:linear-gradient(120deg,#68ecffd9,#7bffdae6);color:#05374e;border:none}.main-menu__button--primary:hover{transform:translateY(-3px);box-shadow:0 18px 36px #78ffd259}.main-menu__button--inline{align-self:flex-start;font-size:.75rem;padding:.6rem 1.2rem;letter-spacing:.14em}.main-menu__button:disabled{opacity:.55;cursor:default;pointer-events:none}.main-menu[hidden]{display:none!important}.leaderboard-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#04060ed1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:25}.leaderboard-overlay--visible{opacity:1;visibility:visible}.leaderboard-panel{width:min(460px,90%);max-height:80vh;overflow:hidden;background:linear-gradient(170deg,#14203af5,#0a1020e0);border:1px solid rgba(120,175,255,.35);border-radius:24px;display:flex;flex-direction:column;padding:clamp(1.4rem,3vw,2rem);gap:1rem;box-shadow:0 42px 90px #060a1a80;color:#e7f4ff}.leaderboard-panel__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.leaderboard-panel__title{margin:0;font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:.12em;text-transform:uppercase}.leaderboard-panel__close{background:transparent;border:1px solid rgba(120,175,255,.35);color:#c8e8ffcc;border-radius:50%;width:36px;height:36px;font-size:1.3rem;cursor:pointer;transition:border-color .25s ease,color .25s ease}.leaderboard-panel__close:hover{color:#fff;border-color:#78ffd28c}.leaderboard-panel__status{margin:0;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.leaderboard-panel__status[data-tone=info]{color:#9dd3ff}.leaderboard-panel__status[data-tone=error]{color:#ff9090}.leaderboard-panel__status[data-tone=neutral]{color:#d7e6ffb3}.leaderboard-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.leaderboard-panel__item{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:14px;border:1px solid rgba(120,175,255,.2);background:#0c142aa6;box-shadow:0 12px 28px #080c1c40;font-size:.95rem}.leaderboard-panel__item--you{border-color:#78ffd299;box-shadow:0 16px 32px #50dcc833}.leaderboard-panel__item--local{border-style:dashed;border-color:#b4a0ff73}.leaderboard-panel__item-rank{font-family:Manrope,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;letter-spacing:.12em;color:#a0d2ffd9}.leaderboard-panel__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-panel__item-score{font-weight:700;color:#c9f7ff}.leaderboard-panel__empty{margin:0;padding:.8rem 1rem;border-radius:12px;border:1px solid rgba(120,175,255,.2);background:#121c3080;font-size:.85rem;text-align:center;letter-spacing:.08em}@media(max-width:1080px),(max-height:780px){.signal-game__mini-metrics{display:grid}}@media(max-width:1080px){.signal-game{grid-template-columns:1fr minmax(80px,120px);grid-template-areas:"center right";min-height:0;height:100%;max-height:100%;gap:clamp(.75rem,1.5vw,1.25rem);overflow:hidden}.signal-game__panel--left{display:none}.signal-game__playfield-wrapper{max-height:100%;min-height:0;height:100%}.signal-game__panel--right{flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;min-height:0;min-width:0;max-height:100%;overflow-y:auto;scrollbar-width:none;padding:clamp(.8rem,1.5vw,1.2rem)}.signal-game__mini-metrics{width:100%;gap:.6rem}.signal-game__mini-value{font-size:clamp(.95rem,2vw,1.15rem)}.signal-game__playfield{aspect-ratio:16 / 9;max-width:100%;max-height:100%;width:100%;height:100%}.energy-stack{flex-shrink:0;width:100%;max-width:100%;order:1}.energy-stack__label{font-size:clamp(.65rem,1.2vw,.75rem);white-space:nowrap}.energy-stack__bar{width:100%!important;max-width:100%!important;height:clamp(180px,25vh,240px)!important;min-height:clamp(140px,20vh,200px)!important;max-height:clamp(200px,30vh,260px)!important}.combo-crystal{display:none}.powerup-bar{order:2;flex:0 0 auto;min-width:0;max-width:100%;min-height:auto;max-height:120px;overflow-y:auto}.powerup-slot{font-size:.65rem;padding:.35rem .5rem}.signal-game__actions{order:3;flex:0 0 auto;min-width:0;max-width:100%;width:100%}.ghost-button{padding:.65rem 1rem;font-size:.75rem}}@media(max-width:768px){.signal-game{gap:clamp(.5rem,1.2vw,.85rem);grid-template-columns:1fr minmax(70px,100px)}.signal-game__panel--left{display:none}.signal-game__playfield{aspect-ratio:4 / 3;max-width:100%;max-height:100%}.energy-stack__bar{height:clamp(160px,22vh,220px)!important;min-height:clamp(120px,18vh,180px)!important;max-height:clamp(180px,28vh,240px)!important}}@media(max-width:640px){#app{padding:.75rem}.signal-game{grid-template-columns:1fr minmax(60px,90px);gap:.75rem}.signal-game__panel--left{display:none}.signal-game__panel{padding:.75rem}.signal-game__panel--right{padding:clamp(.6rem,1.2vw,.9rem);gap:.65rem}.signal-game__playfield{border-radius:24px;aspect-ratio:16 / 9;max-width:100%;max-height:100%}.energy-stack__bar{height:clamp(140px,20vh,200px)!important;min-height:clamp(100px,15vh,160px)!important;max-height:clamp(160px,25vh,220px)!important}.combo-crystal{display:none}.powerup-bar{max-height:100px}}@media(max-width:480px){#app{padding:.5rem}.signal-game{grid-template-columns:1fr minmax(55px,80px);gap:.5rem}.signal-game__panel--left{display:none}.signal-game__panel{padding:.6rem}.signal-game__panel--right{padding:clamp(.5rem,1vw,.75rem);gap:.5rem;justify-content:flex-start;align-items:center}.signal-game__playfield{aspect-ratio:16 / 9;max-width:100%;max-height:100%;border-radius:20px}.energy-stack__label{font-size:.6rem}.energy-stack__bar{height:clamp(120px,18vh,180px)!important;min-height:clamp(90px,12vh,140px)!important;max-height:clamp(140px,22vh,200px)!important;width:100%!important}.combo-crystal{display:none}.powerup-bar{max-height:80px}.powerup-slot{font-size:.6rem;padding:.3rem .45rem}.ghost-button{padding:.55rem .85rem;font-size:.7rem}}@media(max-height:600px)and (orientation:portrait){.signal-game__playfield{aspect-ratio:3 / 4;max-width:100%;max-height:100%}}@media(max-height:500px)and (orientation:landscape){.signal-game{grid-template-columns:1fr;grid-template-areas:"center" "left" "right";align-content:start}.signal-game__playfield{aspect-ratio:16 / 9;max-width:100%;max-height:100%}#app{padding:.5rem}.signal-game__panel{padding:.75rem;flex-direction:row;flex-wrap:wrap;gap:.5rem}.signal-game__panel--right{justify-content:center;align-items:center}.energy-stack__bar{height:clamp(80px,15vh,140px);min-height:clamp(60px,10vh,100px);max-height:clamp(120px,20vh,160px);width:clamp(32px,2.5vw,44px)}.combo-crystal{width:clamp(90px,18vw,140px);height:clamp(90px,18vw,140px)}.signal-game__metric{width:48%;min-width:0;flex-shrink:0}}@media(max-height:820px){#app{padding:clamp(.8rem,2vh,1.5rem)}.signal-game{gap:clamp(.6rem,1.5vh,1rem)}.signal-game__panel{padding:clamp(.8rem,2vh,1.4rem)}.signal-game__playfield{aspect-ratio:4 / 3;max-height:calc(100vh - 180px)}.signal-game__actions .ghost-button{padding:.55rem .95rem;font-size:.8rem}}@media(max-height:700px)and (max-width:1080px){.signal-game{grid-template-columns:1fr minmax(70px,100px);grid-template-areas:"center right";align-content:start;overflow:visible;gap:clamp(.5rem,1.2vh,.85rem)}.signal-game__panel--left{display:none}.signal-game__panel--right{flex-direction:column;justify-content:flex-start;align-items:center;gap:.65rem;min-height:0;min-width:0;max-height:100%;overflow:visible;padding:clamp(.65rem,1.5vh,1rem)}.signal-game__playfield-wrapper{min-height:clamp(260px,60vh,420px);max-height:clamp(260px,60vh,420px);flex-shrink:0}.signal-game__playfield{aspect-ratio:16 / 10;max-height:clamp(240px,65vh,420px);width:100%;max-width:100%}.energy-stack{flex-shrink:0;order:1;width:100%;max-width:100%}.energy-stack__bar{height:clamp(120px,18vh,180px)!important;min-height:clamp(90px,14vh,140px)!important;max-height:clamp(160px,24vh,200px)!important;width:100%!important}.combo-crystal{display:none}.powerup-bar{order:2;flex:0 0 auto;min-width:0;min-height:auto;max-width:100%;max-height:100px;overflow-y:auto}.signal-game__actions{order:3;flex:0 0 auto;min-width:0;max-width:100%;width:100%}.signal-game__actions .ghost-button{padding:.5rem .85rem;font-size:.75rem}}@media(max-height:560px)and (max-width:1080px){.signal-game{gap:clamp(.4rem,1vh,.65rem);grid-template-columns:1fr minmax(60px,85px);grid-template-areas:"center right"}.signal-game__panel--left{display:none}.signal-game__panel--right{padding:.5rem;max-height:100%;gap:.45rem;justify-content:flex-start;align-items:center}.signal-game__playfield-wrapper{min-height:clamp(200px,55vh,320px);max-height:clamp(200px,55vh,320px);flex-shrink:0}.signal-game__playfield{border-radius:20px;box-shadow:0 18px 40px #080c1c73;max-height:clamp(180px,50vh,300px);width:100%;max-width:100%}.energy-stack{max-width:70px}.energy-stack__bar{height:clamp(100px,18vh,160px)!important;min-height:clamp(80px,12vh,120px)!important;max-height:clamp(140px,22vh,180px)!important;width:clamp(36px,3vw,48px)!important}.combo-crystal{width:clamp(100px,20vw,160px)!important;height:clamp(100px,20vw,160px)!important;max-width:160px;max-height:160px}.ghost-button{padding:.65rem 1rem;font-size:.8rem}.powerup-bar{min-height:50px;max-width:100%}.signal-game__feed{max-height:80px}.signal-game__actions{display:none}}@media(min-width:1081px){.signal-game{grid-template-columns:minmax(190px,.22fr) minmax(0,1fr) minmax(180px,.22fr);grid-template-areas:"left center right"}.signal-game__panel--left,.signal-game__panel--right{flex-direction:column;max-height:none;overflow:hidden}.signal-game__panel--right{justify-content:space-between;align-items:center}.signal-game__metric{width:auto;max-width:none;border-bottom:1px solid rgba(120,175,255,.15);padding-bottom:.75rem}.signal-game__feed{order:0;max-height:none;overflow:visible}.signal-game__playfield-wrapper{max-height:none;min-height:0}.signal-game__playfield{aspect-ratio:5 / 4}.energy-stack{order:0;max-width:none}.energy-stack__bar{width:clamp(48px,4vw,58px)!important;height:clamp(220px,25vw,280px)!important;min-height:clamp(180px,20vw,240px)!important;max-height:clamp(220px,30vw,280px)!important}.combo-crystal{order:0;width:clamp(160px,16vw,220px)!important;height:clamp(160px,16vw,220px)!important;max-width:none;max-height:none}.powerup-bar{order:0;min-height:84px}.signal-game__actions{order:0}}@media(min-width:1920px){.signal-game{max-width:1800px}}