.tt-game{color:#172d36;background:#eef5e7;border:1px solid #9bb9aa;border-radius:14px;width:min(100%,760px);margin:0 auto;padding:20px;position:relative;overflow:hidden;box-shadow:0 14px 42px #182d2430}.tt-header{justify-content:space-between;align-items:center;display:flex}.tt-kicker{letter-spacing:1px;color:#557568;font-size:10px;font-weight:800}.tt-header h2{margin:4px 0 0;font-size:25px}.tt-restart{color:#24544d;cursor:pointer;background:#fff;border:1px solid #b0c4b1;border-radius:8px;width:40px;height:40px;font-size:23px}.tt-restart:disabled{opacity:.45;cursor:default}.tt-stats{letter-spacing:.7px;color:#486259;background:#dce9d9;border-radius:8px;justify-content:space-between;margin:18px 0 8px;padding:10px 12px;font-size:10px;display:flex}.tt-stats b{color:#183c43;margin-top:3px;font-size:16px;display:block}.tt-board{grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(42px,1fr));align-content:center;gap:3px;max-width:560px;min-height:320px;margin:0 auto;padding:72px 8px 26px;display:grid;position:relative;overflow:auto}.tt-tile{grid-column:calc(var(--x) + 1);grid-row:calc(var(--y) + 1);z-index:calc(var(--layer) + 1);transform:translate(calc(var(--layer)*5px),calc(var(--layer)*-6px));aspect-ratio:1;cursor:pointer;background:linear-gradient(145deg,#fffef4,#dce8d6);border:1px solid #9eb8a2;border-radius:9px;place-self:center;place-items:center;width:calc(100% + 10px);min-width:0;height:auto;padding:0;font-size:clamp(22px,5.5vw,35px);line-height:1;transition:transform .12s,filter .12s;display:grid;box-shadow:0 3px #a4b9a0,0 5px 10px #25443a24}.tt-tile:disabled{cursor:default}.tt-level-track{color:#416257;background:#fff9e8;border:1px solid #aabdaa;border-radius:7px;place-items:center;min-width:34px;height:28px;margin-left:auto;font-size:11px;font-weight:800;display:grid}.tt-tile.tt-available{background:linear-gradient(145deg,#fffef6,#f0e4c9);border:2px solid #bd9a63;box-shadow:0 3px #b9a27a,0 4px 9px #6b5b382b}.tt-tile.tt-available:focus-visible{outline-offset:2px;outline:2px solid #527c70}.tt-tile.tt-available:active{transform:translateY(3px)}.tt-tile.tt-removed{visibility:hidden;pointer-events:none}.tt-tray-wrap{background:#deeadb;border-radius:9px;padding:12px}.tt-tray-label{color:#486259;letter-spacing:.7px;justify-content:space-between;margin-bottom:8px;font-size:10px;font-weight:800;display:flex}.tt-tray{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.tt-slot{aspect-ratio:1;background:#f3f6ec;border:1px dashed #9db3a0;border-radius:7px;place-items:center;font-size:clamp(18px,5vw,26px);display:grid}.tt-slot.tt-filled{background:#fff8df;border-style:solid;border-color:#b8b79b}.tt-hint{text-align:center;color:#4d6a60;margin:12px 0 0;font-size:12px}.tt-result{z-index:10;background:#173a38aa;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.tt-result>div{text-align:center;background:#f4f5e9;border-radius:10px;gap:12px;max-width:330px;padding:24px;display:grid;box-shadow:0 12px 40px #10272266}.tt-result b{font-size:24px}.tt-result span{color:#557067;font-size:13px}.tt-result button{color:#183334;cursor:pointer;background:#e2a44f;border:0;border-radius:7px;padding:11px;font-weight:800}.tt-art{color:#f9e4a3;isolation:isolate;background:#226f72;height:170px;position:relative;overflow:hidden}.tt-art-water{background:radial-gradient(at 45% 120%,#83bea0 0 27%,#0000 28%),radial-gradient(at 70% 100%,#3e9486 0 29%,#0000 30%),linear-gradient(160deg,#67b4a0,#1d6671 68%);position:absolute;inset:0}.tt-art-sun{color:#f0c76b;font-size:48px;position:absolute;top:18%;right:15%}.tt-art-shell{color:#884f4d;background:#e9a56e;border-radius:45% 55% 52% 48%;place-items:center;width:74px;height:66px;font-size:43px;display:grid;position:absolute;transform:rotate(-12deg);box-shadow:0 8px #b9755c}.tt-art-shell-a{bottom:28px;left:24%}.tt-art-shell-b{color:#537a71;background:#c7dbbf;width:54px;height:49px;font-size:35px;bottom:38px;left:48%;transform:rotate(18deg)}.tt-art-pebble{color:#efdd97;font-size:27px;position:absolute;bottom:25px;right:27%}.tt-art-pebble-b{color:#f5f1d5;bottom:35px;right:17%}.tt-art>span{letter-spacing:1.4px;color:#e7eed3;font-size:9px;font-weight:800;position:absolute;bottom:9px;left:12px}@media (max-width:520px){.tt-game{box-sizing:border-box;border-radius:10px;width:100%;max-width:100%;padding:14px;overflow-x:clip}.tt-board{box-sizing:border-box;grid-template-rows:repeat(var(--rows),minmax(34px,1fr));touch-action:pan-y;gap:2px;width:100%;max-width:100%;min-height:300px;padding:58px 16px 22px 2px;overflow:clip auto}.tt-tile{box-sizing:border-box;max-width:100%;transform:translate(calc(var(--layer)*1px),calc(var(--layer)*-4px));border-radius:7px}.tt-tray{gap:3px}}