.tt-app{display:flex;flex-direction:column;min-height:100vh;background:var(--bg);color:var(--text)}.tt-bar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--glass-border);background:linear-gradient(180deg,#0c2130b8,#07172280);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);position:sticky;top:0;z-index:10}.tt-bar__brand{font-family:var(--wordmark);font-weight:700;font-size:1.2rem;color:var(--text)}.tt-bar__brand:hover{text-decoration:none}.tt-bar__right{display:flex;align-items:center;gap:.6rem}.tt-bar__user{color:var(--text-muted);font-size:.9rem}.tt-main{flex:1 0 auto;display:flex;flex-direction:column}.tt-page{max-width:40rem;margin:0 auto;padding:1.5rem 1rem;width:100%}.tt-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:.5rem}.tt-muted{color:var(--text-muted)}.tt-card{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.25rem;box-shadow:inset 0 1px 0 var(--glass-hi),var(--glass-shadow);margin-bottom:1rem}.tt-card h2{margin:0 0 .4rem;font-size:1.1rem}.tt-btn-sm{padding:.4rem .7rem;font-size:.85rem}.tt-btn--active{outline:2px solid var(--accent);outline-offset:1px}.tt-lobby-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.tt-identity{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tt-identity__edit{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tt-signin{max-width:26rem}.tt-signin__providers{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0}.tt-signin__btn{width:100%}.tt-signin__dev{display:grid;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--glass-border)}.tt-join-form{display:flex;gap:.5rem;flex-wrap:wrap}.tt-code-input{max-width:8rem;text-transform:uppercase;letter-spacing:.2em;text-align:center;font-weight:700}.tt-room{display:flex;flex-direction:column;flex:1;min-height:100%}.tt-room-bar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1rem;flex-wrap:wrap;border-bottom:1px solid var(--glass-border)}.tt-room-bar__left,.tt-room-bar__right{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tt-room-code{font-family:var(--font-display);font-weight:700;font-size:1.4rem;letter-spacing:.15em}.tt-dot{width:.6rem;height:.6rem;border-radius:50%;display:inline-block}.tt-dot--ok{background:var(--ok);box-shadow:0 0 6px var(--ok)}.tt-dot--off{background:var(--danger)}.tt-mock-toolbar{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--sand)}.tt-scores{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;flex-wrap:wrap;font-size:.9rem;border-bottom:1px solid var(--glass-border)}.tt-scores__team{display:flex;flex-direction:column}.tt-scores__team--right{text-align:right}.tt-scores__label{color:var(--text-muted);font-size:.75rem}.tt-scores__value{font-size:1.3rem;font-weight:700}.tt-scores__meta{color:var(--text-muted);font-size:.8rem}.tt-room__body{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1rem;max-width:48rem;margin:0 auto;width:100%}.tt-phase__title{margin:0 0 .25rem}.tt-spectators{font-size:.85rem}.tt-table{display:grid;grid-template-areas:".    top    ." "left center right" ".    bottom .";grid-template-columns:minmax(5.5rem,1fr) minmax(0,2fr) minmax(5.5rem,1fr);grid-template-rows:auto auto auto;gap:.6rem;align-items:center;justify-items:center;padding:1rem 0}.tt-seat--top{grid-area:top}.tt-seat--left{grid-area:left}.tt-seat--right{grid-area:right}.tt-seat--bottom{grid-area:bottom}.tt-seat--center{grid-area:center;min-height:4rem;display:flex;align-items:center;justify-content:center;text-align:center}.tt-seat__card{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.55rem .8rem;min-width:5.5rem}.tt-seat--turn .tt-seat__card{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.tt-seat__name{font-weight:600;font-size:.9rem}.tt-seat__stats{font-size:.72rem;color:var(--text-muted)}.tt-seat__empty-btn{background:var(--glass);border:1px dashed var(--glass-border);border-radius:var(--radius-sm);padding:.55rem .8rem;color:var(--text-muted);cursor:pointer;min-width:5.5rem;font:inherit}.tt-seat__empty-btn:hover{border-color:var(--accent);color:var(--text)}.tt-seat__empty-label{color:var(--text-muted);font-size:.85rem}.tt-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .4rem;border-radius:999px}.tt-badge--host{background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent-soft)}.tt-badge--off{background:color-mix(in srgb,var(--danger) 25%,transparent);color:var(--danger)}.tt-badge--grand{background:color-mix(in srgb,var(--aurora) 25%,transparent);color:var(--aurora)}.tt-badge--tichu{background:color-mix(in srgb,var(--sand) 25%,transparent);color:var(--sand)}.tt-hand{display:flex;gap:.4rem;overflow-x:auto;padding:.5rem .1rem;-webkit-overflow-scrolling:touch}.tcard{flex:0 0 auto;width:2.6rem;height:3.6rem;border-radius:.4rem;background:linear-gradient(180deg,#fffffff2,#e0ecf2d9);border:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;font-weight:700;font:inherit;cursor:pointer;color:var(--accent-ink);box-shadow:0 2px 6px #020c1466;transition:transform .12s ease,box-shadow .12s ease;padding:0}.tcard:disabled{cursor:default}.tcard--static{cursor:default}.tcard--sm{width:1.9rem;height:2.6rem}.tcard--sm .tcard__rank{font-size:.75rem}.tcard--sm .tcard__suit{font-size:.65rem}.tcard--red{color:#b3261e}.tcard--black{color:#12202a}.tcard--special{color:var(--glow)}.tcard--selected{transform:translateY(-.4rem);box-shadow:0 0 0 2px var(--accent),0 6px 14px #020c1480}.tcard--highlight{box-shadow:0 0 0 2px var(--aurora),0 6px 14px #020c1480}.tcard--disabled{opacity:.5}.tcard--back{background:linear-gradient(160deg,var(--glow),var(--accent-ink));border:1px solid var(--glass-border)}.tcard__rank{font-size:.95rem;line-height:1}.tcard__suit{font-size:.85rem;line-height:1}.tcard--special .tcard__suit{font-size:.55rem;letter-spacing:.02em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-pass-slots{display:flex;gap:.75rem;flex-wrap:wrap;margin:.75rem 0}.tt-pass-slot{display:flex;flex-direction:column;align-items:center;gap:.3rem}.tt-pass-slot__label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.tt-pass-slot__drop{width:2.6rem;height:3.6rem;border-radius:.4rem;border:1px dashed var(--glass-border);background:var(--glass);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.tt-pass-slot__empty{font-size:.68rem;color:var(--text-muted)}.tt-trick-center{display:flex;flex-direction:column;align-items:center;gap:.4rem}.tt-trick{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.tt-trick__play{display:flex;flex-direction:column;align-items:center;gap:.2rem}.tt-trick__seat{font-size:.7rem;color:var(--text-muted)}.tt-trick__cards{display:flex;gap:.2rem}.tt-trick__empty{margin:0}.tt-wish,.tt-turn{margin:0;font-size:.85rem}.tt-player-hand{display:flex;flex-direction:column;gap:.5rem}.tt-wish-picker{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.tt-dragon-choice{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.75rem;text-align:center}.tt-actions{display:flex;gap:.6rem;flex-wrap:wrap}.tt-status-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.3rem;font-size:.88rem}.tt-status-list li{display:flex;align-items:center;gap:.4rem}.tt-scoretable{width:100%;border-collapse:collapse;margin:.75rem 0}.tt-scoretable th,.tt-scoretable td{padding:.5rem;text-align:center;border-bottom:1px solid var(--glass-border)}.tt-scoretable__totals td{font-weight:700;font-size:1.2rem}.tt-tichu-results{list-style:none;padding:0;margin:0 0 .75rem;display:flex;flex-direction:column;gap:.2rem;font-size:.9rem}.tt-tichu-results__win{color:var(--ok)}.tt-tichu-results__lose{color:var(--danger)}.tt-room-footer{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;padding:1rem;max-width:48rem;margin:0 auto;width:100%}.tt-panel{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.6rem .8rem;min-width:0}.tt-panel__toggle{background:none;border:none;color:var(--text);font-weight:600;display:flex;justify-content:space-between;width:100%;cursor:pointer;padding:0;font-size:.88rem;font-family:inherit}.tt-log__list{list-style:none;margin:.5rem 0 0;padding:0;max-height:8rem;overflow-y:auto;font-size:.78rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.2rem}.tt-chat__list{max-height:8rem;overflow-y:auto;font-size:.85rem;display:flex;flex-direction:column;gap:.2rem;margin-top:.4rem}.tt-chat__line,.tt-chat__empty{margin:0}.tt-chat__form{display:flex;gap:.4rem;margin-top:.5rem}.tt-chat__form .field__input{flex:1;padding:.45rem .6rem}.tt-toasts{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.4rem;z-index:50;width:min(90vw,24rem)}.tt-toast{background:color-mix(in srgb,var(--danger) 16%,var(--surface));border:1px solid var(--danger);color:var(--text);padding:.6rem .9rem;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;box-shadow:var(--glass-shadow)}@media(max-width:480px){.tt-room-footer{grid-template-columns:1fr}.tt-table{grid-template-columns:minmax(4.5rem,1fr) minmax(0,1.6fr) minmax(4.5rem,1fr)}.tt-scores__label{font-size:.68rem}}