.tt-page{max-width:980px}.tt-step-title{margin:0 0 .6rem;font-size:1.05rem;font-weight:700;color:var(--color-base-content)}.tt-hero{max-width:560px;margin:0 auto 1.25rem}.tt-hero img{display:block;width:100%;height:auto;border-radius:12px}.tt-resume{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.tt-resume p{margin:0}.tt-start{display:grid;gap:1.25rem}.tt-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.tt-mode,.tt-layout{position:relative;display:flex;flex-direction:column;gap:.25rem;padding:.85rem 1rem;background:var(--color-base-200);border:2px solid var(--color-item-border);border-radius:12px;cursor:pointer;transition:border-color .12s,transform .12s}.tt-mode:hover,.tt-layout:hover{border-color:var(--color-primary);transform:translateY(-2px)}.tt-mode:has(input:checked),.tt-layout:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-base-200))}.tt-mode:has(input:focus-visible),.tt-layout:has(input:focus-visible){outline:3px solid var(--color-primary);outline-offset:2px}.tt-mode input,.tt-layout input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.tt-mode-name{font-weight:700;font-size:1rem;color:var(--color-primary)}.tt-mode-detail{font-size:.88rem}.tt-mode-meta{font-size:.8rem;color:color-mix(in srgb,var(--color-base-content) 75%,var(--color-base-200))}.tt-layouts{border:0;margin:0;padding:0;min-width:0}.tt-layouts[hidden]{display:none}.tt-layout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.tt-layout{align-items:center;padding:.6rem;text-align:center}.tt-map{width:100%;height:80px;margin-bottom:.3rem}.tt-map-tile{fill:var(--color-base-100);stroke:color-mix(in srgb,var(--color-base-content) 35%,var(--color-base-100));stroke-width:2}.tt-map-tile--l2{fill:color-mix(in srgb,var(--color-primary) 18%,var(--color-base-100))}.tt-map-tile--l3{fill:color-mix(in srgb,var(--color-primary) 36%,var(--color-base-100))}.tt-map-tile--l4{fill:color-mix(in srgb,var(--color-primary) 54%,var(--color-base-100))}.tt-map-tile--l5{fill:color-mix(in srgb,var(--color-primary) 72%,var(--color-base-100))}.tt-layout-name{font-weight:700;font-size:.9rem}.tt-layout-count{font-size:.75rem;color:color-mix(in srgb,var(--color-base-content) 70%,var(--color-base-200))}.tt-start-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.tt-start-btn{min-width:12rem;min-height:2.75rem;font-size:1rem}.tt-start-note{margin:0;font-size:.85rem}.tt-game-title{margin:0 0 .6rem;font-size:1.15rem;scroll-margin-top:1rem}.tt-hud{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:.6rem}.tt-stat{margin:0;font-size:.9rem}.tt-stat[hidden]{display:none}.tt-stat-label{color:color-mix(in srgb,var(--color-base-content) 70%,var(--color-base-200))}.tt-stat-value{font-weight:700;font-variant-numeric:tabular-nums}.tt-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.tt-toolbar button{min-height:2.25rem}.tt-notice{margin:0 0 .75rem;padding:.5rem .75rem;border:1px solid var(--color-primary);border-radius:8px;background:color-mix(in srgb,var(--color-primary) 12%,var(--color-base-200))}.tt-toolbar-gap{flex:1 1 0}.tt-toggle[aria-pressed=true]{background:color-mix(in srgb,var(--color-primary) 18%,var(--color-base-200));border-color:var(--color-primary)}.tt-board-wrap{position:relative;padding:16px;border-radius:12px;background:var(--color-base-300) var(--tt-board-art) center / cover no-repeat;overflow:hidden;min-height:240px}.tt-board-wrap.is-zoomed{overflow:auto;max-height:80vh}.tt-board{position:relative;margin:0 auto}.tt-board-wrap.is-zoomed .tt-board{margin:0}.tt-board[hidden]{display:block;visibility:hidden}.tt-stage{position:absolute;top:0;left:0;transform-origin:0 0}.tt-tile{position:absolute;width:46px;height:58px;padding:0;margin:0;border:0;background:none;cursor:pointer;transition:transform .12s ease-out;-webkit-tap-highlight-color:transparent}.tt-tile[hidden]{display:none}.tt-tile img{display:block;width:46px;height:58px;pointer-events:none;-webkit-user-select:none;user-select:none}.tt-tile.is-blocked{cursor:default}.tt-tile.is-free:hover{transform:translateY(-2px)}.tt-tile:after{content:"";position:absolute;top:1px;right:7px;bottom:7px;left:1px;border-radius:6px;border:3px solid transparent;pointer-events:none}.tt-tile.is-selected{transform:translateY(-5px)}.tt-tile.is-selected:after{border-color:var(--color-primary)}.tt-tile:focus-visible{outline:none}.tt-tile:focus-visible:after{border-color:var(--color-primary-content);box-shadow:0 0 0 3px var(--color-primary)}.tt-tile.is-selected:focus-visible:after{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-content)}.tt-tile.is-hint:after{border-color:var(--color-warning);animation:tt-hint .6s ease-in-out 4}.tt-show-free .tt-tile.is-blocked img{filter:brightness(.62) saturate(.7)}.tt-tile.is-leaving{pointer-events:none}.tt-tile--deal{animation:tt-deal .36s ease-out both}@keyframes tt-deal{0%{opacity:0;transform:translateY(-14px)}}@keyframes tt-hint{50%{transform:scale(1.06)}}.tt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem;text-align:center;background:color-mix(in srgb,var(--color-base-100) 90%,transparent);border-radius:12px}.tt-overlay[hidden]{display:none}.tt-overlay--banner{inset:auto 1rem 1rem;flex-direction:row;flex-wrap:wrap;padding:.6rem 1rem;border:1px solid var(--color-item-border)}.tt-overlay-title{margin:0;font-weight:700;font-size:1.1rem}.tt-overlay--banner .tt-overlay-title{font-size:1rem}.tt-overlay-note{margin:0;font-size:.9rem}.tt-board-help{margin:.6rem 0 0;font-size:.82rem;color:color-mix(in srgb,var(--color-base-content) 75%,var(--color-base-200))}.tt-win{max-width:28rem;padding:1.25rem 1.5rem;border:1px solid var(--color-item-border);border-radius:12px;background:var(--color-base-100);color:var(--color-base-content)}.tt-win::backdrop{background:color-mix(in srgb,var(--color-base-content) 45%,transparent)}.tt-win-title{margin:0 0 .5rem;font-size:1.25rem;color:var(--color-primary)}.tt-win-msg{margin:0 0 1rem}.tt-win-actions{display:flex;flex-wrap:wrap;gap:.5rem}.tt-howto{margin-top:2rem}.tt-howto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;counter-reset:tt-step}.tt-howto-step{position:relative;padding:.75rem .75rem .75rem 3.25rem;background:var(--color-base-200);border-radius:8px;counter-increment:tt-step}.tt-howto-step:before{content:counter(tt-step);position:absolute;left:.75rem;top:.75rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background:var(--color-primary);color:var(--color-primary-content)}.tt-howto-step strong{display:block;font-size:.9rem;margin-bottom:.25rem}.tt-howto-step p{margin:0;font-size:.85rem;line-height:1.4}.tt-howto-tiles{display:flex;flex-wrap:wrap;gap:2px;margin-top:.4rem}.tt-boards{margin-top:2rem}.tt-board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;align-items:start}.tt-scores h3{margin:0 0 .5rem;font-size:1rem}.tt-scores h4{margin:1rem 0 .4rem;font-size:.9rem}.tt-scores-note,.tt-empty{margin:0 0 .5rem;font-size:.85rem;color:color-mix(in srgb,var(--color-base-content) 75%,var(--color-base-200))}.tt-score-list{margin:0;padding-left:1.6rem;font-size:.88rem}.tt-score-list li{padding:.2rem .35rem;border-radius:4px}.tt-score-list li>span{display:inline}.tt-score-list li{display:list-item}.tt-score-list .tt-score-value{float:right;font-variant-numeric:tabular-nums;font-weight:700}.tt-score-list li:after{content:"";display:block;clear:both}.tt-score-list li.is-you{background:color-mix(in srgb,var(--color-primary) 14%,transparent)}.tt-prize{margin-left:.35rem;padding:0 .4rem;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--color-primary);color:var(--color-primary-content)}.tt-board-picker{display:flex;align-items:center;gap:.5rem;font-size:.88rem}.tt-listen{margin-top:1.5rem}.tt-listen summary{cursor:pointer;font-weight:700}.tt-listen audio{display:block;width:100%;max-width:420px;margin-top:.75rem}.tt-staff{margin-top:2rem;padding:1rem;border:1px dashed var(--color-item-border);border-radius:8px;font-size:.88rem}.tt-staff h2{margin:0 0 .5rem;font-size:1rem}.tt-staff-table{width:100%;border-collapse:collapse}.tt-staff-table th,.tt-staff-table td{padding:.35rem .5rem;text-align:left;border-bottom:1px solid var(--color-item-border)}@media(prefers-reduced-motion:reduce){.tt-mode,.tt-layout,.tt-tile{transition:none}.tt-mode:hover,.tt-layout:hover,.tt-tile.is-free:hover{transform:none}.tt-tile.is-hint:after{animation:none}}