@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_a9273372-module__R1Y8Sq__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--primary:#7c5cbf;--primary-hover:#9474d2;--accent:#ff474c;--bg:#0e0e14;--card-bg:#1a1a26;--input-bg:#12121b;--text:#e4e4ed;--text-dim:#8888a0;--border:#2a2a3d;--section-border:#2a2a3d;--radius:10px;--shadow:0 4px 24px #0006;--focus-ring:#7c5cbf33;--hover-tint:#ffffff0f;--in-border:#2d8a4e;--in-text:#4ade80;--out-border:#8a2d2d;--out-text:#f87171;--status-ok-bg:#7c5cbf1f;--status-ok-text:#9474d2;--status-ok-border:#7c5cbf40;--status-err-text:#f48052;--heading:#c4b5f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--primary:#482d94;--primary-hover:#f48052;--bg:#f5f7fa;--card-bg:#fff;--input-bg:#fff;--text:#333;--text-dim:#6b6b80;--border:#ddd;--section-border:#eee;--radius:8px;--shadow:0 2px 4px #0000001a;--focus-ring:#482d941a;--hover-tint:#0000000a;--in-text:#1e7a44;--out-border:#c0392b;--out-text:#b03a2e;--status-ok-bg:#482d9414;--status-ok-text:#482d94;--status-ok-border:#482d9433;--status-err-text:#b4471c;--heading:#482d94;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,Noto Sans TC,Microsoft JhengHei,-apple-system,sans-serif;line-height:1.6}.lobby{justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem;display:flex}.lobby-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:480px;padding:2.5rem}.lobby-title{color:var(--text);border-bottom:2px solid var(--accent);margin-bottom:2rem;padding-bottom:.75rem;font-size:1.5rem;font-weight:600}.field{flex:1;margin-bottom:1.25rem}.field label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;font-size:.85rem;font-weight:500;display:block}.field--label-hidden>label:first-child{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field label.checkbox-inline{text-transform:none;letter-spacing:0;cursor:pointer;align-items:center;gap:.4rem;margin-top:.5rem;margin-bottom:0;display:flex}.field label.checkbox-inline input{width:auto;margin:0}.field-row{gap:1rem;display:flex}.field-collapse{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:.6rem .85rem}.field-collapse summary{color:var(--text-dim);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.field-collapse[open] summary{margin-bottom:.75rem}input,select{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:.7rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}input::placeholder{color:var(--text-dim)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238888a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .7rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.2rem}.login-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:.5rem;padding:.8rem;font-family:inherit;font-size:1rem;font-weight:500;transition:background .2s,transform .1s}.login-btn:hover:not(:disabled){background:var(--primary-hover)}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.reset-btn{width:100%;color:var(--text,#ccc);border:1px solid var(--border,#444);border-radius:var(--radius);cursor:pointer;background:0 0;margin-top:.5rem;padding:.7rem;font-family:inherit;font-size:.95rem;transition:background .2s,transform .1s}.reset-btn:hover:not(:disabled){background:var(--hover-tint)}.reset-btn:active:not(:disabled){transform:scale(.98)}.reset-btn:disabled{opacity:.6;cursor:not-allowed}.transfer-controls{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1rem}.action-btn{background:var(--input-bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-bottom:.5rem;padding:.6rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .2s,background .2s}.action-btn:hover:not(:disabled){border-color:var(--primary);background:var(--card-bg)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn-in{border-color:var(--in-border);color:var(--in-text)}.action-btn-out{border-color:var(--out-border);color:var(--out-text)}.status{border-radius:var(--radius);margin-top:1rem;padding:.6rem .85rem;font-size:.9rem}.status-ok{background:var(--status-ok-bg);color:var(--status-ok-text);border:1px solid var(--status-ok-border)}.status-error{color:var(--status-err-text);background:#f480521f;border:1px solid #f4805240}.webview-container{background:var(--bg);z-index:100;flex-direction:column;display:flex;position:fixed;inset:0}.webview-bar{background:var(--card-bg);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;display:flex}.webview-close{background:var(--card-bg);color:var(--text);cursor:pointer;text-align:right;border:none;flex:1 0 auto;align-self:stretch;padding:.5rem 1.5rem;font-family:inherit;font-size:.9rem;transition:background .2s}.webview-close:hover{background:var(--border)}.play-entry-badge{background:var(--status-err-text);color:var(--card-bg);word-break:break-all;border-radius:999px;margin-bottom:.75rem;padding:.15rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.play-entry-badge--notice{background:var(--text-dim)}.webview-bar>.play-entry-badge{max-width:calc(100% - 1.5rem);margin:.3rem 0 .3rem .75rem}.webview-tools{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;padding:.3rem 0 .3rem .75rem;display:flex}.webview-tool-wrap{display:inline-flex}.webview-tool-group{align-items:center;gap:4px;min-width:0;display:inline-flex}.webview-tool-input{background:var(--bg);width:84px;min-width:0;color:var(--text);border:1px solid var(--border);appearance:textfield;border-radius:999px;padding:.2rem .6rem;font-family:inherit;font-size:.8rem;line-height:normal}.webview-tool-input:focus{border-color:var(--primary);outline:none}.webview-tool-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.webview-tool-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.webview-tool-btn{background:var(--bg);color:var(--text);border:1px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:999px;padding:.2rem .75rem;font-family:inherit;font-size:.8rem;transition:background .2s,border-color .2s}.webview-tool-btn:hover:not(:disabled){border-color:var(--primary)}.webview-tool-btn--in{border-color:var(--in-border);color:var(--in-text)}.webview-tool-btn--out{border-color:var(--out-border);color:var(--out-text)}.webview-tool-btn:disabled{opacity:.45;cursor:not-allowed}.webview-tool-msg{color:var(--status-ok-text);word-break:break-word;font-size:.8rem}.webview-tool-msg--err{color:var(--status-err-text)}.webview-frame{border:none;flex:1;width:100%}.loader{min-height:100vh;color:var(--text-dim);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.loader__spinner{border:3px solid var(--section-border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite loader-spin}.loader__label{letter-spacing:.04em;font-size:14px}@keyframes loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loader__spinner{animation-duration:2s}}.game-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.game-type-stats{color:#94a3b8;margin:0 0 12px;font-size:.85rem;line-height:1.5}.game-search-row{align-items:center;gap:8px;display:flex}.game-search-row input{flex:1}.game-search-count{color:#94a3b8;white-space:nowrap;font-size:.85rem}.ui-locale-float{z-index:200;text-align:center;background:var(--card-bg);border:1px solid var(--border);max-width:7.5rem;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem .65rem;display:flex;position:fixed;top:12px;right:12px}.ui-locale-float__label{width:100%;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;text-align:center;font-size:.65rem;font-weight:500;line-height:1.2;display:block}.theme-toggle{width:100%;color:var(--text);background:var(--input-bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.3rem .5rem;font-family:inherit;font-size:.75rem;line-height:1.2}.theme-toggle:hover{border-color:var(--primary)}.ui-locale-float__select{text-align:center;text-align-last:center;width:100%;padding:.35rem .5rem;font-size:.75rem;line-height:1.2}.game-section-title{border-bottom:1px solid var(--border,#333);color:var(--accent,#ffb84d);text-align:center;margin:1.5rem 0 .5rem;padding-bottom:.35rem;font-size:1rem;font-weight:600}.game-icon-card{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:100%;color:var(--text);flex-direction:column;justify-content:center;align-items:center;padding:0;font-family:inherit;transition:border-color .2s,transform .1s;display:flex;position:relative;overflow:hidden}.game-icon-card:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px)}.game-icon-card:active:not(:disabled){transform:scale(.97)}.game-icon-card:disabled{opacity:.5;cursor:not-allowed}.game-icon-img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;display:block}.game-icon-fallback-text{aspect-ratio:1;width:100%;color:var(--text-dim);text-align:center;word-break:break-word;justify-content:center;align-items:center;padding:.5rem;font-size:.8rem;display:flex}.game-icon-id{color:#fff;pointer-events:none;background:#0009;border-radius:999px;padding:.1rem .45rem;font-size:.7rem;font-weight:600;line-height:1.4;position:absolute;top:6px;left:6px}.game-icon-name{color:var(--text-dim);text-align:center;word-break:break-word;padding:.2rem .3rem;font-size:.7rem;line-height:1.2}.game-icon-version{color:var(--primary);text-align:center;word-break:break-all;padding:0 .3rem .35rem;font-size:.85rem;font-weight:700;line-height:1.2}.modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:100%;max-width:20rem;padding:1.5rem;box-shadow:0 10px 40px #0000004d}.modal-msg{color:var(--text);margin:0 0 1.2rem;font-size:.95rem;line-height:1.5}.modal-btn{border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;border:none;min-width:6rem;padding:.5rem 1.2rem;font-family:inherit;font-size:.9rem}.modal-btn:hover{background:var(--primary-hover)}.lobby-wide{flex-direction:column;align-items:stretch;padding:0}.settings-section,.games-section{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.games-section{padding-top:0}.headline{color:var(--heading);border-bottom:3px solid var(--accent);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.8rem;font-weight:500;display:flex}.headline-tag{color:#fff;background:var(--accent);border-radius:999px;padding:.1rem .7rem;font-size:.85rem;font-weight:500}.headline-tag--switch{appearance:none;width:auto;box-shadow:none;font-family:inherit;line-height:inherit;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23fff' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:10px 6px;border:none;border-radius:999px;flex:none;margin:0;padding:.1rem 1.6rem .1rem .7rem}.headline-tag--switch:hover{filter:brightness(1.08)}.headline-tag--switch:focus{box-shadow:none;border:none}.headline-tag--switch:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.headline-tag--switch option{color:var(--text);background:var(--card-bg)}.card-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.gd-lobby .card-list>.card:only-child{max-width:560px}.gd-hint{color:#94a3b8;font-size:.85rem}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.card h3{color:var(--heading);margin-bottom:1rem;font-size:1.1rem;font-weight:500}.card .field:last-child{margin-bottom:0}.card .login-btn,.card .action-btn{margin-top:.5rem;margin-bottom:0}.card>.checkbox-inline{cursor:pointer;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.9rem;display:flex}.card>.checkbox-inline input{width:auto;margin:0}.custom-conn-row{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.custom-conn-row .checkbox-inline{cursor:pointer;align-items:center;gap:.4rem;margin:0;font-size:.9rem;display:flex}.custom-conn-row .checkbox-inline input{width:auto;margin:0}.card .fill-btn{white-space:nowrap;width:auto;margin:0;padding:.45rem .9rem}input:disabled{opacity:.5;cursor:not-allowed}.button-group{gap:.5rem;margin-top:.5rem;display:flex}.button-group .action-btn{flex:1;margin:0}.result-msg{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);min-height:3rem;box-shadow:var(--shadow);flex-direction:column;justify-content:center;gap:.5rem;margin:1.5rem 0;padding:.75rem 1rem;display:flex}.result-msg .status{margin-top:0}.error-popup-backdrop{z-index:300;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.error-popup{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);padding:1.5rem}.error-popup__msg{color:var(--status-err-text);word-break:break-word;white-space:pre-wrap;margin-bottom:1.25rem;line-height:1.5}.debug-section{background:var(--card-bg);border:1px solid var(--section-border);border-radius:var(--radius);margin-top:2rem;padding:1.5rem}.debug-section .headline{font-size:1.4rem}.debug-section__summary{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0;list-style:none}.debug-section__summary::-webkit-details-marker{display:none}.debug-section__summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:.6em;height:.6em;margin-left:auto;transition:transform .2s;transform:rotate(45deg)translateY(-25%)}.debug-section:not([open])>.debug-section__summary{border-bottom:none;padding-bottom:0}.debug-section[open]>.debug-section__summary{margin-bottom:1.5rem}.debug-section[open]>.debug-section__summary:after{transform:rotate(-135deg)translateY(-25%)}.debug-section__summary:hover{opacity:.85}.debug-section .card{border:1px solid var(--section-border)}.debug-section .reset-btn,.settings-section>.reset-btn{margin-top:1.5rem}.settings-section>.result-msg+.reset-btn{margin-top:0}.games-filter{max-width:320px}@media screen and (max-width:768px){.lobby{padding:1rem}.lobby-wide{padding:0}.settings-section,.games-section{padding:1rem}.card-list{grid-template-columns:1fr}.headline{font-size:1.4rem}.lobby-card{padding:1.5rem}.game-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.field-row{flex-direction:column;gap:0}}@media screen and (max-width:480px){.lobby{padding:.5rem}.lobby-card{padding:1rem}.game-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.ui-locale-float{max-width:6.5rem;padding:.4rem .5rem;top:8px;right:8px}}.tutorial-card{flex-direction:column;gap:1rem;display:flex}.tutorial-header{justify-content:space-between;align-items:center;display:flex}.tutorial-progress{color:var(--text);opacity:.7;font-size:.85rem;font-weight:600}.tutorial-exit{color:var(--text);opacity:.6;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.85rem}.tutorial-exit:hover{opacity:1;text-decoration:underline}.tutorial-dots{counter-reset:none;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}.tutorial-dot{border:2px solid var(--border);width:2rem;height:2rem;color:var(--text);opacity:.55;background:var(--card-bg);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.tutorial-dot.is-active{border-color:var(--accent,#4f8cff);color:var(--accent,#4f8cff);opacity:1}.tutorial-dot.is-done{background:var(--accent,#4f8cff);border-color:var(--accent,#4f8cff);color:#fff;opacity:1}.tutorial-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.tutorial-desc{color:var(--text);opacity:.75;margin:0;font-size:.9rem;line-height:1.5}.tutorial-nav{justify-content:space-between;gap:.75rem;margin-top:.5rem;display:flex}.tutorial-nav .action-btn{flex:1}
