:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tt-bg:#0c0f14;--tt-bg2:#141922;--tt-panel:#181e28;--tt-panel2:#202837;--tt-line:#2b3547;--tt-fg:#e6ebf2;--tt-muted:#95a1b3;--tt-nav:#1f4f8f;--tt-nav2:#173d70;--tt-accent:#3d8bff;--tt-accent-fg:#fff;--tt-good:#3fbf6f;--tt-warn:#e0b341;--tt-bad:#e5534b;--tt-focus:#8cc4ff;--tt-radius:6px;--tt-field-scale:1;--tt-nav-h:40px;background:var(--tt-bg);color:var(--tt-fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif;font-size:15px;line-height:1.4}:root:has(.tt-app[data-theme=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.tt-app[data-theme=light]{--tt-bg:#eef1f5;--tt-bg2:#e4e9f0;--tt-panel:#fff;--tt-panel2:#f2f5f9;--tt-line:#cfd7e2;--tt-fg:#141a22;--tt-muted:#566273;--tt-focus:#1f6fe0}@media (prefers-color-scheme:light){.tt-app[data-theme=system]{--tt-bg:#eef1f5;--tt-bg2:#e4e9f0;--tt-panel:#fff;--tt-panel2:#f2f5f9;--tt-line:#cfd7e2;--tt-fg:#141a22;--tt-muted:#566273;--tt-focus:#1f6fe0}}*{box-sizing:border-box}html,body{background:var(--tt-bg);touch-action:manipulation;min-height:100%;margin:0}body{overscroll-behavior:none}.tt-app{min-height:100vh;background:var(--tt-bg);min-height:100dvh;color:var(--tt-fg);flex-direction:column;display:flex}a{color:var(--tt-accent)}h1{margin:.2rem 0 .8rem;font-size:1.35rem}h2{margin:.2rem 0 .6rem;font-size:1.05rem}h3{color:var(--tt-muted);margin:.8rem 0 .4rem;font-size:.95rem}:focus-visible{outline:2px solid var(--tt-focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}[hidden]{display:none!important}.tt-topbar{z-index:20;height:var(--tt-nav-h);padding:0 10px;padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));background:linear-gradient(var(--tt-nav), var(--tt-nav2));color:#fff;border-bottom:1px solid #0b2447;align-items:center;gap:8px;display:flex;position:sticky;top:0}.tt-skip{color:#000;z-index:30;background:#fff;border-radius:4px;padding:4px 8px;position:absolute;top:-40px;left:8px}.tt-skip:focus{top:6px}.tt-brand{color:#fff;white-space:nowrap;letter-spacing:.01em;align-items:center;gap:6px;font-weight:700;text-decoration:none;display:flex}.tt-logo{background:linear-gradient(#a24bd6,#a24bd6) 5px 0/6px 6px no-repeat,linear-gradient(#a24bd6,#a24bd6) 0 6px/16px 6px no-repeat;border-radius:1px;width:16px;height:16px}.tt-nav{scrollbar-width:none;flex:auto;gap:2px;min-width:0;display:flex;overflow-x:auto}.tt-nav::-webkit-scrollbar{display:none}.tt-nav-link{color:#d9e7ff;white-space:nowrap;border-radius:4px;padding:4px 9px;font-size:.9rem;text-decoration:none}.tt-nav-link:hover{color:#fff;background:#ffffff1f}.tt-nav-link[aria-current=page]{color:#fff;background:#00000047;box-shadow:inset 0 -2px #8cc4ff}.tt-topbar-end{flex:none;align-items:center;gap:6px;display:flex}.tt-net{color:#fff;white-space:nowrap;background:#0000004d;border-radius:999px;padding:2px 8px;font-size:.75rem;text-decoration:none}.tt-net:before{content:"";vertical-align:1px;background:var(--tt-warn);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.tt-net[data-tone=good]:before{background:var(--tt-good)}.tt-net[data-tone=bad]:before{background:var(--tt-bad)}.tt-topbar .tt-btn{min-height:26px;color:var(--tt-nav2);background:#fff;border-color:#0000;padding:2px 10px}.tt-main{width:100%;padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom));outline:none;flex:auto}.tt-page{max-width:1040px;margin:0 auto}.tt-lead{color:var(--tt-muted);margin-top:-.4rem}.tt-panel{background:var(--tt-panel);border:1px solid var(--tt-line);border-radius:var(--tt-radius);margin:0 0 10px;padding:10px 12px}.tt-panel>summary{cursor:pointer;margin:-2px 0 6px;font-weight:600}.tt-hint{color:var(--tt-muted);font-size:.85rem}.tt-warn{color:var(--tt-warn)}.tt-status:empty{display:none}.tt-status{color:var(--tt-muted);margin:4px 0 8px;font-size:.88rem}.tt-row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.tt-spacer{flex:auto}.tt-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.tt-empty{text-align:center;color:var(--tt-muted);padding:24px 12px}.tt-btn{border:1px solid var(--tt-line);background:var(--tt-panel2);min-height:30px;color:var(--tt-fg);font:inherit;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:4px 12px;font-size:.88rem;text-decoration:none;display:inline-flex}.tt-btn:hover:not(:disabled){border-color:var(--tt-accent)}.tt-btn:disabled{opacity:.5;cursor:not-allowed}.tt-btn.primary{background:var(--tt-accent);border-color:var(--tt-accent);color:var(--tt-accent-fg)}.tt-btn.danger{border-color:color-mix(in srgb, var(--tt-bad) 60%, var(--tt-line));color:var(--tt-bad)}.tt-btn[aria-pressed=true]{background:color-mix(in srgb, var(--tt-accent) 30%, var(--tt-panel2))}.tt-btn.icon{min-width:30px;padding:4px 6px}.tt-btn.swatch{background:var(--swatch,transparent);width:30px;padding:0}.tt-btn.swatch[aria-checked=true]{outline:2px solid var(--tt-fg);outline-offset:1px}input,select,textarea{font:inherit;color:var(--tt-fg);background:var(--tt-bg2);border:1px solid var(--tt-line);border-radius:4px;max-width:100%;min-height:30px;padding:4px 6px;font-size:.9rem}textarea{resize:vertical;width:100%}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--tt-accent)}input[type=range]{accent-color:var(--tt-accent);padding:0}.tt-field{flex-direction:column;gap:2px;font-size:.88rem;display:flex}.tt-field-label{color:var(--tt-muted);font-size:.8rem}.tt-field:has(>input[type=checkbox]){flex-flow:wrap;align-items:center;gap:6px}.tt-field:has(>input[type=checkbox]) .tt-field-label{color:var(--tt-fg);order:2;font-size:.88rem}.tt-fieldset{border:1px solid var(--tt-line);border-radius:var(--tt-radius);margin:8px 0;padding:6px 10px 10px}.tt-grid-form,.tt-options{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:end;gap:8px 12px;display:grid}.tt-side .tt-options,.tt-side .tt-grid-form{grid-template-columns:1fr 1fr}.tt-checks{flex-wrap:wrap;gap:4px 14px;margin-bottom:8px;display:flex}.tt-check{align-items:center;gap:5px;font-size:.88rem;display:inline-flex}.tt-badge{background:var(--tt-panel2);border:1px solid var(--tt-line);border-radius:999px;padding:2px 8px;font-size:.8rem;display:inline-block}.tt-badge.good{border-color:var(--tt-good);color:var(--tt-good)}.tt-badge.warn{border-color:var(--tt-warn);color:var(--tt-warn)}.tt-badge.bad{border-color:var(--tt-bad);color:var(--tt-bad)}.tt-kv{grid-template-columns:max-content 1fr;gap:4px 14px;margin:0 0 8px;font-size:.9rem;display:grid}.tt-kv dt{color:var(--tt-muted)}.tt-kv dd{margin:0}.tt-table-wrap{overflow-x:auto}.tt-table{border-collapse:collapse;width:100%;font-size:.88rem}.tt-table th,.tt-table td{text-align:left;border-bottom:1px solid var(--tt-line);vertical-align:middle;padding:5px 8px}.tt-table thead th{color:var(--tt-muted);font-size:.8rem;font-weight:600}.tt-keys td .tt-btn{min-height:26px;margin:1px 4px 1px 0;padding:2px 8px}.tt-key.conflict{border-color:var(--tt-warn);color:var(--tt-warn)}.tt-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.tt-cards.compact{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.tt-card{background:var(--tt-panel);border:1px solid var(--tt-line);border-radius:var(--tt-radius);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.tt-card p{color:var(--tt-muted);margin:0;font-size:.85rem}.tt-card-link{color:var(--tt-fg);text-decoration:none}.tt-card:has(.tt-card-link:hover){border-color:var(--tt-accent)}.tt-card .tt-actions{flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:6px;display:flex}.tt-play{max-width:1280px;margin:0 auto}.tt-toolbar{background:var(--tt-panel);border:1px solid var(--tt-line);border-radius:var(--tt-radius);flex-wrap:wrap;align-items:end;gap:6px 8px;margin-bottom:8px;padding:6px 8px;display:flex}.tt-toolbar .tt-field{flex-direction:row;align-items:center;gap:6px}.tt-preset-slot{align-items:center;gap:6px;display:inline-flex}.tt-mode-select{min-width:150px;font-weight:600}.tt-play-main{grid-template-columns:minmax(220px,290px) minmax(0,1fr);align-items:start;gap:10px;display:grid}.tt-side{min-width:0;max-height:calc(100dvh - var(--tt-nav-h) - 90px);overflow-y:auto}.tt-mode-desc{color:var(--tt-muted);margin:0 0 8px;font-size:.85rem}.tt-center{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.tt-game{justify-content:center;width:100%;display:flex;position:relative}.tt-stage{width:min(100%, calc(min(100dvh - var(--tt-nav-h) - 100px, 780px) * 1.08 * var(--tt-field-scale)));aspect-ratio:27/25;touch-action:none;-webkit-user-select:none;user-select:none;background:#07090d;border:1px solid #1d2533;border-radius:4px;outline:none;min-height:240px;position:relative}.tt-stage:focus-visible{outline:2px solid var(--tt-focus);outline-offset:2px}.tt-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.tt-overlay{z-index:3;background:#05080cb8;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.tt-overlay-title{margin:0;font-size:1.4rem;font-weight:700}.tt-result-host{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tt-result{pointer-events:auto;background:color-mix(in srgb, var(--tt-panel) 96%, transparent);border:1px solid var(--tt-line);border-radius:8px;width:min(92%,360px);padding:14px 16px;box-shadow:0 10px 40px #0000008c}.tt-result-title{margin:0 0 6px;font-size:1.2rem}.tt-result.is-success .tt-result-title{color:var(--tt-good)}.tt-result.is-fail .tt-result-title{color:var(--tt-bad)}.tt-result-stats{grid-template-columns:1fr auto;gap:2px 12px;margin:8px 0;font-size:.9rem;display:grid}.tt-result-stats dt{color:var(--tt-muted)}.tt-result-stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.tt-time{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.tt-pb{color:var(--tt-warn);font-weight:700}.tt-result-msg{color:var(--tt-muted);font-size:.85rem}.tt-hint-box,.tt-challenge,.tt-leaderboard,.tt-solver{font-size:.88rem}.tt-challenge{font-variant-numeric:tabular-nums}.tt-leaderboard ol{margin:0;padding-left:1.3rem}.tt-seek{width:100%}.tt-replay .tt-stage{width:min(100%, calc(min(100dvh - var(--tt-nav-h) - 180px, 720px) * 1.08))}.tt-replay-chart-wrap{width:min(100%, calc(min(100dvh - var(--tt-nav-h) - 180px, 720px) * 1.08));margin:.75rem auto 0}.tt-replay-chart{cursor:crosshair;border:1px solid #1d2533;border-radius:4px;width:100%;height:112px;display:block}.tt-replay-range label{align-items:center;gap:.4rem;display:flex}.tt-replay-range input{width:8rem}.tt-touch{z-index:15;pointer-events:none;touch-action:none;height:42vh;padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.tt-touch-btn{transform:translate(-50%, -50%) scale(var(--touch-scale,1));width:calc(58px * var(--touch-scale,1));height:calc(58px * var(--touch-scale,1));color:#fff;font-size:calc(1.3rem * var(--touch-scale,1));opacity:var(--touch-opacity,.6);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#2846788c;border:2px solid #ffffff8c;border-radius:50%;position:absolute}.tt-touch-btn.down{opacity:1;background:#3d8bffd9}.tt-touch.editing{outline:2px dashed var(--tt-accent);background:repeating-linear-gradient(45deg,#3d8bff12 0 12px,#0000 12px 24px)}.tt-touch.editing .tt-touch-btn{opacity:.95;cursor:grab}.tt-game.has-touch .tt-stage{width:min(100%, calc((58dvh - var(--tt-nav-h)) * 1.08))}.tt-editor{grid-template-columns:minmax(0,1fr) minmax(220px,340px);align-items:start;gap:12px;display:grid}.tt-editor-meta{flex-direction:column;gap:8px;display:flex}.tt-palette{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.tt-map-grid{--cols:10;grid-template-columns:repeat(var(--cols), 1fr);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:#1d2533;border:1px solid #1d2533;gap:1px;width:min(100%,300px);display:grid}.tt-map-cell{aspect-ratio:1;background:#07090d}.tt-triggers{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tt-trigger{background:var(--tt-panel2);border:1px solid var(--tt-line);border-radius:var(--tt-radius);padding:6px 8px}.tt-issues{color:var(--tt-warn);font-size:.85rem}.tt-assets{flex-direction:column;gap:4px;margin:0 0 8px;padding:0;font-size:.88rem;list-style:none;display:flex}.tt-assets li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tt-toast{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:40;color:#fff;pointer-events:none;background:#1c2533;border:1px solid #33445e;border-radius:6px;max-width:min(92vw,420px);padding:8px 14px;font-size:.9rem;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #00000073}.tt-toast[data-tone=good]{border-color:var(--tt-good)}.tt-toast[data-tone=bad]{border-color:var(--tt-bad)}@media (max-width:900px){.tt-play-main{grid-template-columns:minmax(0,1fr)}.tt-side{order:2;max-height:none}.tt-center{order:1}.tt-side .tt-options,.tt-side .tt-grid-form{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tt-editor{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){:root{--tt-nav-h:38px;font-size:14px}.tt-brand{gap:0;font-size:0}.tt-nav-link{padding:4px 7px;font-size:.85rem}.tt-main{padding:6px}.tt-toolbar{padding:4px 6px}.tt-toolbar .tt-field-label{display:none}.tt-mode-select{min-width:0}.tt-stage{width:min(100%, calc((100dvh - var(--tt-nav-h) - 80px) * 1.08))}.tt-kv{grid-template-columns:1fr;gap:0}.tt-kv dd{margin-bottom:6px}}@media (max-width:380px){.tt-topbar{gap:4px;padding:0 6px}.tt-net{padding:4px;font-size:0}.tt-net:before{margin:0}.tt-btn{padding:4px 8px}.tt-cards,.tt-cards.compact{grid-template-columns:minmax(0,1fr)}}.tt-app.tt-mobile .tt-play-main{grid-template-columns:minmax(0,1fr)}.tt-app.tt-mobile .tt-side{order:2;max-height:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{.tt-topbar,.tt-touch,.tt-toast,.tt-toolbar{display:none!important}}.tt-app.tt-immersive,.tt-app.tt-immersive .tt-main{background:#000}body:has(.tt-app.tt-immersive){background:#000}.tt-app.tt-immersive{height:100vh;height:100dvh;min-height:0;overflow:hidden}.tt-app.tt-immersive .tt-topbar{display:none}.tt-app.tt-immersive .tt-main{min-height:0;padding:0;display:flex;overflow:hidden}.tt-immersive .tt-play{color:#fff;background:#000;flex-direction:column;flex:auto;width:100%;max-width:none;min-height:0;margin:0;display:flex;overflow:hidden}.tt-game-header{min-height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));color:#fff;background:#395b7d;flex:none;justify-content:space-between;align-items:center;display:flex}.tt-game-title{color:#fff;margin:0;font-size:19px;font-weight:600;line-height:1}.tt-game-title-mode{flex:auto;align-items:center;min-width:0;display:flex}.tt-game-title-mode .tt-mode-select{min-width:0;max-width:calc(100vw - 90px);color:inherit;font:inherit;line-height:inherit;appearance:none;cursor:pointer;background:0 0;border:0;padding:0}.tt-game-title-mode .tt-mode-select option{color:#000;background:#fff}.tt-game-title-caret{pointer-events:none;border-bottom:2px solid;border-right:2px solid;flex:none;width:7px;height:7px;margin:-4px 0 0 9px;transform:rotate(45deg)}.tt-menu-button{color:#fff;background:0 0;border:1px solid #ffffff40;border-radius:0;flex-direction:column;flex:0 0 40px;justify-content:center;align-items:center;gap:4px;width:40px;height:32px;padding:4px 8px;display:flex}.tt-menu-button span{background:#fff;width:20px;height:2px;display:block}.tt-center{flex:auto;justify-content:center;align-items:stretch;width:100%;min-height:0;overflow:hidden}.tt-game{background:#000;flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.tt-stage{aspect-ratio:auto;background:#000;border:0;border-radius:0;flex:none;width:auto;min-width:0;min-height:0}.tt-stage:focus-visible{outline:none}.tt-game-controls{flex:none;justify-content:center;width:100%;display:flex}.tt-controls-row{background:#000;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100%;min-height:0;padding:0;display:flex}.tt-controls-row .tt-btn{color:#000;background:#9a9a9a;border:2px solid #e8e8e8;border-radius:0;min-height:0;padding:1px 7px;font-size:15px;font-weight:500;line-height:1.25}.tt-controls-row .tt-btn:disabled{opacity:.55}.tt-jstats{color:#bbb;flex:none;grid-template-columns:repeat(2,max-content);justify-content:center;column-gap:12px;padding:3px 8px;font-size:15px;line-height:1.25;display:grid}.tt-jstats-label{text-align:right;color:#bbb}.tt-jstats-value{color:#999;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700}.tt-game-footer{color:#aaa;flex-direction:column;flex:none;align-items:center;gap:1px;width:100%;padding:0 6px;font-size:12px;line-height:1.25;display:flex}.tt-game-footer>:empty,.tt-game-footer [hidden]{display:none!important}.tt-game-footer .tt-status,.tt-game-footer .tt-hint-box,.tt-game-footer .tt-challenge{color:#aaa;text-align:center;margin:0;padding:0}.tt-game-footer .tt-hint-box{max-width:min(94vw,620px)}.tt-app.tt-immersive .tt-touch{grid-template-columns:repeat(5, var(--tt-touch-size));grid-template-rows:repeat(2, var(--tt-touch-size));width:100%;height:auto;min-height:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom));pointer-events:none;--tt-touch-size:min(calc((100vw - 36px) / 5), 84px);background:#000;flex:none;place-content:start center;gap:6px;margin-top:auto;display:grid;position:relative;inset:auto;overflow:visible}.tt-app.tt-immersive .tt-touch:not(.jstris-grid){height:calc(var(--tt-touch-size) * 2 + 18px + env(safe-area-inset-bottom));display:block;position:relative}.tt-app.tt-immersive .tt-touch-btn{width:var(--tt-touch-size);height:var(--tt-touch-size);color:#000;opacity:var(--touch-opacity,1);background:#35536a;border:2px solid #6d6d6d;border-radius:0;place-items:center;padding:0;font-size:1rem;display:grid;position:absolute;transform:translate(-50%,-50%)}.tt-app.tt-immersive .tt-touch.jstris-grid .tt-touch-btn,.tt-app.tt-immersive .tt-touch.jstris-grid .tt-touch-empty{width:var(--tt-touch-size);height:var(--tt-touch-size);transform:scale(var(--touch-scale,1));display:grid;position:relative}.tt-app.tt-immersive .tt-touch.jstris-grid .tt-touch-btn{transform:scale(var(--touch-scale,1))}.tt-app.tt-immersive .tt-touch-empty{visibility:hidden}.tt-app.tt-immersive .tt-touch-btn svg{width:62%;height:62%;display:block}.tt-app.tt-immersive .tt-touch-btn.down{opacity:1;background:#4d7293}.tt-app.tt-immersive .tt-touch.editing{background:#050505;outline:2px dashed #6d6d6d}.tt-app.tt-immersive .tt-touch.editing .tt-touch-btn{opacity:.95;cursor:grab}.tt-setup-dialog{color:#000;background:#9a9a9a;border:2px solid #e8e8e8;border-radius:0;width:min(92vw,560px);max-width:88vw;max-height:min(90dvh,760px);margin:auto;padding:16px;overflow:auto}.tt-setup-dialog::backdrop{background:#000000c2}.tt-setup-form{flex-direction:column;gap:8px;display:flex}.tt-setup-title{color:#000;margin:0;font-size:20px}.tt-setup-dialog .tt-mode-desc,.tt-setup-dialog .tt-hint,.tt-setup-dialog .tt-field-label{color:#222}.tt-setup-dialog input,.tt-setup-dialog select,.tt-setup-dialog textarea{color:#000;background:#fff;border:1px solid #444;border-radius:0}.tt-setup-dialog .tt-btn{color:#000;background:#717171;border:2px solid #e8e8e8;border-radius:0}.tt-setup-dialog .tt-btn.primary{color:#fff;background:#395b7d}.tt-setup-actions{justify-content:flex-end;gap:6px;padding-top:4px;display:flex}.tt-drawer{width:min(300px,88vw);max-width:88vw;height:100vh;color:#eee;background:#171b20;border:0;border-right:1px solid #ffffff26;border-radius:0;height:100dvh;max-height:100dvh;margin:0;padding:0;position:fixed;inset:0 auto 0 0;overflow:hidden;box-shadow:12px 0 32px #0009}.tt-drawer::backdrop{background:#0000009e}.tt-drawer-header{background:#395b7d;justify-content:space-between;align-items:center;min-height:48px;padding:6px 10px;display:flex}.tt-drawer-header h2{color:#fff;margin:0}.tt-drawer-body{flex-direction:column;gap:10px;height:calc(100% - 48px);padding:10px;display:flex;overflow-y:auto}.tt-drawer-close{min-height:28px;padding:2px 8px}.tt-drawer-nav{grid-template-columns:1fr 1fr;gap:4px;display:grid}.tt-drawer-nav .tt-nav-link{background:#252c34;border-radius:0;padding:6px 8px}.tt-drawer .tt-net{align-self:flex-start;padding:4px 8px}.tt-drawer-section{border-top:1px solid #ffffff26;flex-direction:column;gap:6px;padding-top:8px;display:flex}.tt-drawer-section h2{color:#d5dbe2;margin:0;font-size:14px}.tt-drawer-section .tt-btn{align-self:flex-start}.tt-drawer-section .tt-kv{grid-template-columns:1fr auto}.tt-drawer-section .tt-solver .tt-row{align-items:end}.tt-game-footer .tt-row{gap:4px}.tt-game-footer .tt-hint{margin:0}.tt-game-footer .tt-status:empty{display:none}.tt-game-footer .tt-challenge,.tt-game-footer .tt-hint-box{font-size:12px}.tt-train .tt-command-undo{display:inline-flex}.tt-train.has-touch .tt-command-undo{display:none}@media (max-width:559px){.tt-setup-dialog{padding:12px}}