@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/exo-2-latin-500-normal-z_O1F9ci.woff2)format("woff2"),url(/assets/exo-2-latin-500-normal-DseOpgOL.woff)format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/exo-2-latin-700-normal-OoACPC18.woff2)format("woff2"),url(/assets/exo-2-latin-700-normal-CMe4g2cX.woff)format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/exo-2-latin-800-normal-CeuANCVN.woff2)format("woff2"),url(/assets/exo-2-latin-800-normal-CJzq8-0C.woff)format("woff")}@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-kr-korean-400-normal-CmjJz_gz.woff2)format("woff2"),url(/assets/noto-sans-kr-korean-400-normal-Dvb5JbtY.woff)format("woff")}:root{--tb-blue:#303f9f;--tb-blue-dark:#222e78;--tb-pink:#e83e8c;--tb-pink-dark:#bd286d;--tb-green:#0ca630;--tb-cyan:#0277bd;--tb-ink:#212529;--tb-muted:#747b85;--tb-page:#f1f4f9;--tb-line:#e3e6eb;--tb-white:#fff;--tb-board-center:#4d5f2a;--tb-board-edge:#272d03;--tb-shadow:0 2px 4px #0000001f, 0 10px 24px #1e2a3c14}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}html{background:var(--tb-page)}body{color:var(--tb-ink);background:var(--tb-page);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button,input,select{color:inherit;font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #0277bd47}.tb-app,.tb-page{min-height:100dvh}.tb-fatal{color:#5f666d;background:var(--tb-page);place-content:center;justify-items:center;min-height:100dvh;display:grid}.tb-fatal p{margin:7px 0 0;font-size:11px}.tb-brand{color:#34383d;align-items:center;gap:10px;line-height:1;display:inline-flex}.tb-brand__tile{border:2px solid #34383d;border-radius:2px;place-items:center;width:40px;height:40px;font-family:Georgia,serif;font-size:24px;font-weight:700;display:grid}.tb-brand>span:last-child{gap:4px;display:grid}.tb-brand b{letter-spacing:.2em;font-family:"Exo 2",Segoe UI,sans-serif;font-size:19px}.tb-brand small{color:var(--tb-blue);letter-spacing:.36em;font-size:7px;font-weight:800}.tb-brand--small{gap:7px}.tb-brand--small .tb-brand__tile{border-width:1.5px;width:27px;height:27px;font-size:16px}.tb-brand--small b{font-size:13px}.tb-brand--small small{font-size:5px}.tb-icon-button{color:#6c737b;background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;display:inline-grid}.tb-icon-button:hover{background:#f0f1f3}.tb-connection{color:#777e87;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:inline-flex}.tb-connection i{background:#9299a0;border-radius:50%;width:7px;height:7px;display:block}.tb-connection--online i{background:#2daf58;box-shadow:0 0 0 3px #2daf581f}.tb-connection--connecting i{background:#f2a414;animation:1s ease-in-out infinite tb-pulse}.tb-connection--offline{color:#b84444}.tb-connection--offline i{background:#d9534f}@keyframes tb-pulse{50%{opacity:.3}}.tb-material-button{color:#343a40;background:#fff;border:1px solid #0000000f;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 16px;font-size:12px;font-weight:650;transition:box-shadow .12s,transform .12s,filter .12s;display:inline-flex;box-shadow:0 2px 2px #0000001f,0 1px 4px #00000014}.tb-material-button:hover:not(:disabled){box-shadow:0 3px 5px #00000026,0 2px 7px #00000017}.tb-material-button:active:not(:disabled){transform:translateY(1px)}.tb-material-button--primary{border-color:var(--tb-blue);color:#fff;background:var(--tb-blue)}.tb-material-button--danger{border-color:var(--tb-pink);color:#fff;background:var(--tb-pink)}.tb-material-button--ready{color:#fff;background:#20c997;border-color:#20c997}.tb-material-button--tichu{color:#6a4b00;background:#ffd45b;border-color:#d6a014}.tb-material-button--bomb{color:#fff;background:#1d1f22;border-color:#1d1f22;animation:.9s infinite alternate tb-bomb}@keyframes tb-bomb{to{box-shadow:0 0 0 4px #e83e8c4d}}.tb-material-button--block{width:100%}.tb-login{background:radial-gradient(circle at 50% 44%, #fff 0, #f4f6fa 28%, transparent 58%), var(--tb-page);place-items:center;min-height:100dvh;padding:24px;display:grid}.tb-login-card{background:#fffffff5;border-radius:3px;width:min(100%,275px);padding:20px 22px 21px;box-shadow:0 15px 36px #2431432b}.tb-language{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.tb-language button{color:#868c94;background:0 0;padding:5px 8px;font-size:12px}.tb-language button.active{color:#3e444b;font-weight:700}.tb-language button:disabled{cursor:default;opacity:1}.tb-language span{background:#d9dce1;width:1px;height:15px}.tb-login-card form{gap:20px;display:grid}.tb-login-card form label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.tb-login-card input{background:#f6f7f9;border:0;border-bottom:1px solid #cdd1d6;border-radius:3px 3px 0 0;outline:0;width:100%;height:53px;padding:5px 14px 0;font-size:15px}.tb-login-card input:focus{border-bottom:2px solid var(--tb-blue)}.tb-login-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;display:grid}.tb-login-actions .tb-material-button{white-space:nowrap;min-width:0;min-height:35px;padding:0 5px;font-size:9px}.tb-top-nav{z-index:50;background:#fffffff7;border-bottom:1px solid #eceef1;height:46px;position:sticky;top:0;box-shadow:0 1px 3px #232d3b0a}.tb-top-nav>div{align-items:center;gap:10px;width:min(100%,1024px);height:100%;margin:auto;padding:0 12px;display:flex;position:relative}.tb-logo-button{background:0 0;padding:0}.tb-logo-button:disabled{cursor:default;opacity:1}.tb-top-nav__spacer{flex:1}.tb-nav-text{color:#666d75;background:0 0;padding:8px;font-size:11px}.tb-nav-user{color:#363b41;text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-size:11px;font-weight:700;overflow:hidden}.tb-nav-menu__scrim{z-index:51;background:#191e241f;padding:0;position:fixed;inset:46px 0 0}.tb-nav-menu{z-index:52;background:#fff;border:1px solid #e2e5e8;border-radius:4px;width:172px;display:grid;position:absolute;top:41px;right:8px;overflow:hidden;box-shadow:0 9px 24px #171f2a33}.tb-nav-menu>span{color:#8a9097;text-overflow:ellipsis;white-space:nowrap;background:#f8f9fa;padding:11px 13px 9px;font-size:9px;font-weight:700;overflow:hidden}.tb-nav-menu>button{text-align:left;background:#fff;border-top:1px solid #eceef1;min-height:42px;padding:0 13px;font-size:11px}.tb-nav-menu>button:hover{background:#f3f5f7}.tb-container{width:min(100%,960px);margin:auto;padding:30px 18px 60px}.tb-lobby-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.tb-lobby-heading>div:first-child>span{color:var(--tb-blue);letter-spacing:.14em;font-family:"Exo 2",sans-serif;font-size:9px;font-weight:800}.tb-lobby-heading h1{letter-spacing:-.05em;margin:2px 0 3px;font-size:28px}.tb-lobby-heading p{color:var(--tb-muted);margin:0;font-size:11px}.tb-lobby-actions{flex:none;gap:8px;display:flex}.tb-panel{border:1px solid var(--tb-line);background:#fff;border-radius:4px;box-shadow:0 1px 3px #1c27360a}.tb-panel>header{border-bottom:1px solid #eceef1;justify-content:space-between;align-items:center;min-height:46px;padding:0 14px;display:flex}.tb-panel>header>div{align-items:center;gap:8px;display:flex}.tb-panel h2{margin:0;font-size:13px}.tb-panel>header span{color:#969ca3;font-size:10px}.tb-room-list{min-height:230px}.tb-room-row{text-align:left;background:#fff;border-bottom:1px solid #eff1f3;grid-template-columns:auto minmax(0,1fr) auto 62px;align-items:center;gap:11px;width:100%;min-height:67px;padding:9px 13px;transition:background .12s;display:grid}.tb-room-row:last-child{border-bottom:0}.tb-room-row:hover:not(:disabled){background:#1da1f712}.tb-room-row--disabled{opacity:.68}.tb-type-badge{color:#fff;background:var(--tb-blue);letter-spacing:.05em;white-space:nowrap;border-radius:3px;align-items:center;padding:3px 6px;font-family:"Exo 2",sans-serif;font-size:8px;font-style:normal;font-weight:800;display:inline-flex}.tb-room-row__main{gap:3px;min-width:0;display:grid}.tb-room-row__main b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tb-room-row__main small{color:#91979e;font-size:9px}.tb-room-row__players{color:#737a82;align-items:center;gap:4px;font-size:10px;display:flex}.tb-room-status{color:#fff;background:var(--tb-cyan);text-align:center;border-radius:3px;justify-self:stretch;padding:5px 4px;font-size:9px;font-weight:700}.tb-room-status--playing{color:#747b82;background:#e5e7ea}.tb-empty-rooms{color:#9aa0a7;text-align:center;place-content:center;justify-items:center;min-height:230px;padding:30px;display:grid}.tb-empty-rooms>span{color:#777f87;border:1px solid #cfd4da;border-radius:50%;place-items:center;width:46px;height:46px;margin-bottom:10px;font-family:serif;font-size:18px;display:grid}.tb-empty-rooms b{color:#575e65;font-size:12px}.tb-empty-rooms p{margin:5px 0 0;font-size:9px}.tb-lobby-note{color:#858b92;background:#ffffff8c;border:1px solid #e3e6ea;border-radius:4px;align-items:flex-start;gap:9px;margin-top:13px;padding:11px 13px;display:flex}.tb-lobby-note svg{color:#687078;flex:none}.tb-lobby-note p{margin:0;font-size:9px;line-height:1.65}.tb-dialog-backdrop{z-index:200;background:#181d2385;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.tb-dialog{background:#fff;border-radius:4px;width:min(100%,390px);max-height:min(86dvh,680px);overflow-y:auto;box-shadow:0 20px 55px #00000047}.tb-dialog>header{border-bottom:1px solid #eceef1;justify-content:space-between;align-items:center;min-height:56px;padding:0 16px 0 20px;display:flex}.tb-dialog h2{margin:0;font-size:16px}.tb-dialog-form{gap:18px;padding:21px;display:grid}.tb-dialog-form label{gap:6px;display:grid}.tb-dialog-form label>span{color:#656c73;font-size:10px;font-weight:700}.tb-dialog-form input,.tb-dialog-form select{background:#f5f6f8;border:0;border-bottom:1px solid #bcc2c8;border-radius:3px 3px 0 0;outline:0;width:100%;height:45px;padding:0 11px}.tb-dialog-form input:focus,.tb-dialog-form select:focus{border-bottom:2px solid var(--tb-blue)}.tb-code-input{letter-spacing:.22em;text-align:center;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:19px;font-weight:800}.tb-dialog-hint{color:#8b9198;align-items:center;gap:8px;font-size:9px;display:flex}.tb-rules{padding:18px 21px 22px}.tb-rules ol{counter-reset:tb-rule;gap:12px;margin:0;padding:0;list-style:none;display:grid}.tb-rules li{color:#777e85;counter-increment:tb-rule;gap:3px;min-height:36px;padding-left:42px;font-size:10px;line-height:1.55;display:grid;position:relative}.tb-rules li:before{color:#fff;background:var(--tb-blue);content:counter(tb-rule);border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid;position:absolute;top:0;left:0}.tb-rules li b{color:#333940;font-size:11px}.tb-rules>p{border-left:3px solid var(--tb-cyan);color:#687078;background:#f3f5f7;margin:15px 0 0;padding:11px;font-size:9px;line-height:1.65}.tb-room-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.tb-room-heading>div:first-child{grid-template-columns:auto 1fr;align-items:center;gap:7px;display:grid}.tb-room-heading h1{margin:0;font-size:21px}.tb-room-heading small{color:#8b929a;letter-spacing:.12em;grid-column:1/-1;font-family:ui-monospace,monospace;font-size:10px}.tb-room-heading__actions{gap:7px;display:flex}.tb-room-grid{grid-template-columns:minmax(0,1.7fr) minmax(220px,.8fr);gap:14px;display:grid}.tb-player-table__head,.tb-player-row{grid-template-columns:48px minmax(0,1fr) 62px;align-items:center;gap:8px;display:grid}.tb-player-table__head{color:#8a9097;background:#fafbfc;border-bottom:1px solid #eceef1;min-height:34px;padding:0 14px;font-size:9px}.tb-player-row{border-bottom:1px solid #eff1f3;min-height:68px;padding:7px 14px}.tb-player-row:last-child{border-bottom:0}.tb-player-row--me{background:#0ca6300b}.tb-team-chip{color:#fff;border-radius:3px;place-items:center;width:25px;height:21px;font-family:"Exo 2",sans-serif;font-size:9px;font-style:normal;font-weight:800;display:inline-grid}.tb-team-chip--a,.team-a{color:var(--tb-blue)}.tb-team-chip--a{color:#fff;background:var(--tb-blue)}.tb-team-chip--b,.team-b{color:var(--tb-pink)}.tb-team-chip--b{color:#fff;background:var(--tb-pink)}.tb-player-identity{align-items:center;gap:9px;min-width:0;display:flex}.tb-player-identity>span:last-child{gap:2px;min-width:0;display:grid}.tb-player-identity b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.tb-player-identity b em{color:#d8a116;margin-left:5px;font-style:normal}.tb-player-identity small{color:#969ca3;font-size:8px}.tb-empty-seat{color:#a4a9af;font-size:10px}.tb-ready-badge{color:#777e85;background:#eceef0;border-radius:10px;justify-self:end;padding:4px 7px;font-size:8px;font-weight:700}.tb-ready-badge--ready{color:#087825;background:#0ca63021}.tb-avatar{background:#fff;border:2px solid #ffffffc7;border-radius:50%;flex:none;width:70px;height:70px;display:inline-block;position:relative;overflow:visible;box-shadow:0 1px 5px #0003}.tb-avatar svg{border-radius:50%;width:100%;height:100%;display:block;overflow:hidden}.tb-avatar>b{color:#fff;background:#4b5158;border:1px solid #fff;border-radius:3px;padding:2px 4px;font-size:5px;position:absolute;bottom:-1px;right:-4px}.tb-avatar--small{border-width:1px;width:38px;height:38px}.tb-avatar--offline{filter:grayscale();opacity:.5}.tb-options-panel dl{margin:0}.tb-options-panel dl>div{border-bottom:1px solid #eff1f3;justify-content:space-between;align-items:center;gap:10px;min-height:47px;padding:0 14px;display:flex}.tb-options-panel dl>div:last-child{border-bottom:0}.tb-options-panel dt{color:#8a9097;font-size:9px}.tb-options-panel dd{text-align:right;margin:0;font-size:10px;font-weight:700}.tb-room-footer{border:1px solid var(--tb-line);background:#fff;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:12px 14px;display:flex}.tb-room-footer>span{color:#868d94;align-items:center;gap:11px;font-size:9px;display:flex}.tb-room-footer>div{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.tb-game{color:#fff;background:radial-gradient(ellipse at center, var(--tb-board-center) 0%, var(--tb-board-edge) 100%);grid-template-rows:auto minmax(250px,1fr) auto;width:100%;min-width:320px;height:100dvh;display:grid;overflow:hidden}.tb-game--turn-a,.tb-game--turn-b{box-shadow:none}.tb-game-status{z-index:40;min-height:35px;padding:max(4px, env(safe-area-inset-top)) 7px 4px;color:#22272d;background:#fffffff7;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:5px;font-size:9px;display:grid;box-shadow:0 1px 4px #0003}.tb-game-status>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tb-game-status>span:first-child b{margin-right:2px}.tb-game-status>button{background:#f3f4f5;border-radius:3px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;display:flex}.tb-game-status>button strong{font-size:11px}.tb-game-status>button i{color:#92989e;font-size:8px;font-style:normal}.tb-game-status__buttons{justify-self:end;align-items:center;gap:2px;display:flex}.tb-game-status__buttons>button{color:#5e656c;background:0 0;place-items:center;width:28px;height:27px;padding:0;display:grid}.tb-board{width:min(100%,1024px);height:100%;min-height:250px;margin:0 auto;position:relative}.tb-board__ring{pointer-events:none;border:1px solid #ffffff0e;border-radius:50%;position:absolute;inset:9% 15%;box-shadow:inset 0 0 70px #0000001a,0 0 0 1px #00000014}.tb-turn-timer{z-index:8;color:#ffffff52;font-family:"Exo 2",sans-serif;font-size:25px;position:absolute;top:5px;left:10px}.tb-player-marker{z-index:12;color:#222;position:absolute}.tb-player-marker--top{top:9px;left:50%;transform:translate(-50%)}.tb-player-marker--left{top:46%;left:7px;transform:translateY(-50%)}.tb-player-marker--right{top:46%;right:7px;transform:translateY(-50%)}.tb-player-marker--active .tb-avatar{box-shadow:0 0 0 4px var(--tb-pink), 0 2px 8px #00000073}.tb-player-marker--team-a.tb-player-marker--active .tb-avatar{box-shadow:0 0 0 4px var(--tb-blue), 0 2px 8px #00000073}.tb-player-marker__name{background:#fffffff0;border-radius:12px;align-items:center;gap:5px;width:max-content;max-width:112px;padding:2px 7px;font-size:8px;display:flex;position:absolute;bottom:-18px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #00000029}.tb-player-marker__name b{text-overflow:ellipsis;white-space:nowrap;max-width:70px;overflow:hidden}.tb-player-marker__name small{color:#747b82;white-space:nowrap;font-size:7px}.tb-player-marker>em,.tb-player-marker>strong{z-index:2;color:#fff;white-space:nowrap;border-radius:3px;padding:2px 5px;font-size:6px;font-style:normal;position:absolute}.tb-player-marker>em{background:#d39a0a;top:-3px;right:-12px}.tb-player-marker>strong{background:var(--tb-pink);bottom:-38px;left:50%;transform:translate(-50%)}.tb-player-marker--team-a>strong{background:var(--tb-blue)}.tb-card-stack{width:30px;height:40px;display:block;position:absolute}.tb-card-stack i{background:radial-gradient(circle,#0000 0 28%,#fff 29% 32%,#0000 33%),repeating-linear-gradient(45deg,#111 0 3px,#f2f2f2 3px 4px);border:2px double #fff;border-radius:2px;position:absolute;inset:0;box-shadow:0 1px 3px #0006}.tb-card-stack i:first-child{transform:translate(-4px,-3px)}.tb-card-stack i:nth-child(2){transform:translate(-2px,-1px)}.tb-card-stack b{color:#222;background:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:7px;display:grid;position:absolute;bottom:-8px;right:-8px;box-shadow:0 1px 3px #0000004d}.tb-card-stack--top{bottom:-3px;left:-24px}.tb-card-stack--left{top:14px;right:-49px;transform:rotate(90deg)}.tb-card-stack--right{top:14px;left:-49px;transform:rotate(270deg)}.tb-game-log{z-index:5;color:#ffffffbf;text-align:right;text-shadow:1px 1px 2px #000;justify-items:end;gap:2px;max-width:42%;font-size:8px;display:grid;position:absolute;top:7px;right:7px}.tb-game-log span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tb-table-center{z-index:8;justify-items:center;width:min(60%,390px);display:grid;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.tb-wish{color:#362600;background:#ffd45b;border-radius:10px;margin-bottom:4px;padding:3px 8px;font-size:8px;font-weight:800;box-shadow:0 1px 4px #00000040}.tb-pile{width:170px;height:80px;position:relative}.tb-pile>span{bottom:0;left:calc(50% + (var(--pile-index) * 18px) - (var(--pile-count) * 9px));transform:rotate(calc((var(--pile-index) - 2) * 3deg));transform-origin:50% 100%;position:absolute}.tb-pile .tb-card{margin:0;box-shadow:0 3px 7px #00000059}.tb-pile-empty{color:#ffffff80;justify-items:center;font-size:7px;display:grid;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.tb-pile-empty b{border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:45px;height:45px;margin-bottom:4px;font-family:serif;font-size:18px;display:grid}.tb-table-center>p{color:#202429;text-overflow:ellipsis;white-space:nowrap;background:#ffffffe6;border-radius:3px;max-width:100%;margin:3px 0 0;padding:3px 6px;font-size:8px;overflow:hidden}.tb-round-result{z-index:30;color:#30353a;text-align:center;background:#fffffff7;border-radius:4px;width:min(88%,330px);padding:19px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px #00000059}.tb-round-result small{color:#8a9097;font-size:9px}.tb-round-result h2{margin:6px 0;font-family:"Exo 2",sans-serif;font-size:24px}.tb-round-result p{color:#727980;margin:0 0 14px;font-size:9px}.tb-hand-panel{z-index:20;width:min(100%,1024px);max-height:44dvh;box-shadow:none;scrollbar-width:thin;background:0 0;border:0;margin:auto;position:relative;overflow-y:auto}.tb-hand-panel--team-a{border:5px solid var(--tb-blue);background:#303f9f33}.tb-hand-panel--team-b{border:5px solid var(--tb-pink);background:#e83e8c33}.tb-my-status{color:#fffc;align-items:center;gap:7px;min-height:31px;padding:4px 9px 0;font-size:8px;display:flex}.tb-my-status b{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:9px;overflow:hidden}.tb-my-status em{color:#493300;background:#ffd45b;border-radius:3px;padding:2px 4px;font-size:6px;font-style:normal;font-weight:800}.tb-my-status>button{color:#ffffffbf;background:0 0;margin-left:auto;padding:4px 7px;font-size:8px}.tb-exchange-order{justify-content:center;gap:5px;padding:2px 8px 0;display:flex}.tb-exchange-order span{color:#ffffff7a;border:1px solid #fff3;border-radius:9px;padding:2px 6px;font-size:7px}.tb-exchange-order span.done{color:#fff;background:#20c99759;border-color:#20c997}.tb-hand{flex-wrap:wrap;place-content:center;row-gap:7px;min-height:88px;padding:13px 7px 4px;display:flex}.tb-card{color:#222;vertical-align:middle;background:#fff;border:1px solid;border-radius:5px;flex-direction:column;flex:none;align-items:center;width:55px;height:75px;margin:0 -4px;padding:4px;transition:transform .12s,background .12s,color .12s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000003d}button.tb-card{cursor:pointer}.tb-card svg{fill:currentColor;flex:none;width:16px;height:16px;margin-top:3px}.tb-card>strong{margin-top:-3px;font-family:"Exo 2",sans-serif;font-size:34px;font-weight:500;line-height:1.3}.tb-card--sword{color:#c2291b}.tb-card--pagoda{color:#1d86d8}.tb-card--star{color:#b8bb25}.tb-card--jade{color:#2cbb17}.tb-card--selected{z-index:5;color:#fff;background:currentColor;transform:translateY(-10px)}.tb-card--sword.tb-card--selected{background:#c2291b}.tb-card--pagoda.tb-card--selected{background:#1d86d8}.tb-card--star.tb-card--selected{background:#b8bb25}.tb-card--jade.tb-card--selected{background:#2cbb17}.tb-card--selected svg,.tb-card--selected strong{color:#fff;fill:#fff}.tb-card--special{color:#39332b;background:#f3e8ce}.tb-card__art{background-image:url(/cards.8c61705e911e2c8d.jpg);background-size:200% 200%;position:absolute;inset:0}.tb-card--dog .tb-card__art{background-position:0 0}.tb-card--phoenix .tb-card__art{background-position:98% 200%}.tb-card--dragon .tb-card__art{background-position:200% 98%}.tb-card--mahjong .tb-card__art{background-position:100% 100%}.tb-card--special.tb-card--selected{background:#111;border-color:#fff}.tb-card--special.tb-card--selected .tb-card__art{opacity:.42}.tb-card__mahjong-rank{z-index:1;color:#181818;text-shadow:2px 2px 4px #fff;font-family:"Exo 2",sans-serif;font-size:27px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tb-card__order{z-index:4;color:#fff;background:#16191d;border:1px solid #fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;font-weight:800;display:grid;position:absolute;bottom:3px;right:3px}.tb-hand-empty{color:#ffffffa6;align-self:center;font-size:10px}.tb-play-controls{min-height:51px;padding:6px 8px max(8px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.tb-play-controls .tb-material-button{min-width:72px;min-height:34px;padding:0 12px;font-size:10px}.tb-wish-select{color:#4c3a0b;background:#ffd45b;border-radius:4px;align-items:center;gap:4px;height:34px;padding:0 4px 0 9px;font-size:8px;font-weight:700;display:flex}.tb-wish-select select{background:#fff;border:0;border-radius:3px;height:27px;font-size:9px}.tb-control-message{color:#ffffffb3;font-size:9px}.tb-score-table{background:#e4e6e9;border:1px solid #e4e6e9;border-radius:4px;grid-template-columns:1fr 1fr;gap:1px;margin:19px 20px 0;display:grid;overflow:hidden}.tb-score-table>div{background:#fff;justify-items:center;gap:5px;padding:18px;display:grid}.tb-score-table span{color:#777e85;font-size:9px}.tb-score-table b{font-family:"Exo 2",sans-serif;font-size:30px}.tb-score-table>div:first-child b{color:var(--tb-blue)}.tb-score-table>div:last-child b{color:var(--tb-pink)}.tb-score-target{color:#747b82;text-align:center;margin:12px 20px;font-size:9px}.tb-score-detail{background:#f3f4f6;justify-content:space-between;align-items:center;margin:0 20px 20px;padding:10px;font-size:9px;display:flex}.tb-toast{z-index:300;bottom:calc(18px + env(safe-area-inset-bottom));color:#fff;opacity:0;pointer-events:none;background:#202429f0;border-radius:3px;max-width:calc(100vw - 32px);padding:10px 15px;font-size:10px;transition:opacity .15s,transform .15s;position:fixed;left:50%;transform:translate(-50%,12px);box-shadow:0 5px 16px #00000040}.tb-toast--visible{opacity:1;transform:translate(-50%)}@media (min-width:960px){.tb-card{width:80px;height:100px;margin:0 -5px}.tb-card svg{width:22px;height:22px;margin-top:8px}.tb-card>strong{font-size:50px}.tb-card-stack{width:50px;height:60px}.tb-player-marker--left{left:20px}.tb-player-marker--right{right:20px}.tb-table-center{bottom:22px}.tb-pile{width:250px;height:106px}.tb-pile .tb-card--compact{width:70px;height:90px}.tb-hand{min-height:113px}}@media (max-width:700px){.tb-top-nav>div{padding:0 8px}.tb-nav-text{display:none}.tb-container{padding:20px 12px 42px}.tb-lobby-heading,.tb-room-heading{flex-direction:column;align-items:stretch;gap:13px}.tb-lobby-actions,.tb-room-heading__actions{grid-template-columns:1fr 1fr;display:grid}.tb-room-row{grid-template-columns:auto minmax(0,1fr) 51px;gap:8px;padding:9px 10px}.tb-room-row__players{display:none}.tb-room-grid{grid-template-columns:1fr}.tb-options-panel{order:-1}.tb-options-panel dl{grid-template-columns:1fr 1fr;display:grid}.tb-options-panel dl>div:nth-child(odd){border-right:1px solid #eff1f3}.tb-room-footer{flex-direction:column;align-items:stretch}.tb-room-footer>span{justify-content:center}.tb-room-footer>div{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));display:grid}.tb-player-marker .tb-avatar{width:58px;height:58px}.tb-player-marker--left{left:6px}.tb-player-marker--right{right:6px}.tb-card-stack--top{left:-21px}.tb-card-stack--left{right:-44px}.tb-card-stack--right{left:-44px}}@media (max-width:390px){.tb-brand--small>span:last-child{display:none}.tb-nav-user{max-width:70px}.tb-lobby-heading h1{font-size:24px}.tb-player-table__head,.tb-player-row{grid-template-columns:36px minmax(0,1fr) 47px;padding-left:9px;padding-right:9px}.tb-game-status{font-size:8px}.tb-game-status>button{gap:4px;padding:3px 5px}.tb-player-marker__name{max-width:95px}.tb-player-marker__name small{display:none}.tb-table-center{width:55%}}@media (max-height:680px){.tb-game{grid-template-rows:auto minmax(230px,1fr) auto}.tb-player-marker--top{top:4px}.tb-player-marker .tb-avatar{width:52px;height:52px}.tb-player-marker--left,.tb-player-marker--right{top:42%}.tb-hand-panel{max-height:46dvh}.tb-hand{min-height:79px;padding-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}