/* Six more play styles, sharing the fixed-height arcade frame. */
.symbol-runner{font-size:39px;transform:rotate(-25deg);}.symbol-memory{font-size:45px;}.symbol-merge{font:800 31px Outfit,sans-serif;}.symbol-snake{font-size:53px;}.symbol-mines{font-size:36px;}.symbol-orbit{font-size:45px;}
.emblem-runner{color:#a4d8ed;transform:rotate(-10deg);}.emblem-memory{color:#eeb7d5;}.emblem-merge{color:#e9c6a3;font:800 39px Outfit,sans-serif;}.emblem-snake{color:#99e8c6;}.emblem-mines{color:#9fcae8;font-size:46px;}.emblem-orbit{color:#d3b4ec;}
.direction-pad{display:grid;grid-template-columns:repeat(3,35px);grid-template-rows:repeat(2,32px);gap:4px;flex:none;}
.direction-pad button{border:1px solid #c5a5e447;border-radius:9px;background:#c6a3e51b;color:#ecdbfd;min-width:0;padding:0;font:800 22px Outfit,sans-serif;touch-action:manipulation;}
.direction-pad button:first-child{grid-column:2;grid-row:1;}.direction-pad button:nth-child(2){grid-column:1;grid-row:2;}.direction-pad button:nth-child(3){grid-column:2;grid-row:2;}.direction-pad button:nth-child(4){grid-column:3;grid-row:2;}
.direction-pad button:disabled{opacity:.4;}.direction-pad button:active{background:#d5b2f14a;transform:scale(.96);}
.skill-memory .skill-stage,.skill-merge .skill-stage,.skill-mines .skill-stage{container-type:size;}
.puzzle-board{--board-side:min(calc(100cqw - 24px),calc(100cqh - 24px),520px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--board-side);height:var(--board-side);display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));gap:clamp(4px,1.4cqw,10px);touch-action:none;}
.memory-card{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #bb9bda50;border-radius:14px;background:radial-gradient(ellipse at 30% 15%,#78639488,#30283e);color:#c3abdf;box-shadow:inset 0 1px 0 #ffffff12;padding:0;min-height:0;transition:background .18s,border-color .18s,transform .18s;}
.puzzle-board:focus{outline:none;}.puzzle-board:focus-visible{outline:1px solid #d5bbe577;outline-offset:5px;border-radius:13px;}
.memory-card>span{font-size:clamp(20px,8cqw,45px);line-height:1;}.memory-card>small{position:absolute;right:8px;bottom:5px;color:#ceb7df66;font:700 9px Outfit,sans-serif;}
.memory-card.face-up{color:var(--face);background:radial-gradient(ellipse at 45% 30%,color-mix(in srgb,var(--face) 20%,#252035),#262035);border-color:color-mix(in srgb,var(--face) 65%,transparent);transform:translateY(-1px);}
.memory-card.face-up>span{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--face) 35%,transparent));}.memory-card.matched{opacity:.5;background:#9fc5aa10;border-color:#a3d2ab33;}.memory-card:active{transform:scale(.95);}.memory-card:focus-visible,.mine-cell:focus-visible{outline:2px solid #f1d2ff;outline-offset:-3px;}
.merge-cell{display:grid;place-items:center;border:1px solid #b89bdc25;border-radius:14px;background:#b5a0d111;box-shadow:inset 0 1px 0 #fff1;min-height:0;}
.merge-cell>span{font:800 clamp(20px,7cqw,48px) Outfit,sans-serif;line-height:1;color:#f3e8ff;text-shadow:0 2px 8px #21172c22;}
.merge-cell[data-power="1"]{background:#665978;}.merge-cell[data-power="2"]{background:#80709d;}.merge-cell[data-power="3"]{background:#a17fb2;}.merge-cell[data-power="4"]{background:#bf88b4;}.merge-cell[data-power="5"]{background:#ce91a7;}.merge-cell[data-power="6"]{background:#d89f91;}.merge-cell[data-power="7"]{background:#ddb47c;}.merge-cell[data-power="8"]{background:#efc565;box-shadow:0 0 28px #edc68555;}.merge-cell[data-power="8"]>span{color:#493447;}
.merge-cell.new-tile{animation:tile-arrive .18s ease-out;}.skill-merge .skill-side-control{padding:9px 10px;}.skill-merge .skill-control-hint{max-width:210px;}
.skill-mines .puzzle-board{gap:clamp(2px,.7cqw,4px);--board-side:min(calc(100cqw - 24px),calc(100cqh - 24px),490px);}
.mine-cell{display:grid;place-items:center;min-height:0;min-width:0;padding:0;border:1px solid #8eb4d94a;border-radius:7px;background:linear-gradient(145deg,#53688066,#34415888);color:#a7cae566;font:800 clamp(12px,4.7cqw,23px) Outfit,sans-serif;line-height:1;box-shadow:inset 0 1px 0 #bbdfff16;}
.mine-cell.opened{background:#10283944;border-color:#8baabc16;box-shadow:none;}.mine-cell[data-number="1"]{color:#8ec8ed;}.mine-cell[data-number="2"]{color:#97dbba;}.mine-cell[data-number="3"]{color:#e9a7c2;}.mine-cell[data-number="4"]{color:#c5acf0;}.mine-cell[data-number="5"],.mine-cell[data-number="6"],.mine-cell[data-number="7"],.mine-cell[data-number="8"]{color:#f3c78d;}.mine-cell.flagged{color:#f0d5a4;background:#7b67724d;}.mine-cell.exploded{color:#ffdbe2;background:#923e6277;border-color:#f39baa77;}.mine-mode.on{color:#ffe1ae;background:#d3b18332;border-color:#dfc18788;}
.skill-snake .skill-control-hint{max-width:255px;}.skill-orbit .skill-main-control{max-width:320px;}
@keyframes tile-arrive{from{transform:scale(.7);opacity:.4;}to{transform:scale(1);opacity:1;}}
@media(max-width:650px){.symbol-runner{font-size:27px;}.symbol-memory,.symbol-orbit{font-size:31px;}.symbol-merge{font-size:21px;}.symbol-snake{font-size:36px;}.symbol-mines{font-size:25px;}.skill-merge .skill-control-hint{font-size:8px;max-width:90px;}.skill-merge .skill-side-control{padding:7px;font-size:9px;}.memory-card,.merge-cell{border-radius:10px;}.memory-card>small{right:5px;bottom:4px;font-size:8px;}.mine-cell{border-radius:5px;}.skill-mines .skill-control-hint{font-size:8px;}}
@media(orientation:landscape) and (max-height:520px){.skill-snake .skill-footer,.skill-merge .skill-footer{justify-content:center;gap:9px;}.skill-runner .skill-footer{justify-content:center;}.skill-mines .skill-footer{justify-content:center;}.skill-orbit .skill-footer{justify-content:center;}.skill-memory .skill-footer{justify-content:center;}.puzzle-board{--board-side:min(calc(100cqw - 18px),calc(100cqh - 18px),520px);gap:6px;}.memory-card>span{font-size:clamp(18px,8cqh,37px);}.merge-cell>span{font-size:clamp(19px,9cqh,40px);}.mine-cell{font-size:clamp(12px,5cqh,19px);}.skill-merge .skill-control-hint{max-width:none;}.direction-pad{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,30px);}}
@media(prefers-reduced-motion:reduce){.memory-card{transition:none;}.merge-cell.new-tile{animation:none;}}
@media(max-width:360px){body[data-arcade] .gm-head h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;}}