.game-hud{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 auto 16px;max-width:400px;color:#c5f49e;font-size:12px}.game-hud .secondary{font-size:11px;padding:9px;min-height:40px}.merge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:9px;border-radius:15px;background:#344138;max-width:360px;margin:auto;touch-action:none}.merge-tile{aspect-ratio:1;border-radius:9px;background:#25302a;color:#24311e;display:grid;place-items:center;font-size:30px;font-weight:750}.merge-tile[data-value="2"]{background:#e3e9d2}.merge-tile[data-value="4"]{background:#d3e0b1}.merge-tile[data-value="8"]{background:#c5f49e}.merge-tile[data-value="16"]{background:#a3d581}.merge-tile[data-value="32"]{background:#83c389}.merge-tile[data-value="64"]{background:#81c8b6}.merge-tile[data-value="128"]{background:#b8abef;font-size:27px}.merge-tile[data-value="256"]{background:#d6a7dd;font-size:27px}.merge-tile[data-value="512"]{background:#efb99e;font-size:27px}.merge-tile[data-value="1024"],.merge-tile[data-value="2048"]{background:#f2d98c;font-size:24px}.merge-tile:not([data-value="0"]):not([data-value="2"]):not([data-value="4"]):not([data-value="8"]):not([data-value="16"]):not([data-value="32"]):not([data-value="64"]):not([data-value="128"]):not([data-value="256"]):not([data-value="512"]):not([data-value="1024"]):not([data-value="2048"]){background:#f0c46d;font-size:22px}.connect-columns,.connect-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:400px;margin:auto}.connect-columns{padding:0 11px;margin-bottom:9px}.connect-columns button{border:1px solid #4e6b54;border-radius:8px;background:#304539;color:#c5f49e;min-height:44px;font-size:24px}.connect-columns button:disabled{opacity:.4}.connect-grid{background:#33434f;padding:11px;border-radius:14px}.connect-cell{aspect-ratio:1;border-radius:50%;background:#162127;border:1px solid #64727744;box-shadow:inset 0 3px 4px #0003}.connect-cell.p1{background:#c5f49e;box-shadow:inset 0 -4px 0 #97b97c}.connect-cell.p2{background:#baabf4;box-shadow:inset 0 -4px 0 #8976c8}.mines-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;max-width:380px;margin:auto;padding:7px;border-radius:12px;background:#1a2823}.mine-cell{aspect-ratio:1;border:1px solid #526a59;background:#34493c;border-radius:5px;color:#f1dc9d;padding:0;font-size:17px;font-weight:700;touch-action:manipulation}.mine-cell.open{background:#1e2d26;border-color:#2c3c32}.mine-cell[data-number="1"].open{color:#99d7ed}.mine-cell[data-number="2"].open{color:#b4e899}.mine-cell[data-number="3"].open{color:#f5ac99}.mine-cell[data-number="4"].open{color:#ccadf5}.mine-cell.bomb{background:#73473b;color:#ffc7a4}#flag-mode[aria-pressed=true]{background:#c5f49e;color:#23321d}.sudoku-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0;border:2px solid #81917f;max-width:390px;margin:auto}.sudoku-cell{aspect-ratio:1;padding:0;border:0;border-right:1px solid #425247;border-bottom:1px solid #425247;background:#19291f;color:#c5f49e;font-size:21px}.sudoku-cell:nth-child(3n){border-right:2px solid #81917f}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #81917f}.sudoku-cell.given{background:#2b3630;color:#d4dcd1;font-weight:700}.sudoku-cell.selected{background:#526c3e;box-shadow:inset 0 0 0 2px #c5f49e}.sudoku-cell.conflict{color:#ffafab;background:#623d36}.sudoku-pad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;max-width:390px;margin:16px auto}.sudoku-pad button{border:1px solid #61735d;background:#33472c;border-radius:7px;min-height:42px;padding:0;color:#d7f6bc;font-size:19px;touch-action:manipulation}.sudoku-pad .erase{grid-column:1/-1;font-size:12px;background:#27372d;min-height:35px}.simon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:330px;margin:18px auto}.simon-pad{aspect-ratio:1;border:3px solid transparent;border-radius:20px;color:#ffffffb0;font-size:43px;background:#314c34;position:relative;touch-action:manipulation}.simon-pad small{display:block;font-size:13px;margin-top:5px}.simon-pad[data-s="1"]{background:#49376a}.simon-pad[data-s="2"]{background:#6c4834}.simon-pad[data-s="3"]{background:#275365}.simon-pad.lit{border-color:white;box-shadow:inset 0 0 0 5px #fff8;color:#fff;background:#689f51}.simon-pad[data-s="1"].lit{background:#9a72df}.simon-pad[data-s="2"].lit{background:#d88c52}.simon-pad[data-s="3"].lit{background:#4aa1c1}.simon-pad:disabled{opacity:1}.road-canvas{max-width:320px;aspect-ratio:2/3;border:1px solid #4d6353;touch-action:none}.road-controls{display:flex;justify-content:center;gap:8px;margin:15px auto;max-width:390px}.road-controls button{flex:1;padding:10px 7px;font-size:12px;min-height:46px}.card[data-game="road"]{border-color:#648053}.card[data-game="road"] .card-bottom b{color:#e2ffc9}.game-hud+canvas{margin-top:0}.filters{gap:8px}@media(max-width:420px){.merge-tile{font-size:26px}.merge-tile[data-value="1024"],.merge-tile[data-value="2048"]{font-size:20px}.sudoku-cell{font-size:18px}.sudoku-pad{gap:3px}.sudoku-pad button{font-size:17px;min-height:40px}.mine-cell{font-size:15px}.mines-grid{gap:2px;padding:4px}.connect-grid{gap:4px;padding:8px}.connect-columns{gap:4px;padding:0 8px}.road-canvas{max-width:280px}.game-hud{font-size:11px}.simon-pad{font-size:36px}}

.dialog-head{position:sticky;top:0;z-index:3;background:#151b21;padding:5px 0}dialog:has(.road-canvas) .rules{font-size:12px;margin:8px 0}dialog:has(.road-canvas) .play-area{margin:12px 0}dialog:has(.road-canvas) .status{margin:8px 0}.road-canvas{height:min(47svh,440px);width:auto;max-width:100%;aspect-ratio:2/3}