:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#2c424b;background:#e7edef;font-synthesis:none;font-weight:400;--ink:#2c424b;--muted:#819198;--red:#a64e49;--line:rgba(66,91,101,.11);--serif:"Noto Serif SC","Songti SC","STSong",serif;--glass:rgba(250,253,253,.49)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #5f929e;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}button{touch-action:manipulation}::selection{background:#bed4d9}h1,h2,p{margin:0}button,input,select{transition:background .2s,color .2s,border-color .2s,box-shadow .2s}button:disabled{opacity:.53}.app-shell{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 64% 16%,rgba(251,253,253,.6),transparent 51%),radial-gradient(ellipse at 3% 78%,rgba(186,209,211,.5),transparent 50%),linear-gradient(120deg,#e5ecee 4%,#eaf0f1 46%,#e4e7ed)}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(65px);opacity:.37}.ambient-one{width:540px;height:440px;top:350px;left:-330px;background:#b9ced0}.ambient-two{width:620px;height:420px;top:450px;right:-400px;background:#cbd0e3}.app-header{height:104px;max-width:1280px;margin:0 auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:13px}.brand-mark{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(61,94,101,.38);border-radius:14px;transform:rotate(-4deg);box-shadow:inset 0 0 0 3px #ffffff4d;background:linear-gradient(130deg,#fff9,#d9e4e955)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:1px;height:32px;background:#6d8b9533;transform:rotate(45deg)}.brand-mark:after{transform:rotate(-45deg)}.brand-mark span{font-family:var(--serif);font-size:24px;line-height:1;z-index:1;transform:rotate(4deg);font-weight:500}.brand-mark i{position:absolute;width:5px;height:5px;background:#a85d53;border:1.5px solid #edf2f1;border-radius:50%;bottom:3px;right:3px}.brand-type{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:5px;line-height:1.15}.brand-type small{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:2.1px;font-weight:500;margin-top:7px;color:#8a989e}.mode-switch{display:flex;gap:3px;padding:5px;border:1px solid rgba(255,255,255,.68);border-radius:30px;background:#c3d0d747;box-shadow:inset 0 2px 5px #556b7609;margin-left:-30px}.mode-switch button{border-radius:24px;padding:12px 23px;display:flex;align-items:center;gap:9px;background:transparent;font-size:12px;letter-spacing:.3px;color:#7d8e95}.mode-switch button.active{background:linear-gradient(135deg,#fffffff2,#f3f7f7cc);color:var(--ink);box-shadow:0 3px 9px #5b747615,inset 0 0 0 1px #fff8}.mode-switch button:hover:not(.active){color:var(--ink);background:#fff3}.header-actions{display:flex;align-items:center;gap:14px}.icon-button{width:34px;height:34px;display:grid;place-items:center;background:transparent;border-radius:50%;color:#6e858d}.icon-button:hover{background:#ffffff91;color:#324f59}.header-divider{height:20px;width:1px;background:#a4b4ba40;margin:0 2px}.workspace{position:relative;display:grid;grid-template-columns:minmax(0,560px) minmax(0,318px);gap:58px;max-width:1016px;margin:13px auto 0;padding:0 28px;align-items:start}.board-column{min-width:0}.board-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;padding:0 2px;height:22px}.session-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.session-title small{font-size:10px;color:#96a3a8;font-weight:400;margin-left:5px}.live-dot{width:5px;height:5px;border-radius:50%;background:#92a5ab}.live-dot.playing{background:#6b9686;box-shadow:0 0 0 3px #6b968612}.round-label{font-size:10px;letter-spacing:1px;color:#86979c}.player-bar{display:flex;align-items:center;gap:11px;min-height:61px;padding:2px 12px 13px;position:relative}.player-avatar{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;position:relative;border:1px solid #ffffffd9;box-shadow:0 3px 7px #54697510,inset 0 0 8px #fff7;background:linear-gradient(140deg,#f3f5f3,#cfdcde)}.player-avatar.red{background:linear-gradient(140deg,#fcf0ed,#e7cdc7);color:#a15550}.player-avatar.black{color:#526b75}.player-avatar>span{font-family:var(--serif);font-size:21px}.player-avatar i{position:absolute;width:8px;height:8px;background:#6c9a81;bottom:-1px;right:-2px;border:2px solid #e8eff0;border-radius:50%}.player-info{min-width:0}.player-name{font-size:12px;font-weight:600;display:flex;gap:7px;align-items:center;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.player-subtitle{font-size:10px;color:#8c9b9f;margin-top:3px;letter-spacing:.2px}.you-badge{font-size:8px;padding:1px 4px;background:#ffffff6b;color:#85969b;border-radius:3px;font-weight:400}.player-end{margin-left:auto;display:flex;align-items:center;gap:10px}.player-time{font-size:13px;color:#768d96;letter-spacing:1px;font-variant-numeric:tabular-nums}.captured-pieces{display:flex;align-items:center;gap:2px}.captured-pieces>span{font-family:var(--serif);font-size:12px;opacity:.8;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#f9fcfc66}.captured-pieces small{font-size:8px;color:#899ba3}.red{color:var(--red)}.black{color:#334b58}.thinking-label{color:#577b88}.thinking-label span{display:inline-block;animation:thinking 1.2s ease-in-out infinite;font-size:14px;line-height:7px;margin-left:3px;letter-spacing:2px}@keyframes thinking{50%{opacity:.25}}.board-wrap{position:relative}.board-glass{width:100%;aspect-ratio:620/680;border-radius:22px;position:relative;background:linear-gradient(119deg,#ffffff96,#f7fdfc52 33%,#dfedea5c 65%,#f2f5fe82);border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 48px -20px #39576640,0 6px 18px #335c6809,inset 0 2px 2px #fff,inset 0 -2px 3px #fff7,inset 2px 0 3px #fff8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:manipulation}.board-glass:before{content:"";position:absolute;inset:5px;border-radius:18px;border:1px solid rgba(255,255,255,.49);pointer-events:none}.board-glass:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#fff4 0%,transparent 20%,transparent 77%,#e9e8f659 100%);pointer-events:none;z-index:-1}.board-lines{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.grid-lines{fill:none;stroke:#859d9f;stroke-opacity:.63;stroke-width:1}.outer-line{fill:none;stroke:#789098;stroke-width:.6;opacity:.24}.position-marks{fill:none;stroke:#7c9194;opacity:.43;stroke-width:.8}.river-label{font-family:var(--serif);font-size:22px;fill:#849997;opacity:.78;letter-spacing:9px;font-weight:400}.river-current{fill:none;stroke:#98aeaf;stroke-width:.8;opacity:.5}.board-coordinate{font-family:var(--serif);font-size:11px;fill:#96a7aa;opacity:.8}.intersection{position:absolute;width:9.1%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:1;background:transparent;border-radius:50%;display:grid;place-items:center;padding:0}.intersection>span{width:10px;height:10px;border-radius:50%;transition:all .22s;opacity:0;background:#789d9b;border:2px solid rgba(255,255,255,.77);box-shadow:0 1px 4px #5e7f7d44}.intersection.legal-point>span{opacity:.72}.intersection.legal-point:hover>span{transform:scale(1.5);opacity:1}.intersection:focus-visible{outline-offset:-6px;outline-width:1.5px}.chess-piece{position:absolute;width:8.71%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;padding:0;background:none;z-index:3;transition:left .52s cubic-bezier(.25,.78,.23,1),top .52s cubic-bezier(.25,.78,.23,1),opacity .15s;will-change:left,top}.piece-disc{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.88);background:radial-gradient(ellipse at 30% 17%,#fff,#eff4f1 31%,#c8d8d9 70%,#a2b9be);box-shadow:0 4px 5px #2d4c552e,0 8px 12px -7px #35565b80,inset 0 1px 3px #fff,inset 0 -3px 5px #516f7930,inset 2px 0 4px #fff9;transition:transform .25s ease,box-shadow .25s ease}.red .piece-disc{background:radial-gradient(ellipse at 30% 17%,#fffdf9,#f7e9e2 33%,#e7c6bb 72%,#c8968d);box-shadow:0 4px 5px #614a4824,0 8px 12px -7px #7e45405c,inset 0 1px 3px #fff,inset 0 -3px 5px #a1595226,inset 2px 0 4px #fffa}.piece-rim{position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(77,109,116,.38);box-shadow:0 0 0 1px #ffffff29,inset 0 0 0 1px #fff5;pointer-events:none}.red .piece-rim{border-color:#a9665a66}.piece-character{font-family:var(--serif);font-weight:600;font-size:clamp(20px,2.23vw,29px);line-height:1;margin-top:-1px;color:#334f5b;text-shadow:0 1px 1px #fff,0 -1px .5px #48696c33;position:relative;z-index:1}.red .piece-character{color:#a34b46;text-shadow:0 1px 1px #fff,0 -1px .5px #9e4d4422}.piece-glint{position:absolute;width:43%;height:17%;border-radius:50%;left:17%;top:9%;background:linear-gradient(#fff9,#fff0);transform:rotate(-24deg);filter:blur(.4px);pointer-events:none}.chess-piece:hover .piece-disc{transform:translateY(-2px);box-shadow:0 7px 11px #52676d29,inset 0 1px 4px #fff}.chess-piece.selected{z-index:5}.chess-piece.selected .piece-disc{transform:translateY(-4px) scale(1.07);box-shadow:0 11px 18px #54656e35,0 0 0 2px #ecf5f1,0 0 0 3.5px #779b9d99,inset 0 1px 4px #fff}.chess-piece.selected:after{content:"";position:absolute;inset:-18%;border:1px solid #6c989c26;border-radius:50%;z-index:-1}.chess-piece.capturable:after{content:"";position:absolute;inset:-10%;border:1.5px dashed #aa625e;opacity:.8;border-radius:50%}.chess-piece.checked .piece-disc{box-shadow:0 4px 8px #84565722,0 0 0 3px #ae565a44,inset 0 1px 3px #fff}.chess-piece.fusing{opacity:0;pointer-events:none;transition:none}.previous-point{position:absolute;width:12px;height:12px;border:1px solid #78968c99;transform:translate(-50%,-50%);border-radius:50%;background:#8aaea817;z-index:0}.last-move-ring{position:absolute;width:9.85%;aspect-ratio:1;border:1px solid #91ada570;transform:translate(-50%,-50%);border-radius:50%;z-index:0;background:#b3cfc01a}.capture-liquid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:8;overflow:visible}.fluid-character{font-family:var(--serif);font-size:29px;font-weight:600;fill:#334f5b}.fluid-character.red{fill:#a34b46}.check-announcement{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;letter-spacing:3px;color:#a1504d;background:#fff6f2e6;border:1px solid #d4aca077;border-radius:30px;padding:9px 20px;box-shadow:0 5px 18px #845a5a15;pointer-events:none}.board-wrap+.player-bar{padding-top:19px;padding-bottom:4px;min-height:72px}.board-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#94a2a7;margin-top:10px;padding:0 4px;gap:8px;line-height:1.5;min-height:26px}.board-footer>span{display:flex;gap:6px;align-items:center}.tiny-dot{display:inline-block;width:3px;height:3px;flex-shrink:0;background:currentColor;border-radius:50%}.board-footer>div{display:flex;gap:16px}.text-icon{display:flex;gap:5px;align-items:center;background:none;color:#8b9da2;padding:3px 0;font-size:10px}.text-icon:hover,.text-icon.enabled{color:#60878d}.side-panel{padding-top:37px;min-width:0}.glass-panel{background:linear-gradient(120deg,#ffffff9e,#fdffff5c);border:1px solid #ffffffaa;box-shadow:0 8px 30px -20px #708b9924,inset 0 1px #fff8;border-radius:19px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.setup-panel{padding:25px 23px 17px}.panel-eyebrow{display:flex;align-items:center;justify-content:space-between;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;font-weight:500;color:#859aa2;line-height:12px;margin-bottom:16px}.small-star{font-size:23px;color:#8fa6ae;font-weight:300;line-height:10px}.setup-panel h1{font-family:var(--serif);font-size:25px;letter-spacing:1px;font-weight:500;color:#354e59;line-height:1.5;margin:0 0 27px}.setup-panel h1>span{display:block;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:11px;letter-spacing:1px;color:#96a2a6;font-weight:400;margin-top:6px}.field-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:11px;color:#647a85}.field-heading>span+span{font-size:9px;color:#98a7ac}.personality-options{display:flex;flex-direction:column;gap:9px}.personality-option{padding:13px 12px;display:flex;align-items:center;gap:10px;border:1px solid #aebec42b;border-radius:12px;background:#fff3;text-align:left;width:100%;min-height:66px;position:relative}.personality-option.selected{border-color:#8ba8b2aa;background:linear-gradient(120deg,#d9e8ed55,#edf4f780);box-shadow:inset 0 0 0 1px #fff5}.personality-option:hover:not(:disabled){border-color:#88a6ad9c;background:#f8fcfc99}.personality-option:disabled{opacity:.7}.personality-option.selected:disabled{opacity:1}.personality-symbol{width:33px;height:35px;display:grid;place-items:center;flex-shrink:0;color:#7a929a;background:linear-gradient(135deg,#fff7,#dce7e955);border-radius:9px}.personality-symbol.balanced{color:#678b97}.personality-symbol.aggressive{color:#a3897d;background:linear-gradient(135deg,#fff6,#eee5dd77)}.personality-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.personality-copy strong{font-size:12px;font-weight:600;letter-spacing:1px;display:flex;align-items:center;gap:10px}.personality-copy small{font-size:9px;font-weight:400;letter-spacing:.4px;color:#92a2a8}.personality-copy>span{font-size:9px;color:#8e9da3;letter-spacing:.2px;white-space:nowrap}.radio-indicator{border:1px solid #bdcbd0;width:13px;height:13px;flex-shrink:0;display:grid;place-items:center;border-radius:50%}.selected .radio-indicator{border-color:#7395a2}.radio-indicator>span{width:5px;height:5px;background:#7395a2;border-radius:50%}.side-selection{margin:22px 0 20px}.side-selection>span{font-size:10px;color:#738993}.color-segments{display:flex;padding:3px;margin-top:10px;border-radius:9px;background:#bacdd333;gap:3px}.color-segments>button{width:50%;padding:9px 6px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;font-size:11px;background:transparent;color:#82949c}.color-segments>button.selected{background:#fff9;box-shadow:0 2px 5px #79929b10;color:#455e67}.color-segments>button small{font-size:8px;color:#a0aaaf}.red-dot,.black-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b36c64;flex-shrink:0}.black-dot{background:#596f7b}.primary-button{width:100%;padding:14px 18px;background:linear-gradient(120deg,#3e5d69,#2c4958);border:1px solid #476371;border-radius:10px;color:#f2f8fa;display:flex;align-items:center;justify-content:center;gap:13px;font-size:12px;letter-spacing:2px;box-shadow:0 5px 12px #2e52671c,inset 0 1px #ffffff15;min-height:45px}.primary-button svg{opacity:.75}.primary-button:hover:not(:disabled){background:#274954;box-shadow:0 6px 15px #2e52672e}.setup-footnote{display:flex;justify-content:center;align-items:center;gap:7px;font-size:9px;text-align:center;line-height:1.7;color:#9aa7ad;letter-spacing:.3px;margin:13px -8px 0}.active-controls{display:flex;gap:10px}.active-controls button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 5px;border-radius:9px;font-size:11px;background:#f8fbfc8a;border:1px solid #b1c3cc55;color:#6f8793}.active-controls button:hover:not(:disabled){background:#fff}.retry-button{padding:9px;background:#e9dacf;border-radius:7px;color:#805840;width:100%;margin-top:8px;font-size:11px}.record-panel{margin-top:19px;overflow:hidden;min-height:190px}.record-tabs{display:flex;gap:21px;padding:0 21px;border-bottom:1px solid #9dabb31a;height:47px}.record-tabs button{position:relative;display:flex;align-items:center;gap:8px;font-size:11px;padding:0;background:none;color:#97a3aa}.record-tabs button.selected{color:#536d77}.record-tabs button.selected:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:#7d9caa;border-radius:2px}.record-tabs button span{font-size:8px;letter-spacing:.7px;border-radius:4px;background:#9db0bb18;padding:3px 5px;color:#91a4ad}.move-history{min-height:143px}.empty-history{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:155px;padding-bottom:5px}.empty-history p{font-family:var(--serif);font-size:12px;color:#7e929c;letter-spacing:1px;margin-top:12px}.empty-history>span{font-size:9px;color:#a9b4b9;margin-top:7px;letter-spacing:.5px}.empty-board-icon{width:29px;height:28px;position:relative;opacity:.6;background:repeating-linear-gradient(90deg,transparent 0 8px,#b4c1c759 8px 9px),repeating-linear-gradient(0deg,transparent 0 8px,#b4c1c759 8px 9px);border:1px solid #b4c1c759}.empty-board-icon i{position:absolute;left:9px;top:9px;width:15px;height:15px;border-radius:50%;border:1px solid #afbdc4;background:linear-gradient(130deg,#fff,#dce5e8);box-shadow:0 2px 3px #7c8c9715}.history-column-labels,.history-row{display:grid;grid-template-columns:42px 1fr 1fr;align-items:center;gap:10px}.history-column-labels{padding:14px 21px 8px;font-size:9px;color:#96a5ad}.history-column-labels span{display:flex;gap:6px;align-items:center}.history-column-labels .red-dot,.history-column-labels .black-dot{width:4px;height:4px}.history-scroll{max-height:157px;min-height:101px;overflow:auto;scrollbar-width:thin;scrollbar-color:#bbccd2 transparent;padding:0 14px 10px}.history-row{font-size:11px;padding:7px;border-radius:5px}.history-row:nth-child(2n){background:#dce5e835}.history-row>span:first-child{font-size:9px;font-variant-numeric:tabular-nums;color:#9babb3}.history-row>span{letter-spacing:.8px;display:flex;align-items:center;gap:5px}.history-row .red-text{color:#a16d66}.history-row .latest{font-weight:600}.history-row i{width:3px;height:3px;border-radius:50%;background:#a67871;opacity:.65}.quick-rules{padding:17px 21px;font-size:10px;line-height:1.7;color:#98a6ac}.quick-rules p+p{margin-top:11px}.quick-rules strong{display:block;font-weight:500;color:#6b808b;margin-bottom:3px}.quick-rules button{margin-top:14px;padding:0;background:none;display:flex;gap:8px;align-items:center;font-size:10px;color:#658593}.material-note{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:22px}.material-orb{width:29px;height:29px;flex-shrink:0;border-radius:50%;border:1px solid #ffffffd0;background:radial-gradient(ellipse at 25% 20%,#fff,#dde9e6 42%,#c1ccde 72%,#b9c9d5);box-shadow:inset 0 2px 3px #fff,0 4px 5px #899daf1c}.material-note strong{font-family:var(--serif);font-size:11px;letter-spacing:1.6px;color:#7f939d;font-weight:400}.material-note>div>span{display:block;font-size:8px;letter-spacing:.5px;color:#a7b2ba;margin-top:5px}.result-card{display:flex;align-items:center;gap:14px;background:#f4f8f2a8;border:1px solid #fff9;border-radius:12px;padding:17px 19px;margin-top:16px}.result-seal{font-family:var(--serif);font-size:27px;border:1px solid #b36e6080;padding:2px 7px;color:#a16a5e;border-radius:6px;transform:rotate(-5deg)}.result-card strong{font-family:var(--serif);font-weight:500;font-size:17px}.result-card p{font-size:10px;color:#8c9b9e;margin-top:6px;line-height:1.5}.input-label{display:block;font-size:11px;color:#738a94;margin-bottom:9px}input,select{width:100%;border:1px solid #b6c7cd60;border-radius:9px;background:#fcffff66;padding:13px 14px;color:#4c6570;font-size:12px;outline:none;min-width:0}input::placeholder{color:#a4b1b8}input:focus,select:focus{border-color:#91adb7;background:#fff9}.room-panel>.primary-button{margin-top:16px}.or-divider{display:flex;align-items:center;gap:12px;font-size:9px;color:#a1adb3;margin:23px 0}.or-divider span{height:1px;flex:1;background:#a4b8c32b}.join-field{display:flex;position:relative}.join-field input{padding-right:49px;letter-spacing:2px}.join-field button{position:absolute;right:5px;top:5px;bottom:5px;aspect-ratio:1;border-radius:7px;background:#e3ebee;color:#6c8a97;display:grid;place-items:center}.join-field button:hover:not(:disabled){background:#d6e4e8}.room-explanation{display:flex;gap:9px;font-size:10px;color:#93a4ac;line-height:1.8;margin-top:23px}.room-explanation svg{flex-shrink:0;margin-top:2px}.room-code-card{display:flex;align-items:center;justify-content:space-between;border:1px dashed #9eb5c47a;background:#e4eef338;padding:14px 15px;border-radius:10px;margin-bottom:22px}.room-code-card>div>span{display:block;font-size:9px;color:#8aa0ab;margin-bottom:7px}.room-code-card strong{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:500;letter-spacing:4px;font-size:25px;color:#547482}.room-seat{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #b1c2cb30}.seat-stone{font-family:var(--serif);width:33px;height:33px;background:#e1e9eb;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:19px;box-shadow:0 2px 3px #5b7a8812}.seat-stone.red{background:#f1e1db}.room-seat>div{flex:1;min-width:0}.room-seat strong{font-size:12px;font-weight:500;display:flex;gap:6px;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.room-seat strong small{font-size:9px;color:#9ba7ad;font-weight:400}.room-seat>div>span{display:block;font-size:9px;color:#98a7ae;margin-top:5px}.seat-button{font-size:10px;padding:6px 9px;background:#e2ecef;border-radius:5px;color:#648493}.spectator-count{display:flex;align-items:center;gap:6px;font-size:9px;color:#95a7af;margin:16px 0}.spectator-count>span{margin-left:auto;color:#668997}.subtle-button{font-size:10px;background:none;display:block;margin:13px auto 0;color:#899fa9;padding:6px}.leave-button{font-size:10px;display:flex;align-items:center;gap:7px;margin:17px auto 0;color:#95a6ae;padding:5px;background:none}.draw-offer{border:1px solid #acc6c4;padding:10px;border-radius:8px;margin-top:12px;font-size:11px}.draw-offer p{margin-bottom:8px}.draw-offer button{padding:6px 10px;border-radius:5px;font-size:10px;background:#dce8e5;margin-right:6px}.page-footer{max-width:1016px;margin:35px auto 0;padding:20px 28px 23px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a1adb4;position:relative;border-top:1px solid #b6c2c630}.page-footer>span:first-child{display:flex;align-items:center;gap:12px;letter-spacing:1px}.page-footer i{display:inline-block;height:9px;width:1px;background:#9dafba55}.page-footer button{font-size:9px;display:flex;align-items:center;gap:5px;background:none;color:#9dabb3}.footer-label{letter-spacing:2px}.modal-scrim{position:fixed;z-index:100;inset:0;background:#243a4759;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;padding:24px;animation:scrim-in .2s ease}.modal{width:100%;max-width:500px;max-height:calc(100svh - 48px);overflow:auto;background:linear-gradient(130deg,#f5f9fa,#eaf1f3);border:1px solid #fff9;border-radius:22px;padding:26px 29px;box-shadow:0 30px 80px #173d4744;scrollbar-width:thin;animation:modal-in .25s ease}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:14px}.modal-heading h2{font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:1px}.modal-intro{font-size:12px;color:#718891;line-height:1.9;margin-bottom:18px}.piece-rules>div{display:flex;align-items:baseline;padding:10px 0;gap:19px;border-bottom:1px solid #b6c6ce36}.piece-rules strong{width:60px;flex-shrink:0;font-family:var(--serif);font-weight:500;font-size:14px}.piece-rules p{font-size:11px;line-height:1.8;color:#7a8f99}.rule-note{background:#dfe9ed80;padding:15px;border-radius:9px;margin-top:22px}.rule-note strong{font-size:12px;font-weight:500}.rule-note p{font-size:11px;color:#7a8c94;line-height:1.85;margin-top:9px}.source-link{display:flex;align-items:center;gap:7px;font-size:10px;color:#5e8592;margin-top:18px}.input-tip{font-size:10px;color:#9babb3;line-height:1.8;margin-top:18px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:14px}.setting-row strong{font-size:12px;font-weight:500}.setting-row p{font-size:10px;color:#93a4ac;margin-top:6px}.toggle{padding:3px;width:36px;height:21px;flex-shrink:0;background:#cbd8de;border-radius:20px}.toggle span{display:block;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #284d571f;transition:transform .2s}.toggle.on{background:#7395a2}.toggle.on span{transform:translate(15px)}.settings-divider{height:1px;background:#b5c8d03d;margin:11px 0 26px}.rule-setting-note{font-size:10px;line-height:1.8;color:#8398a2;margin-top:9px}.current-room-rules{font-size:11px;line-height:1.8;border-radius:8px;background:#dbe9ed99;padding:12px;margin-top:14px;color:#65838e}.confirmation-copy{font-size:13px;line-height:1.9;color:#85979f}.confirmation-actions{display:flex;gap:12px;margin-top:27px}.confirmation-actions button{width:50%;min-width:0;font-size:11px;letter-spacing:0;padding:12px}.secondary-button{border:1px solid #a3bbc555;background:#f8fbfc66;border-radius:10px;color:#7b929d}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#f6faf6f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:14px 16px 14px 21px;box-shadow:0 10px 30px #38596326;border:1px solid #fff;border-radius:12px;display:flex;align-items:center;gap:18px;z-index:150;font-size:12px;color:#52737d;max-width:calc(100vw - 32px);line-height:1.6;animation:modal-in .2s ease}.toast button{display:grid;place-items:center;background:none;color:#8ba1a9;flex-shrink:0;padding:3px}@keyframes modal-in{0%{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@media(min-width:1200px)and (min-height:1000px){.app-header{height:112px}.workspace{max-width:1080px;grid-template-columns:minmax(0,604px) 330px;gap:66px;margin-top:20px}.piece-character{font-size:29px}.side-panel{padding-top:37px}.setup-panel{padding:28px 25px 21px}.personality-option{min-height:70px}.side-selection{margin:25px 0 22px}.record-panel{margin-top:24px}.empty-history{min-height:166px}.material-note{margin-top:28px}.page-footer{max-width:1080px}}@media(min-width:1000px)and (max-height:820px){.app-header{height:80px}.workspace{max-width:930px;grid-template-columns:minmax(0,490px) 310px;gap:50px;margin-top:4px}.board-heading{margin-bottom:8px}.player-bar{min-height:53px;padding-bottom:9px}.board-wrap+.player-bar{min-height:64px;padding-top:15px}.side-panel{padding-top:30px}.setup-panel{padding:20px}.setup-panel h1{font-size:23px;margin-bottom:19px}.personality-option{min-height:58px;padding:10px}.side-selection{margin:16px 0}.record-panel{margin-top:16px;min-height:150px}.empty-history{min-height:112px}.material-note{margin-top:16px}.page-footer{margin-top:23px;padding-top:16px}.piece-character{font-size:25px}}@media(max-width:1000px){.app-header{padding:0 30px;height:91px}.workspace{gap:30px;padding:0 30px;grid-template-columns:minmax(0,1fr) 290px;max-width:940px}.session-title small{display:none}.setup-panel{padding:21px 18px 17px}.setup-panel h1{font-size:23px}.personality-option{padding:12px 9px;gap:8px}.personality-copy>span{font-size:8px}.personality-copy small{font-size:8px}.personality-copy strong{gap:8px}.personality-symbol{width:29px}.piece-character{font-size:clamp(17px,2.7vw,27px)}.board-glass{border-radius:18px}.page-footer{padding-left:30px;padding-right:30px}.board-footer{font-size:9px}.board-footer>div{gap:10px}.player-name{max-width:220px}.captured-pieces>span{width:13px;height:13px;font-size:10px}.player-end{gap:5px}.player-time{font-size:11px}.material-note strong{font-size:10px}}@media(max-width:760px){.app-header{height:auto;min-height:132px;padding:22px 24px 64px}.brand-mark{width:34px;height:34px;border-radius:11px}.brand-mark span{font-size:21px}.brand-type{font-size:23px;letter-spacing:4px}.brand-type small{font-size:6px;letter-spacing:1.7px;margin-top:5px}.brand{gap:10px}.header-actions{gap:9px}.header-actions .icon-button{width:28px;height:28px}.header-actions .icon-button svg{width:17px}.header-divider{margin:0;height:17px}.mode-switch{position:absolute;left:50%;bottom:12px;transform:translate(-50%);margin:0;width:275px;justify-content:space-between;padding:4px}.mode-switch button{flex:1;justify-content:center;padding:10px 14px;font-size:11px;gap:7px}.workspace{display:flex;flex-direction:column;padding:0 24px;margin:14px auto 0;max-width:620px;gap:27px}.board-column{width:100%}.board-heading{margin-bottom:8px}.session-title small{display:inline;font-size:9px}.board-heading{padding:0 3px}.session-title{font-size:11px}.round-label{font-size:9px}.player-bar{padding:3px 9px 13px;min-height:58px}.player-avatar{width:34px;height:34px;border-radius:11px}.player-avatar>span{font-size:20px}.player-name{font-size:11px}.player-subtitle{font-size:9px}.board-wrap+.player-bar{padding-top:15px;min-height:64px}.board-glass{border-radius:19px}.piece-character{font-size:clamp(20px,5.1vw,29px)}.board-footer{font-size:9px;margin-top:8px}.board-footer>div{gap:15px}.side-panel{width:100%;padding:0;display:grid;grid-template-columns:1fr;gap:18px}.setup-panel{padding:24px}.setup-panel h1{font-size:25px;margin-bottom:23px}.panel-eyebrow{font-size:8px;margin-bottom:12px}.field-heading{font-size:11px}.field-heading>span+span{font-size:10px}.personality-option{min-height:67px;padding:13px;gap:13px}.personality-copy>span{font-size:10px}.personality-copy strong{font-size:13px;gap:15px}.personality-copy small{font-size:10px}.personality-symbol{width:35px;height:35px}.side-selection{margin:23px 0 18px}.side-selection>span{font-size:11px}.color-segments>button{padding:11px;font-size:12px}.color-segments>button small{font-size:9px}.primary-button{min-height:46px;font-size:12px}.setup-footnote{font-size:10px}.record-panel{margin-top:0;min-height:180px}.empty-history{min-height:143px}.material-note{margin-top:3px;margin-bottom:2px}.material-note strong{font-size:12px}.material-note>div>span{font-size:9px}.result-card{margin-top:0}.page-footer{padding:20px 24px 28px;margin:25px auto 0;max-width:570px;gap:20px}.footer-label{display:none}.history-scroll{max-height:185px}.toast{bottom:18px;min-width:260px;font-size:11px}.modal{padding:23px;max-height:calc(100svh - 32px)}.modal-scrim{padding:16px}.modal-heading h2{font-size:21px}.modal-heading{margin-bottom:18px}}@media(max-width:380px){.app-header{padding-left:17px;padding-right:17px;min-height:123px;padding-top:19px}.header-actions{gap:7px}.sound-toggle{display:none}.workspace{padding:0 13px;margin-top:11px;gap:22px}.session-title small{display:none}.board-heading{padding:0 6px}.board-glass{border-radius:16px}.board-glass:before{inset:4px;border-radius:13px}.piece-character{font-size:19px}.piece-rim{border-width:.65px}.player-bar{padding-left:6px;padding-right:6px;gap:8px;min-height:52px;padding-bottom:10px}.player-avatar{width:30px;height:30px;border-radius:9px}.player-avatar>span{font-size:17px}.player-name{font-size:10px;max-width:160px}.player-subtitle{font-size:8px}.board-wrap+.player-bar{min-height:59px;padding-top:12px}.board-footer>span{max-width:170px;font-size:8px}.board-footer>div{gap:10px}.text-icon{font-size:9px}.setup-panel{padding:21px 18px}.setup-panel h1{font-size:23px}.field-heading>span+span{font-size:9px}.personality-option{padding:11px 10px;gap:9px}.personality-copy>span{font-size:9px}.personality-copy small{font-size:9px}.personality-copy strong{font-size:12px;gap:10px}.personality-symbol{width:31px}.page-footer{padding-left:18px;padding-right:18px;font-size:8px}.captured-pieces{gap:1px}.captured-pieces>span{width:11px;font-size:9px}.player-end{gap:5px}.player-time{font-size:10px}.modal-heading h2{font-size:18px}.modal{padding:20px}.piece-rules>div{gap:12px}.piece-rules strong{width:48px;font-size:12px}.piece-rules p{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.chess-piece{will-change:auto}}.mobile-start-bar{display:none}@media(max-width:760px){.mobile-start-bar{display:flex;align-items:center;justify-content:space-between;background:#fbfdfc75;border:1px solid #ffffffb0;border-radius:10px;padding:8px 10px;margin:11px 0 14px;gap:9px}.mobile-start-bar button{display:flex;align-items:center;gap:8px;font-size:10px;background:none;color:#78929e;padding:5px}.mobile-start-bar button+button{background:#385764;color:#f3f8fa;border-radius:7px;padding:8px 11px;letter-spacing:.7px}.pvp-lobby .side-panel{order:-1}.pvp-lobby .record-panel,.pvp-lobby .material-note{display:none}}.limit-label{margin-top:22px}.rules-summary{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:none;color:#708b95;font-size:9px;line-height:1.7;margin:-7px 0 16px;padding:3px 0;letter-spacing:.1px}.rules-summary span{flex:0 1 auto}.rules-summary:hover{color:#355968}.room-rules{margin:10px 0 15px;justify-content:flex-start}.competition-setting{padding-top:0;padding-bottom:7px}.competition-setting p,.rule-setting-note{line-height:1.8}.repetition-notice{display:flex;align-items:flex-start;gap:8px;padding:11px 14px;margin:10px 0 0;border:1px solid #bc937c40;border-radius:10px;background:#f5eade9c;color:#906a55;font-size:11px;line-height:1.8}.repetition-notice svg{flex-shrink:0;margin-top:2px}