/* ArcadeWisp — Merge Mania dedicated game layout */
.center-stage .board{grid-template-rows:repeat(4,minmax(0,1fr))}
.game-page{padding:29px 0 30px}.back-link{color:#c9d7e9;font-size:12px;font-weight:750;white-space:nowrap}.back-link:hover{color:var(--mint)}
.game-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0 22px}.game-heading-title{display:flex;gap:16px;align-items:center;margin-top:8px}.game-heading-title .game-icon{height:61px;width:61px;border-radius:17px;font-size:34px}.game-heading h1{margin:0;max-width:none;letter-spacing:-1.2px;font-size:35px}.game-heading p:not(.section-kicker){color:var(--muted);margin:5px 0 0;font-size:13px}.heading-glow{color:#a5f0cf;font-size:23px;vertical-align:4px}.heading-actions{display:flex;align-items:center;gap:10px}.heading-actions .btn{padding:10px 14px}
.mode-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:17px}.mode-button{text-align:left;display:flex;align-items:center;gap:13px;border:1px solid #2d3b54;background:#141f32;border-radius:15px;color:var(--text);padding:15px 18px;transition:border-color .2s,background .2s,transform .15s}.mode-button:hover{transform:translateY(-2px);background:#1a2940}.mode-button[aria-pressed="true"]{border-color:#9ceac9;background:linear-gradient(120deg,#1d3d3b,#19323a);box-shadow:inset 0 0 0 1px #367a6b}.mode-emoji{height:42px;width:42px;border-radius:12px;background:#28394d;display:grid;place-items:center;color:var(--mint);font-size:24px;font-weight:850;flex-shrink:0}.mode-button[aria-pressed="true"] .mode-emoji{background:#b2f0d6;color:#15463e}.mode-button strong{display:block;font-size:14px}.mode-button small{display:block;font-size:11px;color:#a1afc4;margin-top:4px}.mode-button[aria-pressed="true"] small{color:#c3e8dc}
.play-arena{display:grid;grid-template-columns:minmax(215px,1fr) minmax(420px,550px) minmax(230px,1fr);gap:16px;align-items:start}.arena-side{display:flex;flex-direction:column;gap:16px}.panel-section{background:linear-gradient(150deg,#18243a,#121c2e);border:1px solid var(--border);border-radius:18px;padding:20px}.panel-section h3{font-size:15px;margin:0;letter-spacing:-.2px}.panel-section p{font-size:12px;line-height:1.7;color:var(--muted)}.current-card>.eyebrow{margin-bottom:17px}
.score-stack{display:flex;flex-direction:column;gap:8px}.score-box.main-score{text-align:left;padding:16px;background:linear-gradient(125deg,#1c3d3c,#172a3b);border-color:#38665a}.score-box.main-score span{color:#bfe2d8}.score-box.main-score strong{font-size:38px;color:#d9ffea;line-height:1.1}.score-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.score-pair .score-box{padding:11px 5px}.score-pair .score-box strong{font-size:21px}.score-pair .score-box span{font-size:9px;letter-spacing:.45px}
.timer-panel{margin-top:16px;border-top:1px solid #32415a;padding-top:15px}.time-row{display:flex;justify-content:space-between;align-items:center;gap:7px}.time-row span{font-size:10px;color:#a9b9ce;letter-spacing:1px;font-weight:850}.time-row strong{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:.2px}.time-row strong.urgent{color:#ffb9a5}.time-track{margin-top:10px;height:6px;background:#324058;border-radius:20px;overflow:hidden}.time-track>div{height:100%;width:100%;background:linear-gradient(90deg,#a1eace,#77bace);transition:width .14s linear}.timer-panel p{margin:9px 0 0;font-size:11px}.run-details{margin:15px 0;padding:10px 0;border-top:1px solid #34425c;border-bottom:1px solid #34425c;display:grid;gap:9px}.run-details div{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#9cacc5}.run-details strong{color:#e8eefe}.control-stack{display:grid;gap:9px}.control-stack .btn{width:100%;min-height:42px}.control-stack .btn:disabled{opacity:.43;cursor:not-allowed;transform:none}.quiet-btn{border:0;background:none;color:#b3c2db;font-weight:700;font-size:11px;padding:9px}.quiet-btn:hover:not(:disabled){color:var(--mint)}.quiet-btn:disabled{opacity:.45;cursor:not-allowed}
.rules-card h3{margin-bottom:7px}.rules-card p{margin:9px 0}.rules-card b{color:#e0edf1}.key-hints{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.key-hints span{padding:5px 9px;border:1px solid #42536d;background:#293951;border-radius:6px;font-size:11px;color:#d9e1ef;font-weight:800}
.center-stage{min-width:0;padding:17px 18px 19px;background:linear-gradient(160deg,#1b2b40,#111d2e);border:1px solid #334860;border-radius:20px;box-shadow:0 20px 46px #0003}.stage-title{display:flex;justify-content:space-between;align-items:start;gap:8px;margin:0 2px 13px}.stage-title h2{font-size:18px;margin-top:6px}.stage-status{font-size:10px;color:#a6eccf;letter-spacing:1px;font-weight:900}.play-counter{font-size:10px;color:#9cacc5;margin-top:6px;white-space:nowrap}.board-outer{position:relative}.center-stage .board{width:100%;border-radius:18px;gap:10px;padding:11px;box-shadow:inset 0 3px 12px #0003;aspect-ratio:1}.center-stage .cell{border-radius:11px}.center-stage .tile{font-size:clamp(23px,3.1vw,39px);border-radius:11px}.center-stage .tile[data-value="1024"],.center-stage .tile[data-value="2048"]{font-size:clamp(21px,2.6vw,34px)}.center-stage .tile[data-value="4096"],.center-stage .tile[data-value="8192"]{font-size:clamp(19px,2.4vw,29px)}.center-stage .tile[data-value="16384"],.center-stage .tile[data-value="32768"],.center-stage .tile[data-value="65536"]{font-size:clamp(17px,2.1vw,26px)}
.center-stage .move-feedback{margin:13px 2px 0;font-size:12px}.stage-note{font-size:11px;line-height:1.5;color:var(--soft);text-align:center;margin:15px 0 0}.save-dot{color:var(--mint);font-size:9px}.start-overlay{position:absolute;inset:0;z-index:5;border-radius:16px;background:rgba(9,17,30,.92);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:26px}.start-overlay[hidden]{display:none}.overlay-icon{font-size:47px;line-height:1.2;margin-bottom:12px}.start-overlay h2{font-size:25px;line-height:1.2;margin:0 0 12px}.start-overlay p{font-size:13px;line-height:1.7;color:#c0d1e5;max-width:335px;margin:0 0 24px}.start-overlay .btn{font-size:15px;padding:13px 22px}
.lb-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.lb-heading .section-kicker{font-size:9px;margin-bottom:6px}.local-pill{padding:5px 7px;border:1px solid #4c5f79;border-radius:7px;color:#b4c3d6;font-size:9px;font-weight:850;white-space:nowrap}.leader-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin:19px 0 16px;background:#0f1a2b;border:1px solid #29364b;border-radius:11px}.leader-tab{background:transparent;color:#9dafc9;border:0;border-radius:8px;padding:9px 3px;font-size:11px;font-weight:800}.leader-tab[aria-pressed="true"]{background:#31445c;color:#e9f5fd}.leader-summary{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:9px}.leader-summary span{font-size:12px;color:#e8f4f4;font-weight:800}.leader-summary small{font-size:10px;color:#9cacc5}.leader-list{min-height:165px}.record-row{display:grid;grid-template-columns:25px 1fr auto;gap:9px;padding:12px 0;border-bottom:1px solid #29374e;align-items:center}.record-row:last-child{border:0}.record-rank{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#2c3d53;color:#b2c1db;font-weight:850;font-size:11px}.record-row:first-child .record-rank{background:#33584f;color:#baf7d3}.record-player{font-size:11px;color:#e6ebf4;font-weight:750}.record-player small{display:block;font-size:10px;color:#90a3bc;margin-top:5px;font-weight:500}.record-score{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;color:#c2f1d9;font-weight:800}.record-score small{display:block;font-size:10px;color:#9baec2;margin-top:5px;font-weight:500}.no-records{padding:23px 9px;text-align:center;background:#142237;border:1px dashed #36465d;border-radius:12px;font-size:12px;color:#9eb1c7;line-height:1.7}.no-records span{display:block;font-size:26px;margin-bottom:5px}.local-disclaimer{font-size:10px!important;color:#8798b0!important;margin:16px 0 0!important;line-height:1.6!important}.your-record{padding:12px 10px;margin-bottom:9px;background:#132e32;border:1px solid #345b58;border-radius:11px}.your-record span{display:block;font-size:10px;color:#a9d7ce;letter-spacing:.5px}.your-record strong{display:block;font-size:24px;margin-top:3px;color:#d5ffea}.your-summary{font-size:11px;line-height:1.9;color:#a9bed1;margin:13px 0}.your-summary strong{color:white}
.next-card .section-kicker{margin:0 0 7px}.next-card h3{margin-bottom:14px}.next-mode{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #2b3c54}.next-mode>span{font-size:21px}.next-mode strong{font-size:12px;display:block}.next-mode small{font-size:10px;color:#91a3ba;display:block;margin-top:4px}.game-ad{margin:21px 0 0}.game-ad p{margin-bottom:0}
@media(min-width:1350px){.game-page{width:min(1320px,calc(100% - 48px))}.play-arena{grid-template-columns:minmax(245px,1fr) minmax(460px,550px) minmax(255px,1fr)}}
@media(max-width:1070px){.play-arena{grid-template-columns:minmax(180px,.7fr) minmax(375px,1.35fr)}.right-side{grid-column:1/-1;display:grid;grid-template-columns:1.3fr .7fr}.center-stage .tile{font-size:clamp(23px,3vw,36px)}.rules-card p{font-size:11px}}
@media(max-width:710px){.topbar-inner nav{display:none}.game-heading{flex-wrap:wrap}.game-heading h1{font-size:29px}.game-heading-title .game-icon{width:49px;height:49px;font-size:29px}.mode-switch{gap:6px}.mode-button{padding:10px 7px;gap:7px;justify-content:center;text-align:center;flex-direction:column}.mode-emoji{width:35px;height:35px;font-size:19px}.mode-button strong{font-size:11px}.mode-button small{font-size:9px}.play-arena{display:flex;flex-direction:column}.center-stage{order:0;width:100%}.left-side{order:1;width:100%;display:grid;grid-template-columns:1fr 1fr}.right-side{order:2;width:100%;display:grid;grid-template-columns:1fr 1fr}.rules-card{align-self:start}.center-stage .tile{font-size:clamp(25px,6vw,39px)}.center-stage .touch-controls{display:flex}}
@media(max-width:540px){.game-page{padding-top:18px}.game-heading{gap:12px;margin-bottom:16px}.game-heading .heading-actions{width:100%;justify-content:flex-start}.game-heading h1{font-size:27px}.game-heading .heading-glow{font-size:16px}.mode-button strong{font-size:10px}.mode-button small{font-size:9px}.mode-button{min-height:91px}.center-stage{padding:13px 11px 16px}.center-stage .board{gap:7px;padding:8px}.center-stage .cell,.center-stage .tile{border-radius:8px}.center-stage .tile{font-size:clamp(23px,7vw,37px)}.center-stage .tile[data-value="1024"],.center-stage .tile[data-value="2048"]{font-size:clamp(21px,6vw,31px)}.center-stage .tile[data-value="4096"],.center-stage .tile[data-value="8192"]{font-size:clamp(17px,5vw,26px)}.start-overlay h2{font-size:20px}.start-overlay p{font-size:12px}.left-side,.right-side{display:flex;flex-direction:column}.panel-section{width:100%;padding:17px}.current-card .score-stack{max-width:none}.right-side .next-card{display:none}.back-link{font-size:11px}.stage-note{font-size:10px}}
