.hint-arrows[data-v-0ad1817b]{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none}.board-move-badge.badge-other-side[data-v-0ad1817b]{right:auto;left:3%;top:3%}.expression-picker[data-v-60fa7cc5]{position:absolute;bottom:calc(100% + 8px);left:0;width:min(440px,100%);max-width:calc(100vw - 24px);padding:12px;border:1px solid #dce3d2;border-radius:12px;background:#fdfdf8;color:#3d4934;box-shadow:0 12px 40px #27352130;z-index:30}.expression-picker-heading[data-v-60fa7cc5]{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:14px}.expression-picker-heading small[data-v-60fa7cc5]{font-size:10px;font-weight:400;color:#849077;margin-left:5px}.expression-picker-heading button[data-v-60fa7cc5]{min-width:30px;min-height:30px}.expression-filters[data-v-60fa7cc5]{display:flex;gap:8px;margin-bottom:10px}.expression-filters>div[data-v-60fa7cc5]{display:flex;align-items:center;gap:5px;flex:1;min-width:0;border:1px solid #dce3d2;border-radius:7px;padding:0 8px;background:#fff}.expression-filters input[data-v-60fa7cc5]{min-width:0;flex:1;width:0;border:0;background:transparent;padding:9px 0;margin:0;font-size:12px}.expression-filters select[data-v-60fa7cc5]{width:112px;margin:0;padding:8px 6px;border:1px solid #dce3d2;border-radius:7px;font-size:12px;background:#fff}.expression-grid[data-v-60fa7cc5]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:254px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:3px}.expression-grid button[data-v-60fa7cc5]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 2px;border-radius:8px;min-width:0;background:#f3f4eb}.expression-grid button[data-v-60fa7cc5]:hover{background:#e3ecd7}.expression-grid button[data-v-60fa7cc5]:focus-visible{outline:2px solid #789660;outline-offset:0}.expression-grid img[data-v-60fa7cc5]{width:100%;height:62px;object-fit:contain}.expression-grid span[data-v-60fa7cc5]{font-size:10px;line-height:1.4;min-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.expression-empty[data-v-60fa7cc5]{padding:28px 0;text-align:center;font-size:12px;color:#87927b}@media(max-width:480px){.expression-grid[data-v-60fa7cc5]{grid-template-columns:repeat(4,minmax(0,1fr));max-height:230px}.expression-grid img[data-v-60fa7cc5]{height:56px}.expression-picker[data-v-60fa7cc5]{padding:10px}.expression-filters select[data-v-60fa7cc5]{width:106px}}.expression-picker[data-v-60fa7cc5]{display:flex;flex-direction:column;max-height:calc(100dvh - 20px)}.expression-picker-heading[data-v-60fa7cc5],.expression-filters[data-v-60fa7cc5]{flex-shrink:0}.expression-grid[data-v-60fa7cc5]{min-height:0;flex:1}.interaction-picker[data-v-9d086075]{position:absolute;bottom:calc(100% + 8px);left:0;width:min(360px,100%);padding:14px;background:#fffdf8;border:1px solid #dce2d2;box-shadow:0 10px 35px #26341b26;border-radius:12px;z-index:30}.interaction-picker header[data-v-9d086075]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px}.interaction-target[data-v-9d086075]{display:flex;align-items:center;gap:10px}.interaction-target label[data-v-9d086075]{margin:0;font-size:12px}.interaction-target select[data-v-9d086075]{flex:1;min-width:0;padding:9px;font-size:13px}.interaction-options[data-v-9d086075]{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.interaction-options button[data-v-9d086075]{display:flex;min-height:78px;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background:#f2f1e8;gap:4px;font-size:12px}.interaction-options button[data-v-9d086075]:hover{background:#e5ecd9}.interaction-options img[data-v-9d086075]{width:34px;height:34px}.interaction-options strong[data-v-9d086075]{font-size:22px;color:#c29234}.interaction-effect[data-v-a7c23b92]{position:absolute;width:170px;height:190px;transform:translate(-50%,-36%);isolation:isolate}.interaction-effect.large[data-v-a7c23b92]{left:50%;top:46%;width:min(120vw,860px);height:min(95dvh,860px);transform:translate(-50%,-50%)}canvas[data-v-a7c23b92]{display:block;width:100%;height:100%}.interaction-caption[data-v-a7c23b92]{position:absolute;top:85%;left:50%;transform:translate(-50%);padding:4px 9px;border-radius:14px;background:#243126dc;color:#fff;font-size:10px;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis;animation:caption-in-a7c23b92 .5s .4s both}.large .interaction-caption[data-v-a7c23b92]{top:88%;font-size:13px;padding:8px 15px}@keyframes caption-in-a7c23b92{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.interaction-caption[data-v-a7c23b92]{animation:none}}.interaction-effects[data-v-5142ae76]{pointer-events:none;position:fixed;inset:0;z-index:180;overflow:hidden}.interaction-record[data-v-a88e0f23]{display:flex;align-items:center;gap:7px;min-height:30px}.interaction-record>img[data-v-a88e0f23]{width:28px;height:28px;object-fit:contain}.interaction-record>strong[data-v-a88e0f23]{color:#b98a32;font-size:18px}.danmaku-board[data-v-a88e0f23]{position:relative;container-type:inline-size}.danmaku-overlay[data-v-a88e0f23]{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:12;border-radius:4px}.flying-message[data-v-a88e0f23]{position:absolute;left:100%;white-space:nowrap;display:flex;align-items:center;gap:5px;font-size:clamp(13px,2.8cqw,18px);font-weight:650;color:#fff;text-shadow:0 1px 3px #000,1px 0 2px #000,-1px 0 2px #000;animation:fly-a88e0f23 8s linear forwards}.flying-message b[data-v-a88e0f23]{font-weight:650}.flying-expression[data-v-a88e0f23]{width:clamp(44px,12cqw,72px);height:clamp(44px,12cqw,72px);object-fit:contain;filter:drop-shadow(0 1px 2px #0004)}@keyframes fly-a88e0f23{to{transform:translate(calc(-100% - 100cqw))}}.danmaku-panel[data-v-a88e0f23]{position:relative;margin-top:12px;padding:14px;background:var(--surface,#fffdf8);border:1px solid #e2e4da;border-radius:10px}.danmaku-heading[data-v-a88e0f23],.danmaku-heading>span[data-v-a88e0f23],.danmaku-heading label[data-v-a88e0f23],.danmaku-form[data-v-a88e0f23]{display:flex;align-items:center;gap:8px}.danmaku-heading[data-v-a88e0f23]{justify-content:space-between;margin-bottom:10px;font-size:14px}.danmaku-heading label[data-v-a88e0f23]{font-size:12px;color:#6c7568;cursor:pointer}.danmaku-heading input[data-v-a88e0f23]{width:auto;margin:0}.danmaku-form input[data-v-a88e0f23]{min-width:0;flex:1;width:0}.danmaku-form button[data-v-a88e0f23]{flex-shrink:0}.expression-toggle[data-v-a88e0f23]{display:grid;place-items:center;width:36px;min-height:42px;border-radius:7px;color:#71865b}.expression-toggle[data-v-a88e0f23]:hover,.expression-toggle.active[data-v-a88e0f23]{background:#e9efdf}.selected-expression[data-v-a88e0f23]{display:flex;align-items:center;gap:9px;margin-bottom:9px;padding:7px 9px;background:#f0f3e7;border-radius:8px}.selected-expression>img[data-v-a88e0f23]{width:54px;height:54px;object-fit:contain}.selected-expression>span[data-v-a88e0f23]{font-size:12px;overflow-wrap:anywhere}.selected-expression button[data-v-a88e0f23]{margin-left:auto;flex-shrink:0}.expression-error[data-v-a88e0f23]{font-size:11px;color:#9c7158;margin-bottom:0}.expression-error button[data-v-a88e0f23]{text-decoration:underline}.danmaku-history[data-v-a88e0f23]{margin-top:10px;font-size:12px;color:#6c7568}.danmaku-history summary[data-v-a88e0f23]{cursor:pointer}.danmaku-messages[data-v-a88e0f23]{max-height:220px;overflow:auto;overflow-wrap:anywhere;padding-right:4px}.danmaku-record[data-v-a88e0f23]{display:flex;gap:10px;align-items:flex-start;margin:12px 0}.danmaku-record>b[data-v-a88e0f23]{flex-shrink:0;color:#4e6641;line-height:1.8}.danmaku-record>div[data-v-a88e0f23]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.danmaku-record span[data-v-a88e0f23]{white-space:pre-wrap}.history-expression[data-v-a88e0f23]{display:block;width:76px;height:76px;object-fit:contain}@media(max-width:480px){.danmaku-form[data-v-a88e0f23]{gap:6px}.expression-toggle[data-v-a88e0f23]{width:30px}.danmaku-form>.secondary[data-v-a88e0f23]{padding:11px 10px}.danmaku-form input[data-v-a88e0f23]{font-size:13px;padding:11px 8px}.history-expression[data-v-a88e0f23]{width:66px;height:66px}}@media(prefers-reduced-motion:reduce){.danmaku-overlay[data-v-a88e0f23]{display:none}}.takeback-dialog[data-v-52aa7988]{margin:auto;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;border:1px solid #dce4cf;border-radius:16px;padding:28px;background:#fdfdf8;color:#3d4934;box-shadow:0 24px 80px #17231740}.takeback-dialog[data-v-52aa7988]::backdrop{background:#26332680;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.takeback-dialog-icon[data-v-52aa7988]{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#eaf0df;color:#718b56}.takeback-dialog h2[data-v-52aa7988]{font-size:22px;margin:20px 0 12px;overflow-wrap:anywhere}.takeback-dialog p[data-v-52aa7988]{font-size:14px;line-height:1.7;margin:0 0 24px}.takeback-dialog .takeback-dialog-error[data-v-52aa7988]{color:#a44935;margin-bottom:16px}.confirm-actions button[data-v-52aa7988]{min-height:44px;flex:1}.win-probability-bar[data-v-9e1eaaed]{width:24px;min-height:0;display:flex;flex-direction:column;border:1px solid #cbd2c3;border-radius:4px;overflow:hidden;background:#dce1d5}.win-probability-bar>span[data-v-9e1eaaed]{flex-basis:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:flex-grow .4s ease}.win-probability-bar b[data-v-9e1eaaed]{font-size:9px;font-weight:650;white-space:nowrap}.black[data-v-9e1eaaed]{background:#343c31;color:#fff}.white[data-v-9e1eaaed]{background:#f9f8ef;color:#42533a}.draw[data-v-9e1eaaed]{background:#a8b69a;color:#263623}.xiangqi .white[data-v-9e1eaaed]{background:#b45b46;color:#fff}.unknown[data-v-9e1eaaed]{position:relative;background:repeating-linear-gradient(135deg,#e2e6dc 0 8px,#eef0e9 8px 16px)}.win-probability-bar .unknown-mark[data-v-9e1eaaed]{position:absolute;inset:0;font-size:12px;color:#7c8972}@media(prefers-reduced-motion:reduce){.win-probability-bar>span[data-v-9e1eaaed]{transition:none}}.win-chart[data-v-e61432a0]{padding:16px 18px 8px;border-top:1px solid #e3e4db}.win-chart-heading[data-v-e61432a0],.win-chart-legend[data-v-e61432a0]{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:12px}.win-chart-heading span[data-v-e61432a0],.win-chart-legend[data-v-e61432a0],.win-chart-pending[data-v-e61432a0]{color:#7c8972;font-size:11px}.refining-label[data-v-e61432a0]{font-size:10px;font-weight:400;color:#8c987d;margin-left:5px}.win-line[data-v-e61432a0]{transition:stroke .3s}.white-point[data-v-e61432a0],.black-point[data-v-e61432a0],.red-point[data-v-e61432a0]{transition:cy .45s}.red-label[data-v-e61432a0]{color:#b45b46}.win-chart-pending[data-v-e61432a0]{margin:0 0 12px}.white-label[data-v-e61432a0]{color:#65834e}.black-label[data-v-e61432a0]{color:#394235}svg[data-v-e61432a0]{display:block;width:100%;overflow:visible;cursor:crosshair;touch-action:pan-y}svg[data-v-e61432a0]:focus-visible{outline:2px solid #91b589;outline-offset:3px;border-radius:4px}svg text[data-v-e61432a0]{font-size:9px;fill:#919a87}.grid-line[data-v-e61432a0]{stroke:#e3e7dd;stroke-dasharray:3 4}.win-line[data-v-e61432a0]{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.white-line[data-v-e61432a0]{stroke:#759352}.black-line[data-v-e61432a0]{stroke:#3f4938}.red-line[data-v-e61432a0]{stroke:#b45b46}.cursor-line[data-v-e61432a0]{stroke:#99a48a;stroke-width:1;stroke-dasharray:3 3}.white-point[data-v-e61432a0]{fill:#759352}.black-point[data-v-e61432a0]{fill:#3f4938}.red-point[data-v-e61432a0]{fill:#b45b46}.consent-dialog[data-v-0e3813c6]{border:1px solid #d9dfce;border-radius:16px;padding:28px;max-width:calc(100vw - 32px);width:370px;color:#333b33;background:#fafbf7;box-shadow:0 24px 80px #18241344}.consent-dialog[data-v-0e3813c6]::backdrop{background:#14211877}.consent-dialog h2[data-v-0e3813c6]{margin-top:0}.consent-dialog p[data-v-0e3813c6]{font-size:14px;line-height:1.8}.consent-dialog button[data-v-0e3813c6]{min-height:44px}.invite-link-dialog[data-v-635c89be]{width:min(460px,calc(100vw - 30px));padding:24px;border:1px solid #dce2d2;border-radius:13px;background:#fffdf8;color:#384731}.invite-link-dialog[data-v-635c89be]::backdrop{background:#18221680}.invite-link-dialog>div[data-v-635c89be]{display:flex;align-items:center;justify-content:space-between;gap:15px}.invite-link-dialog h3[data-v-635c89be]{margin:0}.invite-link-dialog p[data-v-635c89be]{font-size:13px;line-height:1.7;color:#76816c}.invite-link-dialog input[data-v-635c89be]{font-size:16px;width:100%;margin:3px 0 20px}.invite-link-dialog>.primary[data-v-635c89be]{display:block;margin-left:auto}:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#333b33;background:#f6f5f0;font-synthesis:none;font-weight:400;--green: #42634b;--muted: #8a8d82;--line: #e3e4db}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #91b589;outline-offset:3px}a{text-decoration:none;color:inherit}button{transition:background .18s,color .18s,transform .18s}input,select{width:100%;padding:13px 15px;border:1px solid #dddfd4;border-radius:6px;background:#fafbf7;color:#333b33;outline:none}input:focus,select:focus{border-color:#668763;box-shadow:0 0 0 3px #66876317}label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}label small{font-weight:400;color:#999;margin-left:5px}h1,h2,h3,p{margin:0}h1{font-size:46px;letter-spacing:-1.8px;font-weight:650;line-height:1.35}h2{font-size:24px;font-weight:600;letter-spacing:-.7px}h3{font-size:15px;font-weight:600}.italic{font-family:Georgia,KaiTi,serif;font-weight:400;color:#587253}p{color:#83877d;font-size:14px;line-height:1.9}.header{height:88px;max-width:1400px;margin:auto;padding:0 5.4%;display:flex;align-items:center;gap:52px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:25px;letter-spacing:-1.2px;font-weight:650}.brand>span:not(.brand-mark){font-weight:400}.brand-mark{display:grid;place-items:center;background:#42634b;color:#fff;width:35px;height:35px;border-radius:9px;margin-right:10px;transform:rotate(-5deg)}.brand sup{font-size:8px;letter-spacing:1.4px;align-self:flex-start;margin:4px 0 0 10px;color:#8b9081;font-weight:500}.header nav{display:flex;align-items:center;gap:26px;font-size:13px;height:100%}.header nav button{height:100%;position:relative}.header nav button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--green)}.nav-note{color:#a2a497;font-size:11px}.user-menu{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:13px}.online-dot{display:inline-block;width:7px;height:7px;background:#7b9b64;border-radius:50%;flex-shrink:0}.admin-tag{font-size:10px;padding:3px 7px;border:1px solid #dedfd4;color:#848c76;border-radius:4px}.icon-button{display:grid;place-items:center;padding:8px;border-radius:5px}.icon-button:hover{background:#e9ece2}.header-note{margin-left:auto;color:#929788;font-size:12px}.lobby{max-width:1170px;margin:auto;padding:52px 30px 0}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2px;color:#829273;font-weight:600;margin-bottom:17px}.hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.hero p{margin-top:13px;font-size:13px}.hero-aside{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:1.6px;line-height:1.8;color:#9a9f8e}.hero-aside b{color:#607255;font-weight:500}.hero-line{width:35px;height:1px;background:#b4bba8}.decor-knight{font-size:83px;line-height:1;color:#d6dccd;margin-left:23px;transform:rotate(-12deg)}.game-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:49px}.game-card{position:relative;overflow:hidden;min-height:255px;border-radius:10px;background:#e9eee3;border:1px solid #e0e6d8;padding:28px;display:flex}.game-card.xiangqi{background:#eee9df;border-color:#e6dfd2}.game-card-copy{position:relative;z-index:2;width:62%}.little-label{font-size:9px;letter-spacing:2px;color:#859279;font-weight:600}.game-card .little-label>span{font-size:8px;letter-spacing:1px;margin-left:12px;opacity:.6}.game-card h2{font-size:28px;margin-top:20px}.game-card p{font-size:11px;line-height:1.9;margin-top:9px;max-width:190px;color:#8d9583}.game-create{display:flex;gap:32px;align-items:center;font-size:12px;font-weight:600;color:#4a6746;margin-top:30px;padding:0}.game-create:hover{color:#1b3f18;transform:translate(3px)}.xiangqi .game-create{color:#877249}.card-board{position:absolute;width:236px;right:-35px;top:34px;transform:rotate(-12deg);box-shadow:0 12px 25px #5563461a;border:6px solid #f4f5ed;border-radius:4px;opacity:.88;pointer-events:none}.card-board:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e9eee340,transparent)}.xiangqi .card-board{width:205px;top:19px;right:-14px;transform:rotate(10deg);border-color:#e6d8bc}.card-index{position:absolute;bottom:20px;right:24px;font:italic 14px Georgia;color:#8b957966}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-top h2{font-size:19px;display:flex;align-items:center;gap:10px}.count{font-size:11px;padding:2px 7px;background:#e8ebdf;border-radius:5px;color:#7a856a;font-weight:400;letter-spacing:0}.section-top p{font-size:11px;margin-top:6px}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d8decf;background:#f9faf4;border-radius:5px;padding:10px 14px;color:#667757;font-size:12px}.secondary:hover{background:#eaf0e1}.room-filters{display:flex;gap:24px;border-bottom:1px solid var(--line);height:40px;align-items:flex-start}.room-filters>button{font-size:12px;color:#92998a;padding:0 0 15px;position:relative}.room-filters>button.active{color:#4d6742;font-weight:600}.room-filters>button.active:after{content:"";position:absolute;bottom:0;height:2px;background:#617e50;left:0;right:0}.sync{margin-left:auto;display:flex;gap:6px;align-items:center;font-size:10px;color:#9aab88}.empty-rooms{display:flex;align-items:center;gap:22px;min-height:154px;padding:27px 38px;background:#fafaf6;border:1px dashed #dcded2;border-radius:7px;margin-top:20px}.empty-icon{height:58px;width:58px;display:grid;place-items:center;background:#f0f2e9;border-radius:50%;color:#9da98d}.empty-rooms h3{font-size:13px;color:#7d8870}.empty-rooms p{font-size:11px;margin-top:4px;color:#a2a895}.empty-rooms>button{display:flex;gap:14px;align-items:center;font-size:12px;color:#6c8259;margin-left:auto}.room-list{border-bottom:1px solid var(--line)}.room-row{display:flex;align-items:center;width:100%;padding:20px 8px;border-bottom:1px solid var(--line);gap:17px;text-align:left}.room-row:last-child{border:0}.room-row:hover{background:#edf0e7}.room-entry{white-space:nowrap;flex-shrink:0;font-size:12px;color:#61764c}.room-type{height:43px;width:43px;border-radius:7px;display:grid;place-items:center;font-size:32px;background:#e8ecdf;color:#61764c}.room-type.xiangqi{background:#ede5d8;color:#9b7858;font-size:22px;font-family:KaiTi,serif}.room-description{display:flex;flex-direction:column;gap:6px;min-width:0}.room-description b{font-size:13px;overflow:hidden;text-overflow:ellipsis;max-width:270px;white-space:nowrap}.room-description>span{font-size:10px;color:#929a86}.room-players{font-size:12px;margin-left:auto;color:#738063}.room-players span{font-size:10px;color:#b0b5a6;margin:0 9px}.room-state{font-size:10px;color:#8d9783;display:flex;gap:6px;align-items:center;margin:0 15px}.room-state i{width:5px;height:5px;border-radius:50%;background:#b7baad}.room-state.waiting{color:#6d8d50}.room-state.waiting i{background:#84a16a}.lobby-bottom{display:flex;align-items:center;justify-content:space-between;margin:31px 0 42px;font-size:10px;color:#a0a895}.lobby-bottom>span{display:flex;gap:9px;align-items:center}.lobby-bottom>div{display:flex;gap:13px}.lobby-bottom i{font-style:normal;color:#bdc4b4}footer{display:flex;max-width:1110px;justify-content:space-between;margin:0 auto;padding:20px 0 25px;border-top:1px solid var(--line);font-size:9px;color:#b0b3a5;letter-spacing:.4px}.footer-dot{font-size:8px;color:#9bac87;margin-left:7px}.primary{background:var(--green);color:#fff;border-radius:6px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px}.primary:hover{background:#34573d}.wide{width:100%}.login-layout{max-width:1110px;min-height:700px;padding:62px 20px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:100px;margin:auto}.login-story h1{font-size:55px}.login-story>p{margin-top:20px;font-size:13px}.tiny-line{width:23px;height:1px;background:#829273}.login-art{width:256px;margin:24px 0 0 90px;transform:rotate(-9deg);position:relative;box-shadow:0 20px 50px #55634614;border:8px solid #fff;border-radius:5px}.login-art .game-board{pointer-events:none}.art-badge{display:flex;align-items:center;gap:10px;padding:15px 18px;background:#f9faf3;box-shadow:0 6px 20px #3331;position:absolute;right:-100px;bottom:24px;transform:rotate(9deg);font-size:39px;color:#718660;border:1px solid #e5e9dc;border-radius:5px}.art-badge span{font-size:8px;letter-spacing:1px;line-height:1.8;color:#8b957c}.art-badge b{font-weight:500;color:#60744e}.login-card{padding:39px 35px;background:#fffefa;border:1px solid #e8e8df;border-radius:12px;box-shadow:0 12px 50px #454e3610}.login-card h2{font-size:31px;margin-top:18px}.login-card>p{font-size:12px;margin:10px 0 29px}.quick-accounts{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 24px}.quick-accounts button{display:flex;align-items:center;gap:18px;background:#f0f3e9;border-radius:4px;padding:6px 10px;font-size:11px;color:#7a8c65}.login-foot{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#8c977e;border-top:1px solid #eee;margin-top:25px;padding-top:22px}.login-card>p.login-small{font-size:10px;text-align:center;color:#acb19f;margin:12px 0 0}.loading{height:70vh;display:flex;align-items:center;justify-content:center;gap:10px;color:#859279}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-board{position:relative;container-type:inline-size;-webkit-text-size-adjust:100%;text-size-adjust:100%;width:100%;aspect-ratio:1;border-radius:3px;overflow:hidden;box-shadow:0 2px 6px #1d2b161c;background:#e5c89b;isolation:isolate}.board-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),minmax(0,1fr));height:100%;position:relative;z-index:1}.board-with-evaluation{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:stretch}.board-flip-top{margin-left:auto;flex-shrink:0}.saved-room-row{display:flex;align-items:center;gap:8px}.saved-room-row>.room-row{flex:1;min-width:0}.saved-room-row>.icon-button{flex-shrink:0}.saved-game-actions{display:flex;gap:8px;padding:12px 18px;flex-wrap:wrap}.saved-game-actions>button{flex:1;justify-content:center;white-space:nowrap}.fork-preview{width:min(240px,100%);margin:18px auto;text-align:center}.fork-preview>span{display:block;margin-top:8px;font-size:12px;color:#7c8972}.square{position:relative;padding:0;aspect-ratio:1;display:grid;place-items:center;min-width:0;min-height:0;border-radius:0;-webkit-user-select:none;user-select:none;touch-action:manipulation}.chess .square{background:#eee9d5}.chess .square.dark{background:#8da078}.chess .square.last{background:#c8ce82}.chess .square.dark.last{background:#a8b66a}.chess .square.selected{background:#bbca68}.square.target:after{content:"";position:absolute;width:27%;height:27%;border-radius:50%;background:#30452238;z-index:3;pointer-events:none}.square.target:has(.piece):after{width:85%;height:85%;border:5px solid #30452250;background:transparent}.piece{position:absolute;width:94%;height:94%;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2}.xiangqi .piece{width:96%;height:96%}.palette button>img{width:88%;height:88%;object-fit:contain;pointer-events:none}.rank,.file{position:absolute;font-size:10px;font-weight:650;color:#5f7450;line-height:1}.rank{top:4px;left:4px}.file{bottom:3px;right:4px}.dark .rank,.dark .file{color:#f5f0db}.xiangqi.game-board{aspect-ratio:9/10;background:#f0d09a;border-radius:5px;box-shadow:0 2px 4px #5f44282b,0 9px 22px #5f442810}.xiangqi-lines{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.xiangqi-lines.flipped{transform:rotate(180deg)}.xiangqi .square{background:transparent}.xiangqi .square.last{background:radial-gradient(circle,#7e97593d 0 57%,transparent 72%)}.xiangqi .square.selected{background:radial-gradient(circle,#69844f70 0 57%,transparent 73%)}.play-layout{max-width:1120px;margin:25px auto 50px;padding:0 25px}.play-top{display:flex;align-items:center;gap:30px;margin-bottom:16px;font-size:11px;color:#929a85}.play-top>span:not(.sync){display:flex;align-items:center;gap:10px}.text-button{display:flex;align-items:center;gap:6px;color:#69805c;font-size:12px;padding:5px 0}.play-grid{display:grid;grid-template-columns:minmax(0,620px) minmax(270px,1fr);gap:35px;align-items:start}.player-strip{display:flex;align-items:center;gap:11px;height:65px}.avatar{display:grid;place-items:center;background:#e3e7db;border-radius:7px;width:37px;height:37px;color:#7b876b;font-size:17px}.avatar.own{background:#dce5d0;color:#567143}.player-strip>div{display:flex;flex-direction:column;gap:5px}.player-strip b{font-size:13px;font-weight:600}.player-strip span:not(.avatar){font-size:10px;color:#929b87}.player-strip .icon-button,.awaiting{margin-left:auto}.player-strip small{font-size:9px;color:#8b9c79;font-weight:400;margin-left:4px}.game-sidebar{background:#fdfdf8;border:1px solid #e2e6d9;border-radius:8px;margin-top:65px;overflow:hidden}.sidebar-heading{padding:24px}.sidebar-heading h2{font-size:20px;margin:11px 0 6px;overflow-wrap:anywhere}.sidebar-heading p{font-size:10px}.game-status{padding:16px 21px;background:#eaf0df;color:#637d4d;font-size:13px;display:flex;gap:9px;align-items:center;font-weight:600}.game-status.done{background:#dce8cc}.invite-panel{text-align:center;padding:25px 15px 22px;border-bottom:1px solid #eef0e5;color:#9caa8a}.invite-panel svg{margin-bottom:10px}.invite-panel h3{font-size:13px;color:#7e8e6c;margin:0 0 8px}.invite-panel p{font-size:11px;margin-bottom:16px}.invite-panel button svg{margin:0}.moves-heading{display:flex;justify-content:space-between;font-size:10px;color:#899779;padding:17px 20px;border-bottom:1px solid #eef0e5}.moves-list{height:170px;overflow:auto;padding:7px 0}.no-moves{font-size:11px;text-align:center;padding-top:35px;color:#b1b7a6}.move-pair{display:grid;grid-template-columns:35px 1fr 1fr;font-size:11px;padding:9px 17px;gap:6px}.move-pair:nth-child(odd){background:#f3f5eb}.move-pair>span:first-child{color:#a3ab96}.game-actions{display:flex;border-top:1px solid #e8ecdf}.game-actions button{width:50%;display:flex;align-items:center;justify-content:center;gap:9px;padding:17px 10px;font-size:12px;color:#839371}.game-actions button+button{border-left:1px solid #e8ecdf}.game-actions button:hover{background:#eef1e6}.leave-button{width:100%;padding:14px;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #e8ecdf;color:#989d8c;font-size:11px}.room-tip{font-size:9px;background:#f5f6ee;padding:13px 15px;text-align:center;color:#a6ad99}.draw-request{font-size:11px;padding:12px;background:#f1ead4;display:flex;gap:10px;align-items:center}.draw-request span{margin-right:auto}.draw-request button{color:#587643;text-decoration:underline}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#26332666;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto}.modal{position:relative;background:#fdfdf8;width:470px;max-width:100%;border-radius:12px;padding:33px;box-shadow:0 30px 100px #17231733;max-height:92dvh;overflow:auto}.modal.editor{width:800px}.modal.small{width:390px}.modal h2{margin-top:14px}.modal-intro{font-size:12px;margin:9px 0 24px}.modal-close{position:absolute;top:15px;right:15px;color:#909c83}.type-picker{display:flex;gap:10px;margin-bottom:25px}.type-picker button{border:1px solid #e1e5d7;border-radius:6px;width:50%;padding:13px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:12px}.type-picker button span{font-size:24px}.type-picker button.active{border-color:#809b6a;background:#f0f4e7;color:#5b764a}.toggle-row{display:flex;align-items:center;gap:12px;margin:24px 0;font-weight:400;cursor:pointer}.toggle-row>span:first-child{display:flex;flex-direction:column;gap:7px}.toggle-row b{font-size:13px;font-weight:600}.toggle-row small{font-size:10px;color:#a1aa92;margin:0}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.toggle{margin-left:auto;width:36px;height:21px;border-radius:15px;background:#d7ddce;position:relative}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .2s}.toggle-row input:checked+.toggle{background:#7e9a65}.toggle-row input:checked+.toggle:after{transform:translate(15px)}.toggle-row input:focus-visible+.toggle{outline:2px solid #42634b}.side-picker{display:flex;gap:10px;margin:25px 0}.side-picker button{width:33.33%;border:1px solid #e1e5d7;border-radius:7px;display:flex;align-items:center;flex-direction:column;padding:20px 8px;gap:10px}.side-picker button.active{border-color:#7b9866;background:#edf3e4}.side-picker button>span{font:40px Segoe UI Symbol,KaiTi,serif;color:#414c36}.side-picker button>span.white{color:#faf9ed;-webkit-text-stroke:1px #68765a}.side-picker b{font-size:12px;font-weight:500}.side-picker small{font-size:9px;color:#99a18c}.create-summary{padding:13px;background:#f0f3e9;display:flex;gap:8px;align-items:center;font-size:11px;color:#879975;margin:0 0 22px;border-radius:5px}.back-step{display:block;margin:15px auto 0;font-size:11px;color:#95a087}.editor-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;margin-bottom:25px;align-items:start}.editor-tools>.little-label{font-size:10px;letter-spacing:.5px}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:14px 0}.palette button{aspect-ratio:1;border:1px solid #d8dfcc;border-radius:4px;font:25px Segoe UI Symbol,KaiTi,serif;display:grid;place-items:center;background:#f0f2e7}.palette button.active{background:#cfdcbb;border-color:#7e9b64}.palette button.red{color:#a44935}.palette button.light{color:#fffef4;-webkit-text-stroke:1px #68765a}.editor-buttons{display:flex;gap:10px;margin-bottom:22px;font-size:11px}.editor-buttons button{padding:7px;background:#edf0e4;border-radius:4px}.editor-tools p{font-size:10px;margin-top:14px}.promotion-options{display:flex;gap:10px;margin:20px 0}.promotion-options button{font:45px Segoe UI Symbol,serif;padding:12px;background:#eaf0df;border-radius:6px;flex:1}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.modal.small p{margin-top:14px;font-size:12px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);max-width:90%;background:#42634b;color:#fff;box-shadow:0 4px 20px #0002;padding:14px 20px;border-radius:7px;z-index:100;font-size:13px;display:flex;align-items:center;gap:14px}.toast.error{background:#8d4c3c}.toast button{display:grid;place-items:center;padding:0;color:inherit}@media(min-width:1400px){.lobby{padding-top:65px}.hero{margin-bottom:40px}.game-card{min-height:275px}.game-cards{margin-bottom:55px}}@media(max-width:1000px){.header{gap:25px;padding:0 30px}.brand sup,.nav-note{display:none}.lobby{padding-top:40px}.game-card{padding:23px;min-height:240px}.game-card-copy{width:65%}.game-card h2{font-size:24px}.card-board{right:-80px}.xiangqi .card-board{right:-55px}.hero-aside{display:none}.login-layout{gap:60px;padding:50px 30px}.login-story h1{font-size:45px}.login-art{margin-left:20px;width:220px}.art-badge{right:-45px}.play-grid{gap:22px;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.play-layout{padding:0 20px}footer{margin:0 30px}.room-players{display:none}.editor-layout{grid-template-columns:1.3fr 1fr}}@media(max-width:680px){.header{height:70px;padding:0 20px;gap:18px}.brand{font-size:21px}.brand-mark{width:30px;height:30px;margin-right:7px}.header nav{display:none}.user-menu{gap:6px;font-size:12px}.admin-tag{font-size:8px;padding:3px 5px}.header-note{display:none}.lobby{padding:32px 20px 0}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero{margin-bottom:28px}h1{font-size:33px;letter-spacing:-1.4px}.hero p{font-size:11px;margin-top:10px}.game-cards{grid-template-columns:1fr;gap:15px;margin-bottom:32px}.game-card{min-height:218px;padding:23px}.game-card h2{font-size:25px;margin-top:16px}.game-card p{max-width:170px}.card-board{width:215px;right:-33px;top:22px}.xiangqi .card-board{width:185px;right:-9px;top:6px}.game-card-copy{width:62%}.game-create{margin-top:23px}.section-top h2{font-size:17px}.section-top .secondary{padding:9px;font-size:10px}.section-top p{font-size:10px}.room-filters{gap:21px}.room-filters>button{font-size:11px}.sync{font-size:9px}.empty-rooms{padding:24px 16px;gap:14px;flex-wrap:wrap}.empty-icon{width:42px;height:42px}.empty-rooms h3{font-size:12px}.empty-rooms p{font-size:10px}.empty-rooms>button{font-size:11px}.lobby-bottom{margin:24px 0 30px;gap:14px;flex-wrap:wrap;font-size:9px}.lobby-bottom>div{padding-left:27px;font-size:8px}.room-row{gap:10px}.room-type{width:35px;height:35px;flex-shrink:0}.room-description b{max-width:160px;font-size:12px}.room-description>span{font-size:8px}.room-state{margin:0 0 0 auto;font-size:9px;white-space:nowrap}.room-row>svg{display:none}.login-layout{grid-template-columns:1fr;gap:32px;padding:36px 24px;min-height:auto}.login-story h1{font-size:39px}.login-story h1 br{display:none}.login-story>p{font-size:11px;margin-top:12px}.login-art{display:none}.login-card{padding:26px}.login-card h2{font-size:27px}.login-card>p{margin-bottom:24px}.login-story .eyebrow{font-size:7px;letter-spacing:1px}.play-layout{padding:0 12px;margin:16px auto 35px}.play-top{gap:13px;font-size:9px}.play-top>span:not(.sync){max-width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-grid{grid-template-columns:1fr;gap:15px}.board-area{max-width:580px;width:100%;margin:auto}.player-strip{height:57px;padding:0 4px}.rank,.file{font-size:8px}.game-sidebar{margin-top:0}.sidebar-heading{padding:19px}.sidebar-heading h2{font-size:18px}.game-status{padding:14px 20px}.invite-panel{padding:20px}.moves-list{height:130px}.room-tip{font-size:9px}.modal-backdrop{padding:15px}.modal{padding:27px 22px;max-height:94dvh}.modal h2{font-size:23px}.editor-layout{grid-template-columns:1fr;gap:20px}.editor-layout .game-board{max-width:400px;margin:auto}.palette{grid-template-columns:repeat(7,1fr);gap:6px}.palette button{font-size:27px}.editor-buttons{margin-bottom:14px}.editor-tools p{margin-top:9px}.side-picker{gap:7px}.side-picker button{padding:18px 5px}.side-picker small{font-size:8px}footer{margin:0 20px;font-size:8px}.toast{font-size:12px;min-width:220px;bottom:20px}}.side-picker button>span.white.red{color:#a44935;-webkit-text-stroke:0}@media(min-width:681px)and (max-width:900px){.game-cards{grid-template-columns:1fr}.card-board{right:15px;top:15px;width:250px}.xiangqi .card-board{right:30px;top:5px;width:215px}}.square.moving-square{z-index:6}.game-actions button{flex:1;width:auto}.result-replay{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;font-size:11px;color:#6e8556;background:#f0f4e8}.takeback-request{padding:16px 20px;background:#eef2e4;border-top:1px solid #dce4cf}.takeback-request p{font-size:12px;color:#536c44;line-height:1.6;margin-bottom:12px}.takeback-request small{font-size:10px;color:#929d81}.takeback-request>div{display:flex;gap:8px}.takeback-request button{font-size:11px;padding:8px 12px}.result-backdrop{position:fixed;inset:0;z-index:35;display:flex;align-items:center;justify-content:center;padding:20px;background:#25332370;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:result-fade .35s ease both}.result-card{position:relative;overflow:hidden;width:400px;max-width:100%;padding:42px 30px 30px;text-align:center;border-radius:16px;background:#fafbf5;border:1px solid #e5eadc;box-shadow:0 30px 100px #17231740;animation:result-arrive .65s cubic-bezier(.16,1,.3,1) both}.result-close{position:absolute;top:12px;right:12px;color:#869477;z-index:2}.result-emblem{width:96px;height:96px;margin:0 auto 25px;display:grid;place-items:center;position:relative;color:#7c8e6b}.result-emblem span{position:absolute;inset:0;border:1px solid #dbe4cf;border-radius:50%;background:#edf2e4;animation:result-ring .9s ease both}.result-emblem svg{position:relative;animation:result-icon .9s cubic-bezier(.22,1.3,.45,1) both}.result-card.victory .result-emblem{color:#aa8740}.result-card.victory .result-emblem span{background:#f6efd9;border-color:#e3d6ad}.result-card.draw .result-emblem span{background:#e9f1e3}.result-card h2{font-size:31px;margin:15px 0 8px}.result-detail{font-size:13px;color:#839473}.result-players{display:flex;align-items:center;justify-content:center;gap:23px;padding:20px 8px;margin:20px 0 0;border-top:1px solid #e5e9dc;border-bottom:1px solid #e5e9dc}.result-players b{font-size:13px;font-weight:500;color:#78876b}.result-players span{font:26px Georgia,serif;color:#536c42}.result-note{font-size:11px;margin:22px 0;color:#9ba68e}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-15px;left:var(--x);height:10px;width:5px;border-radius:1px;background:var(--color);animation:confetti-fall 2.3s var(--delay) ease-out both}@keyframes result-fade{0%{opacity:0}to{opacity:1}}@keyframes result-arrive{0%{opacity:0;transform:translateY(30px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-ring{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes result-icon{0%{opacity:0;transform:translateY(15px) scale(.7) rotate(-12deg)}55%{opacity:1;transform:translateY(-5px) scale(1.08) rotate(3deg)}to{transform:translateY(0) scale(1) rotate(0)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(var(--drift),430px) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.result-backdrop,.result-card,.result-emblem span,.result-emblem svg{animation:none}.confetti{display:none}}.mode-picker{display:flex;gap:10px;margin-bottom:22px}.mode-picker button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dce3d2;border-radius:6px;padding:12px;font-size:12px}.mode-picker button.active{background:#edf3e5;border-color:#7d9966;color:#557341}.difficulty-picker{margin-bottom:22px;padding:16px;background:#f0f3e8;border-radius:7px}.difficulty-picker>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.difficulty-picker label{margin:0 0 12px}.difficulty-picker label b{margin-left:12px;color:#6c8753}.difficulty-picker>div>span{font-size:10px;color:#879a70;align-self:flex-start}.difficulty-picker button{flex:1;padding:8px 0;background:#fafbf6;border:1px solid #dce4d0;border-radius:4px;font-size:12px}.difficulty-picker button.active{background:#627e50;color:#fff;border-color:#627e50}.difficulty-picker p{font-size:9px;margin-top:10px;line-height:1.6}.engine-missing{color:#9b6550}.move-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;border-radius:50%;padding:0 3px;font-size:10px;font-weight:700;line-height:1;color:#fff;background:#7d995e;flex-shrink:0;letter-spacing:-.8px}.move-badge.bad{background:#ca694d}.move-badge.weak{background:#d3ad56}.move-badge.special{background:#5daba0}.move-badge.book{background:#a88b6f}.move-badge.pending{background:#bdc5b2}.annotated-move{display:flex;align-items:center;justify-content:space-between;gap:4px}.board-move-badge{position:absolute;top:1px;right:1px;z-index:8;min-width:23px;height:23px;font-size:12px;box-shadow:0 1px 4px #0003}.analysis-note{font-size:9px;padding:9px 15px;color:#9aa98b;border-top:1px solid #edf0e4}.analysis-note button{color:#6c8458;text-decoration:underline}.engine-notice{padding:14px 18px;background:#f5e8d8;font-size:11px;color:#99734e}.engine-notice button{margin-top:10px;display:block}@media(max-width:680px){.board-move-badge{min-width:18px;height:18px;font-size:10px}.move-pair{font-size:10px}.move-badge{min-width:17px;height:17px;font-size:9px}}.move-badge svg{flex-shrink:0}.review-banner{display:flex;align-items:center;justify-content:space-between;background:#edf1e4;border:1px solid #dce4ce;border-radius:5px 5px 0 0;padding:10px 13px;color:#637b4f;font-size:11px}.review-banner button{display:flex;align-items:center;gap:6px;color:#48663b;font-weight:600}.move-pair{padding:0;grid-template-columns:35px 1fr 1fr;gap:0;align-items:stretch}.move-pair>span:first-child{padding:11px 0 10px 15px}.move-pair .annotated-move{padding:9px 10px;min-width:0;text-align:left;border-radius:3px;font-variant-numeric:tabular-nums}.move-pair .annotated-move:hover{background:#e4ecd9}.move-pair .annotated-move.active{background:#dce7cf;box-shadow:inset 0 -2px #9ab180;color:#436132}.empty-move{padding:10px;color:#b8bfad}.replay-controls{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:8px 13px;border-top:1px solid #e6ebde;border-bottom:1px solid #e6ebde;color:#7e9170}.replay-controls button{display:grid;place-items:center;width:30px;height:29px;border-radius:4px}.replay-controls button:hover:not(:disabled){background:#e9efdf}.replay-controls>span{font-size:10px;font-variant-numeric:tabular-nums;color:#9ca98f}.game-board .square.in-check{background:radial-gradient(ellipse at center,#e34f4b,#e9665d,#df7c668c)}.game-board .square.in-check:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px #c83d3b80;pointer-events:none}.game-board.xiangqi .square.in-check{background:radial-gradient(ellipse at center,#db413ed9,#e45545b3 58%,#e3584059 90%)}.board-with-evaluation.evaluation-hidden{grid-template-columns:minmax(0,1fr);gap:0}.online-accounts{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:-8px 0 22px;font-size:12px;color:#77816a}.online-accounts>span{display:flex;gap:7px;align-items:center}.online-accounts b,.spectator-accounts b{padding:5px 9px;border-radius:14px;background:#e8ede0;font-weight:500;color:#53694a}.spectator-accounts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px;font-size:11px;color:#7d8970}.spectator-accounts b{padding:3px 7px}.evaluation-toggle{display:flex;align-items:center;gap:8px;margin:0;padding:12px 18px;border-top:1px solid #e3e4db;font-size:12px;cursor:pointer}.evaluation-toggle input{margin:0 0 0 auto;accent-color:#617f4d;width:17px;height:17px}.evaluation-toggle>span:last-child{font-size:10px;color:#8b9581}.hints-panel{padding:14px 18px;border-top:1px solid #e3e4db}.hints-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.hints-heading b{display:flex;align-items:center;gap:6px;font-size:13px}.hints-heading .secondary{font-size:11px;padding:7px 10px}.hints-panel p{font-size:11px;color:#7a886e;line-height:1.6}.hint-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:8px 0}.hint-row>b{background:#43885f;color:#fff;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;flex-shrink:0}.hint-row.rank-2>b{background:#b98a32}.hint-row.rank-3>b{background:#4e78a4}.hint-row>strong{margin-left:auto;font-variant-numeric:tabular-nums}.hint-row small{font-size:10px;color:#7c8971;white-space:nowrap}.next-game-button{margin:12px 18px}.difficulty-picker button.god-difficulty{width:100%;margin-top:12px;min-height:38px;font-size:13px;letter-spacing:1px;color:#937239;background:#f4f0e5}.difficulty-picker button.god-difficulty.active{background:#8c7248;color:#fff}.danger{color:#ad5144}.saved-room-row>.icon-button{min-width:36px;min-height:40px}.player-strip{position:relative}.move-badge:has(+.piece){pointer-events:auto}@media(max-width:680px){.saved-room-row{gap:0;flex-wrap:wrap}.saved-room-row>.room-row{flex-basis:calc(100% - 114px);padding-right:4px}.saved-room-row .room-entry{display:none}.saved-room-row .room-description b{max-width:120px}.online-accounts{font-size:11px}.board-move-badge svg{width:11px;height:11px}}.invitation-retry{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:15px 18px;margin:0 0 20px;border:1px solid #d8e1cd;border-radius:10px;background:#edf2e6;font-size:13px}.invitation-retry .secondary{padding:8px 12px}