@font-face{font-family:Doto Rounded;src:url(/assets/DotoRounded-Bold-Drc2mhNX.ttf)format("truetype");font-weight:700;font-display:block}@font-face{font-family:Doto Rounded;src:url(/assets/DotoRounded-Black-BqieZx3h.ttf)format("truetype");font-weight:900;font-display:block}:root{--bg:#000;--surface:#111;--fg:#fff;--muted:#8e8e93;--accent:#ffd60a;--danger:#ff453a;--font:"Doto Rounded", ui-monospace, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);color:var(--fg);background:var(--bg);font-weight:700}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.button{appearance:none;border:2px solid var(--fg);background:var(--bg);width:100%;max-width:280px;color:var(--fg);font:900 24px var(--font);letter-spacing:2px;text-transform:uppercase;cursor:pointer;touch-action:manipulation;border-radius:8px;padding:14px 16px}.button:active{background:var(--fg);color:var(--bg)}.button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.button--primary{border-color:var(--accent);background:var(--accent);color:var(--bg)}.button--primary:active{border-color:var(--fg)}.button--small{width:auto;padding:8px 16px;font-size:18px}@media (hover:hover){.button:not(:disabled,.button--danger):hover{background:var(--fg);color:var(--bg)}.button--primary:not(:disabled):hover{border-color:var(--fg)}}.home{background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.board-area{flex:1;min-width:0;min-height:0;position:relative;container-type:size}.status{top:calc(var(--safe-top) + 16px);text-align:center;pointer-events:none;margin:0;font-size:28px;font-weight:900;position:absolute;left:16px;right:16px}.status,.game-bar{transition:opacity .2s}.status[data-visible=false],.game-bar[data-visible=false]{opacity:0;pointer-events:none}.game-bar{left:calc(var(--safe-left) + 16px);right:calc(var(--safe-right) + 16px);bottom:calc(var(--safe-bottom) + 16px);justify-content:space-between;gap:16px;display:flex;position:absolute}.drawer{background:var(--surface);grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.drawer[data-open=true]{grid-template-rows:1fr}.drawer-content{min-width:0;min-height:0;overflow:hidden}.menu{padding:24px calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 16px);flex-direction:column;align-items:center;gap:16px;display:flex}.title{text-align:center;margin:0 0 8px;font-size:30px;font-weight:900;line-height:1.1}@media (aspect-ratio>=1){.home{flex-direction:row}.drawer{grid-template-rows:1fr;grid-template-columns:0fr;transition:grid-template-columns .3s}.drawer[data-open=true]{grid-template-columns:1fr}.menu{width:360px;height:100%;padding:calc(var(--safe-top) + 24px) calc(var(--safe-right) + 24px) calc(var(--safe-bottom) + 24px) 24px;justify-content:center}}@media (prefers-reduced-motion:reduce){.drawer,.status,.game-bar{transition:none}}.screen{z-index:1;padding:calc(var(--safe-top) + 24px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 16px);background:var(--bg);animation:.2s screen-in;position:fixed;inset:0;overflow-y:auto}@keyframes screen-in{0%{opacity:0;transform:translateY(24px)}}.screen-header,.screen-body{max-width:560px;margin:0 auto}.screen-title{margin:24px 0;font-size:36px;font-weight:900}.back-button{appearance:none;border:1px solid var(--fg);background:var(--bg);color:var(--accent);font:700 24px var(--font);text-transform:uppercase;cursor:pointer;border-radius:4px;padding:8px 16px}.back-button:active{color:var(--fg);font-weight:900}.back-button:focus-visible,.switch:focus-visible,.setting input[type=range]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.settings-group{border:0;margin:0 0 32px;padding:0}.settings-group-name{border-bottom:1px dotted var(--fg);width:100%;margin-bottom:16px;padding-bottom:8px;font-size:28px;font-weight:900}.setting{margin-bottom:24px;font-size:22px}.setting-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.setting-description{color:var(--muted);margin:4px 0 0;font-size:16px}.setting input[type=range]{width:100%;accent-color:var(--accent);margin:12px 0 0}.switch{appearance:none;background:var(--muted);cursor:pointer;border-radius:16px;flex:none;width:52px;height:32px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:var(--fg);border-radius:50%;width:26px;height:26px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(20px)}@media (prefers-reduced-motion:reduce){.screen{animation:none}}.rules{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;font-weight:400;line-height:1.5}.rules h2{font-family:var(--font);color:var(--accent);margin:28px 0 8px;font-size:24px;font-weight:900}.rules p,.rules ul{margin:0 0 12px}.rules ul{padding-left:24px}.rules em{color:var(--accent);font-style:normal}.status-sub{color:var(--muted);margin-top:4px;font-size:18px;font-weight:700;display:block}.online{flex-direction:column;align-items:flex-start;gap:28px;display:flex}.online-option{flex-direction:column;gap:8px;width:100%;display:flex}.online-label{margin:0;font-size:22px}.online-hint,.online-error{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.4}.online-hint{color:var(--muted)}.online-error{border:1px solid var(--danger);color:var(--danger);border-radius:8px;padding:12px 16px}.join-row{gap:12px;max-width:280px;display:flex}.code-input{border:2px solid var(--fg);background:var(--bg);min-width:0;color:var(--fg);font:900 24px var(--font);letter-spacing:4px;text-transform:uppercase;-webkit-user-select:text;user-select:text;border-radius:8px;flex:1;padding:8px 12px}.code-input::placeholder{color:var(--muted);opacity:.5}.code-input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.room-code{color:var(--accent);letter-spacing:12px;-webkit-user-select:text;user-select:text;margin:-12px 0 0;font-size:64px;font-weight:900}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.button:disabled{opacity:.4;cursor:default}.button--danger,.button--danger:active{border-color:var(--danger);background:var(--bg);color:var(--danger)}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}.layers{--top-space:calc(var(--safe-top) + 24px);--bottom-space:24px;--gap:20px;--name-height:28px;--layer-size:min((100cqw - 32px - var(--gap)) / 2, (100cqh - var(--top-space) - var(--bottom-space) - var(--gap)) / 2 - var(--name-height));grid-template-columns:repeat(2, var(--layer-size));place-content:center;gap:var(--gap);padding:var(--top-space) 16px var(--bottom-space);display:grid;position:absolute;inset:0}.board-area[data-playing=true] .layers{--top-space:calc(var(--safe-top) + 104px);--bottom-space:calc(var(--safe-bottom) + 84px)}@container (aspect-ratio>=4/3){.layers{--layer-size:min((100cqw - 32px - 3 * var(--gap)) / 4, 100cqh - var(--top-space) - var(--bottom-space) - var(--name-height));grid-template-columns:repeat(4, var(--layer-size))}}.layer{flex-direction:column;display:flex}.layer-name{height:var(--name-height);color:var(--muted);font-size:clamp(10px, var(--layer-size) / 10, 16px);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;overflow:hidden}.layer-grid{width:var(--layer-size);height:var(--layer-size);grid-template:repeat(4,1fr)/repeat(4,1fr);gap:4px;display:grid}.layer-cell{appearance:none;background:var(--surface);cursor:pointer;touch-action:manipulation;border:1px solid #2c2c2e;border-radius:6px;place-items:center;min-width:0;min-height:0;margin:0;padding:0;display:grid}.layer-cell:disabled{cursor:default}.layer-cell:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.layer-cell .piece{aspect-ratio:1;background:#48484a;border-radius:50%;width:22%;transition:width .12s}.layer-cell[data-taken=true] .piece{width:72%}.layer-cell[data-selected=true] .piece{background:var(--current);opacity:.75;width:72%}@media (hover:hover){.layers[data-interactive=true] .layer-cell:enabled:hover .piece{background:var(--current);opacity:.4;width:72%}}.layer-cell[data-winning=true]{border-color:var(--fg)}.layer-cell[data-winning=true] .piece{filter:drop-shadow(0 0 8px var(--piece))}@media (prefers-reduced-motion:reduce){.layer-cell .piece{transition:none}}.choice-setting{border:0;padding:0}.choice-setting legend{margin-bottom:12px;padding:0}.choices{border:2px solid var(--fg);border-radius:8px;max-width:400px;display:flex;overflow:hidden}.choice{text-align:center;cursor:pointer;flex:1;padding:10px 8px;font-size:20px;position:relative}.choice+.choice{border-left:2px solid var(--fg)}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice:has(input:checked){background:var(--accent);color:var(--bg);font-weight:900}.choice:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:-6px}.choice:has(input:checked:focus-visible){outline-color:var(--bg)}.color-setting{border:0;padding:0}.color-setting legend{margin-bottom:12px;padding:0}.swatches{grid-template-columns:repeat(8,minmax(0,40px));gap:10px;padding:6px;display:grid}.swatch{aspect-ratio:1;background:var(--swatch);cursor:pointer;border-radius:50%;position:relative}.swatch input{opacity:0;cursor:pointer;border-radius:50%;margin:0;position:absolute;inset:0}.swatch:has(input:checked){box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--fg)}.swatch:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:6px}.swatch:has(input:disabled){opacity:.3;cursor:not-allowed;background:linear-gradient(to top right, transparent calc(50% - 2px), var(--fg) calc(50% - 2px), var(--fg) calc(50% + 2px), transparent calc(50% + 2px)), var(--swatch)}.swatch input:disabled{cursor:not-allowed}.piece-art[data-texture]{background:var(--piece);border-radius:50%}.piece-art[data-texture=glossy]{background:radial-gradient(circle at 33% 28%, #fffffff2 0 8%, #fff0 24%), radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--piece) 40%, black), transparent 70%), var(--piece)}.piece-art[data-texture=glass]{background:radial-gradient(circle at 32% 27%, #fffffff2 0 6%, #fff0 20%), radial-gradient(circle at 68% 80%, #ffffff59, #fff0 30%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--piece) 15%, transparent) 40%, color-mix(in srgb, var(--piece) 65%, transparent));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--piece) 70%, white), 0 0 10px color-mix(in srgb, var(--piece) 35%, transparent)}.piece-art[data-texture=frosted]{background:radial-gradient(circle at 35% 30%, #fff9, #fff0 45%), color-mix(in srgb, var(--piece) 55%, #ffffff59);opacity:.85;box-shadow:inset 0 0 8px #ffffff80}.piece-art[data-texture=metal]{background:radial-gradient(circle at 35% 30%, #ffffffe6 0 5%, #fff0 22%), linear-gradient(135deg, color-mix(in srgb, var(--piece) 35%, white) 0%, var(--piece) 35%, color-mix(in srgb, var(--piece) 40%, black) 62%, color-mix(in srgb, var(--piece) 70%, white) 82%, color-mix(in srgb, var(--piece) 50%, black) 100%)}.piece-art[data-texture=pearl]{background:radial-gradient(circle at 35% 30%, #ffffffd9 0 6%, #fff0 30%), conic-gradient(from 200deg, color-mix(in srgb, var(--piece) 70%, #7df9ff), color-mix(in srgb, var(--piece) 70%, #ff9cf2), color-mix(in srgb, var(--piece) 70%, #fff6a8), color-mix(in srgb, var(--piece) 70%, #7df9ff));box-shadow:inset 0 0 10px #ffffff73}.piece-art[data-texture=neon]{background:color-mix(in srgb, var(--piece) 35%, white);box-shadow:0 0 4px var(--piece), 0 0 14px var(--piece), inset 0 0 6px var(--piece)}.piece-art[data-texture=hologram]{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--piece) 60%, transparent) 0 2px, transparent 2px 5px), radial-gradient(circle, transparent 55%, color-mix(in srgb, var(--piece) 50%, transparent) 70%);box-shadow:inset 0 0 0 2px var(--piece), 0 0 10px color-mix(in srgb, var(--piece) 60%, transparent)}.texture-setting{border:0;padding:0}.texture-setting legend{margin-bottom:12px;padding:0}.textures{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:480px;display:grid}.texture-tile{background:var(--surface);cursor:pointer;border:2px solid #2c2c2e;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:12px 4px 10px;display:flex;position:relative}.texture-tile input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.texture-tile:has(input:checked){border-color:var(--accent)}.texture-tile:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.texture-preview{aspect-ratio:1;width:40px}.texture-name{white-space:nowrap;font-size:15px}.layer-picker{top:50%;right:calc(var(--safe-right) + 12px);flex-direction:column;gap:6px;display:flex;position:absolute;transform:translateY(-50%)}.layer-picker-button{appearance:none;width:44px;height:40px;color:var(--fg);font:900 18px var(--font);cursor:pointer;touch-action:manipulation;background:#0009;border:1px solid #48484a;border-radius:8px;padding:0}.layer-picker-button:first-child{font-size:14px}.layer-picker-button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--bg)}.layer-picker-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.winning-line{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.winning-line polyline{fill:none;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px)drop-shadow(0 0 2px #000c);stroke-dasharray:1;stroke-dashoffset:1px;animation:.45s ease-out forwards draw-line}@keyframes draw-line{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.winning-line polyline{stroke-dashoffset:0;animation:none}}.board-corner{top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 12px);transition:opacity .2s;position:absolute}.board-corner[data-visible=false]{opacity:0;pointer-events:none}.account-chip{appearance:none;max-width:calc(100vw - 32px);min-height:44px;color:var(--fg);font:900 18px var(--font);cursor:pointer;touch-action:manipulation;background:#0009;border:1px solid #48484a;border-radius:12px;align-items:center;gap:10px;padding:4px 14px 4px 4px;display:flex}.account-chip:has(.account-chip-name:only-child){color:var(--accent);padding-left:14px}.account-chip-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (hover:hover){.account-chip:hover{border-color:var(--fg)}}.menu-row{gap:12px;width:100%;max-width:320px;display:flex}.menu-row .button{letter-spacing:1px;flex:1;min-width:0;padding:10px 6px;font-size:17px}.menu-badge{background:var(--danger);min-width:22px;color:var(--fg);letter-spacing:0;vertical-align:2px;border-radius:11px;margin-left:6px;padding:0 6px;font-size:14px;line-height:22px;display:inline-block}.account-form{flex-direction:column;align-items:flex-start;gap:18px;width:100%;display:flex}.field{flex-direction:column;gap:6px;width:100%;max-width:400px;display:flex}.field-label{font-size:20px}.text-input{border:2px solid var(--fg);background:var(--bg);width:100%;color:var(--fg);-webkit-user-select:text;user-select:text;border-radius:8px;padding:10px 12px;font:500 18px system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.text-input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}textarea.text-input{resize:vertical;min-height:80px}.button-row{flex-wrap:wrap;gap:12px;display:flex}.button-row .button:not(.button--small){flex:1;width:auto;min-width:120px}.choice-button{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.choice-button[aria-selected=true],.choice-button[aria-pressed=true]{background:var(--accent);color:var(--bg);font-weight:900}.choice-button:focus-visible{outline:3px solid var(--accent);outline-offset:-6px}.choice-button[aria-selected=true]:focus-visible,.choice-button[aria-pressed=true]:focus-visible{outline-color:var(--bg)}.danger-zone{border:1px solid var(--danger);border-radius:8px;padding:16px}.section-title{border-bottom:1px dotted var(--fg);margin:32px 0 12px;padding-bottom:8px;font-size:26px;font-weight:900}.avatar{flex:none;display:block}.profile-head{align-items:center;gap:20px;display:flex}.profile-head .avatar{border-radius:22px}.profile-head>div{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.profile-name{overflow-wrap:anywhere;margin:0;font-size:30px;font-weight:900}.stats{grid-template-columns:repeat(4,1fr);gap:8px;max-width:400px;margin:24px 0 0;display:grid}.stat{background:var(--surface);text-align:center;border-radius:8px;padding:10px 4px}.stat dt{color:var(--muted);font-size:14px}.stat dd{margin:4px 0 0;font-size:26px;font-weight:900}.account-actions{flex-wrap:wrap;gap:12px;display:flex}.player-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.player-row{align-items:center;gap:8px;min-height:56px;padding:4px 0;display:flex}.player-row-main{appearance:none;min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;flex:1;align-items:center;gap:12px;padding:4px;display:flex}button.player-row-main{cursor:pointer}button.player-row-main:focus-visible{outline:3px solid var(--accent)}@media (hover:hover){button.player-row-main:hover{background:var(--surface)}}.player-row-text{flex-direction:column;min-width:0;display:flex}.player-name{white-space:nowrap;text-overflow:ellipsis;font-size:20px;overflow:hidden}.player-detail{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font:400 14px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.player-detail[data-presence=online]{color:#32d74b}.player-detail[data-presence=playing]{color:var(--accent)}.player-row-actions{flex:none;gap:8px;display:flex}.player-row-actions .button--small{letter-spacing:1px;padding:6px 12px;font-size:15px}.player-avatar{flex:none;position:relative}.player-avatar .avatar{border-radius:10px}.presence-dot{border:3px solid var(--bg);background:#32d74b;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-3px;right:-3px}.presence-dot[data-presence=playing]{background:var(--accent)}.game-result{background:var(--surface);width:32px;height:32px;color:var(--muted);border-radius:8px;place-items:center;font-size:18px;font-weight:900;display:grid}.game-result[data-result=win]{color:var(--bg);background:#32d74b}.game-result[data-result=loss]{background:var(--danger);color:var(--fg)}.avatar-editor{flex-direction:column;gap:20px;display:flex}.avatar-editor-preview{align-items:center;gap:20px;display:flex}.avatar-editor-preview .avatar{border-radius:24px}.avatar-part{border:0;margin:0;padding:0}.avatar-part legend{margin-bottom:10px;padding:0;font-size:20px}.avatar-options{grid-template-columns:repeat(7,minmax(0,48px));gap:8px;display:grid}.avatar-option{aspect-ratio:1;cursor:pointer;border-radius:12px;position:relative}.avatar-option .avatar{border-radius:12px;width:100%;height:100%}.avatar-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.avatar-option:has(input:checked){box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--fg)}.avatar-option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:5px}.account-form>.choices{align-self:stretch}.profile-actions{margin-top:20px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{appearance:none;border:2px solid var(--fg);background:var(--bg);min-width:56px;color:var(--fg);font:700 18px var(--font);cursor:pointer;touch-action:manipulation;border-radius:8px;padding:8px 12px}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--bg);font-weight:900}.chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sheet-backdrop{z-index:2;background:#0009;justify-content:center;align-items:flex-end;animation:.15s fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;padding:24px calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 16px);border-top:2px solid var(--fg);background:var(--surface);border-radius:16px 16px 0 0;flex-direction:column;gap:16px;animation:.2s screen-in;display:flex}.sheet-title{align-items:center;gap:12px;font-size:24px;font-weight:900;display:flex}.sheet-title .avatar,.toast .avatar{border-radius:10px}.sheet .field-label{margin:0}@keyframes fade-in{0%{opacity:0}}.toast{top:calc(var(--safe-top) + 12px);z-index:3;border:2px solid var(--accent);background:var(--surface);border-radius:14px;flex-direction:column;gap:12px;width:min(420px,100vw - 24px);padding:14px;animation:.25s toast-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0009}.toast-text{align-items:center;gap:12px;min-width:0;display:flex}.toast-text>span{flex-direction:column;min-width:0;display:flex}.toast-actions{gap:10px;display:flex}.toast-actions .button{flex:1}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-16px)}}@media (prefers-reduced-motion:reduce){.sheet-backdrop,.sheet,.toast{animation:none}}.players-bar{top:calc(var(--safe-top) + 84px);left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);pointer-events:none;justify-content:space-between;gap:12px;display:flex;position:absolute}.board-area[data-playing=true][data-players=true] .layers{--top-space:calc(var(--safe-top) + 136px)}.player-tag{border-left:4px solid var(--side);background:#0009;border-radius:8px;align-items:center;gap:8px;min-width:0;max-width:50%;padding:4px 4px 4px 8px;display:flex}.player-tag[data-align=right]{border-left:0;border-right:4px solid var(--side);flex-direction:row-reverse;padding:4px 8px 4px 4px}.player-tag .avatar{border-radius:6px}.player-tag-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.player-clock{background:var(--surface);min-width:56px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;border-radius:6px;flex:none;padding:2px 6px;font-size:20px;font-weight:900}.player-clock[data-running=true]{background:var(--fg);color:var(--bg)}.player-clock[data-low=true]{background:var(--danger);color:var(--fg)}.playing-as{align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.playing-as .avatar{border-radius:8px}.link-button{appearance:none;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.tournament-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tournament-card{appearance:none;background:var(--surface);width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;border:1px solid #2c2c2e;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.tournament-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (hover:hover){.tournament-card:hover{border-color:var(--fg)}}.tournament-card-head{align-items:center;gap:10px;min-width:0;display:flex}.tournament-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:20px;font-weight:900;overflow:hidden}.tournament-status{color:var(--muted);text-transform:uppercase;background:#2c2c2e;border-radius:6px;flex:none;padding:2px 8px;font-size:14px;font-weight:900}.tournament-status[data-status=live]{background:var(--danger);color:var(--fg)}.tournament-status[data-status=upcoming]{background:var(--accent);color:var(--bg)}.tournament-joined{color:#32d74b;flex:none;font-size:14px}.tournament-timing{font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.tournament-head{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.tournament-title{overflow-wrap:anywhere;margin:0;font-size:30px;font-weight:900}.tournament-head .tournament-timing{font-size:22px}.your-part{border:1px solid #2c2c2e;border-radius:12px;flex-direction:column;gap:12px;margin-top:20px;padding:14px;display:flex}.your-part .online-hint{color:var(--fg)}.empty-note{margin-top:24px}.standings{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.standings th{color:var(--muted);text-align:left;padding:6px 4px;font-size:14px}.standings th:nth-child(n+3),.standings td:nth-child(n+3){text-align:right}.standings td{border-top:1px solid #2c2c2e;padding:4px;font-size:18px}.standings tr[data-me=true] td{background:#ffd60a1f}.standings tr[data-paused=true] .player-name{color:var(--muted)}.standing-rank{width:32px;color:var(--muted)}.standing-player{appearance:none;max-width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:4px 0;display:flex}.standing-player .player-name{font-size:18px}.standing-player:focus-visible{outline:3px solid var(--accent)}.standing-player .avatar{border-radius:7px}.standing-player .presence-dot{border-width:2px;width:12px;height:12px}.standings td.standing-record{color:var(--muted);white-space:nowrap;font-size:15px}.standing-score{font-weight:900}.on-fire{background:var(--danger);color:var(--fg);border-radius:5px;flex:none;padding:0 5px;font-size:13px;font-weight:900}.scoring{margin-top:16px}.menu>.button{max-width:320px}