/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.resize{resize:both}.p-7{padding:calc(var(--spacing) * 7)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}main,main *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}main img{-webkit-user-drag:none;user-drag:none}:root{--ink:#18201e;--paper:#f3eddf;--cream:#e8dcc5;--red:#a7352d;--gold:#c89b54;--line:#735d3e}*{box-sizing:border-box}html{background:#17201e}body{color:var(--ink);background:radial-gradient(circle at 50% 0,#f8f2e6 0,#e9dfcb 60%,#d8cbb3 100%);min-height:100svh;margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif}button,input{font:inherit}button{touch-action:manipulation}main{max-width:1180px;min-height:100svh;margin:auto;padding:20px 28px 0}header{border-bottom:1px solid #362b1d40;align-items:center;gap:13px;height:68px;display:flex}header h1{letter-spacing:.26em;margin:0;font-size:29px;line-height:1}header p{letter-spacing:.22em;color:#6d685e;margin:7px 0 0;font-family:Arial,sans-serif;font-size:9px}.brand-mark{color:#f5ead6;background:var(--red);border:2px solid var(--red);outline-offset:-5px;border-radius:2px;outline:1px solid #e8c895;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.live{letter-spacing:.08em;color:#6b6a63;margin-left:auto;font-family:Arial,sans-serif;font-size:11px}.live i{background:#999;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.live.on i{background:#3d8655;box-shadow:0 0 0 3px #3d86552c}.game-shell{grid-template-columns:minmax(450px,660px) minmax(280px,350px);justify-content:center;align-items:start;gap:62px;padding:26px 0 38px;display:grid}.board-wrap{width:100%;max-width:620px;margin:auto}.player-strip{align-items:center;gap:11px;height:55px;padding:0 6px;display:flex}.player-strip .avatar{color:#e7d8bb;background:#25302d;border:1px solid #313b38;border-radius:50%;place-items:center;width:35px;height:35px;font-size:18px;display:grid}.player-strip.red .avatar{border-color:var(--red);color:var(--red);background:#f0dfc4}.player-strip div{flex-direction:column;display:flex}.player-strip b{font-size:14px}.player-strip small{color:#7b756a;margin-top:2px;font-size:10px}.player-strip em{letter-spacing:.12em;color:#8f897f;border:1px solid #aaa195;margin-left:auto;padding:5px 8px;font-family:Arial,sans-serif;font-size:10px;font-style:normal}.player-strip em.active{color:var(--red);border-color:var(--red)}.board{aspect-ratio:9/10;background-color:#d6ad6e;background-image:linear-gradient(#0000 49.5%,#6f512b 50%,#0000 50.5%),linear-gradient(90deg,#0000 49.5%,#6f512b 50%,#0000 50.5%),radial-gradient(#e8c58b99 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:11.25% 11.1%,12.5% 11.1%,6px 6px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:9px solid #8b5e31;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(9,1fr);padding:5.1%;display:grid;position:relative;box-shadow:0 14px 25px #594c3938,inset 0 0 0 2px #f0ca8b}.board:before{content:"";border:1.5px solid var(--line);pointer-events:none;position:absolute;inset:5.1%}.point{z-index:2;background:0 0;border:0;border-radius:50%;place-self:start;place-items:center;width:42px;height:42px;padding:0;display:grid;position:relative;transform:translate(-50%,-50%)}.point:after{content:"";opacity:0;background:#8f2b25;border-radius:50%;width:8px;height:8px;position:absolute}.point.legal:after{opacity:.6}.point.legal:has(.piece):after{opacity:1;background:0 0;border:3px solid #9d3c31;width:100%;height:100%}.piece{background:linear-gradient(145deg,#f7e7c7,#d5ad71);border:2px solid;border-radius:50%;place-items:center;width:40px;height:40px;font-size:21px;font-weight:700;line-height:1;transition:all .15s;display:grid;position:absolute;box-shadow:0 2px 4px #4d3625a1,inset 0 0 0 2px #e8c58b}.piece.red{color:#a72c27}.piece.black{color:#26322f}.selected .piece{outline:3px solid #f3e1a980;transform:translateY(-3px);box-shadow:0 6px 9px #402b1e8c,inset 0 0 0 2px #f0d39b}.river{z-index:1;color:#4b3c29;letter-spacing:.18em;pointer-events:none;background:#d6ad6e;justify-content:space-around;align-items:center;height:11%;font-size:24px;font-style:italic;display:flex;position:absolute;top:49.6%;left:5.1%;right:5.1%}.river span{width:18%}.files{color:#efe0c6;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:1%;left:5.1%;right:5.1%}.turn-card{border-left:3px solid var(--red);margin:16px 0 27px;padding:7px 0 7px 18px}.turn-card small{color:#777063;letter-spacing:.16em;font-size:10px;display:block}.turn-card strong{letter-spacing:.12em;margin:5px 0 6px;font-size:25px;display:block}.turn-card p{color:#716b61;min-height:18px;margin:0;font-size:12px}.room-card{border-top:1px solid #b9aa92;padding-top:20px}.section-title{align-items:center;gap:12px;margin-bottom:17px;display:flex}.section-title>span{color:var(--red);border-bottom:1px solid var(--red);padding-bottom:3px;font-family:Arial,sans-serif;font-size:10px}.section-title div{flex-direction:column;display:flex}.section-title b{font-size:14px}.section-title small{letter-spacing:.18em;color:#8a8378;margin-top:3px;font-family:Arial,sans-serif;font-size:8px}.primary{color:#f2e5cf;text-align:left;letter-spacing:.1em;cursor:pointer;background:#1f2927;border:0;width:100%;height:45px;padding:0 17px}.primary span{float:right;font-size:20px}.or{color:#888075;align-items:center;gap:10px;margin:15px 0;font-size:10px;display:flex}.or span{background:#c8baa3;flex:1;height:1px}.join{height:43px;display:flex}.join input{text-transform:uppercase;letter-spacing:.12em;background:#f7f0e3cc;border:1px solid #9e927f;border-right:0;outline:none;flex:1;min-width:0;padding:0 12px;font-size:12px}.join input:focus{border-color:var(--red)}.join button{background:var(--red);color:#fff;cursor:pointer;border:0;width:64px}.reset{color:#5d574e;cursor:pointer;background:0 0;border:1px solid #afa18c;width:100%;height:37px;margin-top:13px}.tips{color:#70695e;border-top:1px solid #c4b59f;margin-top:24px;padding-top:18px;font-size:11px}.tips b{color:#403b34;font-size:12px}.tips p{margin:7px 0}.room-ready{text-align:center;padding:10px 0}.room-ready small{color:#797268;display:block}.room-ready strong{letter-spacing:.22em;color:var(--red);margin:8px 0;font-family:Arial,sans-serif;font-size:38px;display:block}.room-ready button{background:0 0;border:1px solid #9e927f;padding:8px 14px;font-size:11px}.room-ready p{color:#537058;font-size:11px}footer{color:#aeaa9d;letter-spacing:.14em;background:#17201e;justify-content:space-between;align-items:center;height:46px;margin:0 -28px;padding:0 28px;font-size:9px;display:flex}@media (width<=820px){main{padding:12px 12px 0}header{height:55px}header h1{font-size:23px}.brand-mark{width:35px;height:35px}.game-shell{padding:8px 0 25px;display:block}.board-wrap{max-width:560px}.board{border-width:6px}.point{width:clamp(30px,9vw,42px);height:clamp(30px,9vw,42px)}.piece{width:clamp(29px,8.2vw,40px);height:clamp(29px,8.2vw,40px);font-size:clamp(16px,4.7vw,21px)}.river{font-size:clamp(16px,5.2vw,24px)}aside{max-width:560px;margin:14px auto 0}.turn-card{margin-top:8px}.tips{display:none}footer{margin:0 -12px;padding:0 12px}.files{display:none}}@media (width<=420px){.board{width:calc(100vw - 24px)}header p{display:none}.player-strip{height:49px}.turn-card strong{font-size:21px}.game-shell{padding-top:2px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.board{background-image:radial-gradient(#e8c58b99 1px,#0000 1px);background-size:6px 6px;padding:0;display:block}.board:before{border:0;border-right:1.5px solid var(--line);border-bottom:1.5px solid var(--line);background-image:linear-gradient(var(--line) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--line) 1.5px,transparent 1.5px);background-repeat:repeat;background-size:100% 11.1111%,12.5% 100%;inset:5.1%}.point{place-self:auto;position:absolute}.river{height:calc(9.97778% - 3px);top:calc(45.0111% + 1.5px)}.palace{z-index:1;background:linear-gradient(to top right,transparent calc(50% - .75px),var(--line) 50%,transparent calc(50% + .75px)),linear-gradient(to bottom right,transparent calc(50% - .75px),var(--line) 50%,transparent calc(50% + .75px));pointer-events:none;width:22.45%;height:19.9556%;position:absolute;left:38.775%}.palace-top{top:5.1%}.palace-bottom{bottom:5.1%}.cannon-mark{z-index:1;aspect-ratio:1;pointer-events:none;width:clamp(32px,7%,42px);color:var(--line);position:absolute;transform:translate(-50%,-50%)}.cannon-mark i{width:8px;height:8px;position:absolute}.cannon-mark i:first-child{border-bottom:2px solid;border-right:2px solid;top:0;left:0}.cannon-mark i:nth-child(2){border-bottom:2px solid;border-left:2px solid;top:0;right:0}.cannon-mark i:nth-child(3){border-top:2px solid;border-right:2px solid;bottom:0;left:0}.cannon-mark i:nth-child(4){border-top:2px solid;border-left:2px solid;bottom:0;right:0}.point{width:50px;height:50px}.piece{border-width:2.5px;width:46px;height:46px;font-size:24px;box-shadow:0 3px 6px #4d3625a8,inset 0 0 0 2px #e8c58b}.board.is-check{animation:.52s ease-out board-check}.board.is-check:after{content:"";z-index:3;pointer-events:none;animation:1.05s ease-in-out infinite alternate danger-glow;position:absolute;inset:0;box-shadow:inset 0 0 55px 12px #a920205c}.piece.threatened{z-index:5;animation:.62s ease-in-out infinite alternate king-danger;box-shadow:0 0 0 5px #ffe9b8,0 0 22px 10px #c52f2fb8,inset 0 0 0 2px #e8c58b}.check-burst{z-index:6;pointer-events:none;color:#a52520;text-shadow:0 3px #f7e5be,0 9px 24px #5b110f77;justify-content:center;align-items:center;gap:18px;font-size:clamp(52px,10vw,94px);font-weight:900;animation:.9s cubic-bezier(.16,.8,.24,1) both check-burst;display:flex;position:absolute;inset:0}.check-burst span:first-child{transform:translateY(-18%)}.check-burst span:last-child{transform:translateY(18%)}.victory-overlay{z-index:8;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:radial-gradient(circle,#201c1666 0,#17120ed1 100%);place-items:center;animation:.45s ease-out both overlay-in;display:grid;position:absolute;inset:0}.victory-seal{aspect-ratio:1;color:#f5dfb9;outline-offset:5px;background:#9f2923;border:3px solid #f0d49e;outline:2px solid #9f2923;flex-direction:column;justify-content:center;align-items:center;width:clamp(150px,34%,210px);animation:.72s cubic-bezier(.16,1.25,.35,1) both seal-drop;display:flex;transform:rotate(-5deg);box-shadow:0 15px 40px #180b08aa}.victory-seal small{letter-spacing:.35em;font-size:11px}.victory-seal strong{letter-spacing:.08em;font-size:54px;line-height:1.15}.victory-seal b{letter-spacing:.2em;border-top:1px solid #e9cca0;padding-top:7px;font-size:16px}.turn-card.warning{background:linear-gradient(90deg,#b6292913,#0000);border-left-color:#d02020}.turn-card.warning strong{color:#a52320}.turn-card.won{border-left-color:#b48336}.turn-card.won strong{color:#8f2822}@keyframes board-check{0%{transform:translate(0)}22%{transform:translate(-4px)}45%{transform:translate(4px)}68%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes danger-glow{0%{opacity:.3}to{opacity:1}}@keyframes king-danger{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes check-burst{0%{opacity:0;transform:scale(1.8)}28%{opacity:1;transform:scale(.94)}58%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes seal-drop{0%{opacity:0;transform:rotate(-16deg)scale(2.2)}65%{opacity:1;transform:rotate(-3deg)scale(.92)}to{transform:rotate(-5deg)scale(1)}}@media (width<=820px){.point{width:clamp(34px,10.5vw,50px);height:clamp(34px,10.5vw,50px)}.piece{width:clamp(33px,9.7vw,46px);height:clamp(33px,9.7vw,46px);font-size:clamp(19px,5.4vw,24px)}}@media (prefers-reduced-motion:reduce){.board.is-check,.piece.threatened,.check-burst,.victory-overlay,.victory-seal{animation:none!important}.check-burst{display:none}}.review-badge{z-index:7;color:#f1dfbe;letter-spacing:.14em;background:#17201ee8;border:1px solid #d4b375;padding:6px 13px;font-family:Arial,sans-serif;font-size:10px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #251c13aa}.replay-card{border-top:1px solid #b9aa92;margin-top:22px;padding-top:18px}.replay-card .section-title{margin-bottom:13px}.review-main{color:#2d3431;text-align:left;cursor:pointer;background:#eee3d1;border:1px solid #766b59;width:100%;height:40px;padding:0 13px}.review-main span{float:right;color:#8b3029;font-size:11px}.review-main:disabled{opacity:.45;cursor:not-allowed}.record-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.record-actions button,.leave-review{color:#544e44;cursor:pointer;background:0 0;border:1px solid #a99b87;height:36px;font-size:11px}.record-actions input{display:none}.replay-status{border-left:3px solid var(--red);background:#e5d6bf;flex-direction:column;justify-content:center;min-height:48px;padding:8px 10px;display:flex}.replay-status b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.replay-status small{color:#7a7165;margin-top:4px;font-family:Arial,sans-serif;font-size:9px}.replay-controls{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:8px;display:grid}.replay-controls button{color:#323a37;cursor:pointer;background:#f5ebdc;border:1px solid #a99b87;height:35px}.replay-controls button.playing{background:var(--red);color:#fff}.leave-review{width:100%;margin-top:7px}@media (width<=820px){.replay-card{margin-top:18px}.record-actions button,.leave-review,.replay-controls button{min-height:40px}}.menu-button{cursor:pointer;background:0 0;border:1px solid #9f9586;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;margin-left:8px;display:flex}.menu-button span{background:#28312f;width:17px;height:1.5px;transition:all .2s;display:block}.menu-button:hover span:first-child{transform:translate(3px)}.menu-button:hover span:nth-child(3){transform:translate(-3px)}.menu-scrim{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1017149e;border:0;animation:.2s ease-out overlay-in;position:fixed;inset:0}.lan-menu{z-index:41;background:#eee4d2;width:min(390px,92vw);height:100dvh;padding:28px 28px 35px;animation:.28s cubic-bezier(.2,.8,.2,1) menu-slide;position:fixed;top:0;right:0;overflow:auto;box-shadow:-18px 0 55px #10151266}.menu-head{border-bottom:1px solid #b9aa92;justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.menu-head small{letter-spacing:.22em;color:#887e70;font-family:Arial,sans-serif;font-size:8px}.menu-head h2{letter-spacing:.13em;margin:5px 0 0;font-size:24px}.menu-head button{color:#4c504b;cursor:pointer;background:0 0;border:1px solid #9f9586;width:38px;height:38px;font-family:Arial,sans-serif;font-size:25px;font-weight:200}.menu-network{background:#e4d6bf;align-items:center;gap:12px;margin:20px 0;padding:13px;display:flex}.menu-network i{background:#98968f;border-radius:50%;width:10px;height:10px}.menu-network.on i{background:#408357;box-shadow:0 0 0 4px #40835726}.menu-network div{flex-direction:column;display:flex}.menu-network b{font-size:12px}.menu-network small{color:#7b7266;margin-top:4px;font-size:10px}.menu-room{padding-top:4px}.menu-help{border-top:1px solid #b9aa92;margin-top:27px;padding-top:18px}.menu-help b{font-size:12px}.menu-help p{color:#71695e;font-size:11px;line-height:1.8}.board-replay-console{background:#e8dcc8;border:1px solid #a99980;margin-top:10px;padding:11px;animation:.25s ease-out console-in;box-shadow:0 7px 16px #51432f1f}.board-replay-console .replay-status{min-height:44px}.board-replay-console .replay-controls{grid-template-columns:repeat(5,1fr)}.board-replay-console .leave-review{color:#efe2cb;background:#1f2927;border-color:#1f2927}.console-hint{border-left:3px solid var(--red);color:#625b50;background:#e5d6bf;margin:0;padding:12px;font-size:11px;line-height:1.6}@keyframes menu-slide{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes console-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=820px){header .live{font-size:0}.live i{margin-right:0}.menu-button{width:38px;height:38px}.lan-menu{padding:22px 20px 30px}.board-replay-console{margin-top:8px;padding:9px}.board-replay-console .replay-controls button{min-height:42px}}@media (prefers-reduced-motion:reduce){.lan-menu,.menu-scrim,.board-replay-console{animation:none!important}}.move-trace{z-index:4;pointer-events:none;position:absolute;inset:0}.trace-from,.trace-to{border-radius:50%;width:34px;height:34px;position:absolute;transform:translate(-50%,-50%)}.trace-from{border:2px dashed #8b2c27;animation:.7s ease-out both trace-origin}.trace-from:before,.trace-from:after{content:"";opacity:.8;background:#8b2c27;position:absolute}.trace-from:before{width:46px;height:1px;top:15px;left:-8px}.trace-from:after{width:1px;height:46px;top:-8px;left:15px}.trace-to{border:3px solid #f5d386;animation:.72s cubic-bezier(.2,1.2,.3,1) both trace-impact;box-shadow:0 0 0 4px #a92e2899,0 0 24px #a92e28}.trace-to i{border:1px solid #b1322b;border-radius:50%;animation:1.15s ease-out infinite trace-ring;position:absolute;inset:-13px}.point.just-moved .piece{z-index:6;animation:.55s cubic-bezier(.18,1.35,.35,1) last-piece-land}.respond-alert{z-index:7;text-align:center;color:#9c2722;pointer-events:none;background:#f2dfbded;border:2px solid #a62b25;min-width:145px;padding:7px 14px;animation:.35s ease-out both respond-in;position:absolute;bottom:8%;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #42151166}.respond-alert b{letter-spacing:.28em;text-indent:.28em;font-size:19px;display:block}.respond-alert small{letter-spacing:.08em;margin-top:2px;font-size:9px;display:block}.respond-alert.urgent{color:#fff1d3;background:#a52320;border-color:#f2d29a;animation:.52s ease-in-out infinite alternate respond-urgent}.point.responder:before{content:"";z-index:-1;border:2px solid #e5b74d;border-radius:50%;animation:.72s ease-in-out infinite alternate responder-pulse;position:absolute;inset:2px;box-shadow:0 0 14px 5px #f2c657aa}.board.check-urgent:after{animation:.42s ease-in-out infinite alternate danger-glow;box-shadow:inset 0 0 75px 20px #b5161685}@keyframes trace-origin{0%{opacity:0;transform:translate(-50%,-50%)scale(1.7)rotate(-35deg)}to{opacity:.9;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes trace-impact{0%{opacity:0;transform:translate(-50%,-50%)scale(2.3)}60%{opacity:1;transform:translate(-50%,-50%)scale(.82)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes trace-ring{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.65)}}@keyframes last-piece-land{0%{transform:scale(1.65)translateY(-8px)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes respond-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes respond-urgent{0%{transform:translate(-50%)scale(1);box-shadow:0 5px 18px #6c101077}to{transform:translate(-50%)scale(1.06);box-shadow:0 5px 28px 8px #c5242499}}@keyframes responder-pulse{0%{opacity:.45;transform:scale(.88)}to{opacity:1;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.trace-from,.trace-to,.trace-to i,.point.just-moved .piece,.respond-alert,.point.responder:before{animation:none!important}}.check-hint{z-index:9;text-align:center;color:#fff0d3;pointer-events:none;background:#9f2923;border:2px solid #eacb92;min-width:170px;padding:9px 16px;animation:1.5s both check-hint-once;position:absolute;bottom:8%;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #4c100e88}.check-hint b{letter-spacing:.2em;text-indent:.2em;font-size:17px;display:block}.check-hint small{letter-spacing:.06em;margin-top:3px;font-size:10px;display:block}@keyframes check-hint-once{0%{opacity:0;transform:translate(-50%,12px)scale(.9)}15%,72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-5px)scale(.98)}}@media (prefers-reduced-motion:reduce){.check-hint{animation:none!important}}.game-shell{grid-template-columns:minmax(450px,660px);gap:0}.board-wrap{max-width:660px}.match-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:2px;display:grid}.match-actions.single-action{grid-template-columns:1fr}.match-actions.three-actions{grid-template-columns:repeat(3,1fr)}.match-actions>button{color:#4f4940;letter-spacing:.14em;cursor:pointer;background:0 0;border:1px solid #918572;height:44px}.match-actions>button:disabled{opacity:.55;cursor:default}.match-actions .undo-button{color:#76521f;background:#f3e5cf;border-color:#b29161}.match-actions .resign-button{color:#872b27;border-color:#a97068}.match-actions .draw-button{color:#eee1ca;background:#26302e;border-color:#26302e}.match-actions .view-record{color:#eee1ca;text-align:left;background:#26302e;border-color:#26302e;padding:0 15px}.match-actions .view-record span{float:right;color:#c8bda9;font-size:10px}.match-actions .restart-game{color:#fff0d9;background:#9f3029;border-color:#9f3029}.draw-request{background:#e4d6bf;border-left:3px solid #9f3029;grid-column:1/-1;grid-template-columns:1fr 68px 68px;align-items:center;gap:7px;padding:10px 11px;display:grid}.draw-request.undo-request{background:#eadcc5;border-left-color:#a67835}.draw-request div{flex-direction:column;min-width:0;display:flex}.draw-request b{font-size:12px}.draw-request small{color:#766d60;margin-top:3px;font-size:9px}.draw-request button{color:#5b5449;cursor:pointer;background:0 0;border:1px solid #9b8e7a;height:35px}.draw-request button.accept{color:#eee1ca;background:#26302e;border-color:#26302e}.draw-overlay .victory-seal{background:#283936}.draw-overlay .victory-seal strong{font-size:72px}.board-replay-console .record-actions{margin-top:8px}@media (width<=820px){.game-shell{display:block}.match-actions>button{height:46px}.draw-request{grid-template-columns:1fr 60px 60px}.draw-request small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.match-action-launch{justify-content:flex-end;margin-top:5px;display:flex}.match-action-launch>button{color:#504a41;cursor:pointer;background:#eadfcd;border:1px solid #9b8d78;justify-content:flex-end;align-items:center;gap:9px;min-width:124px;height:40px;padding:0 13px;display:flex;box-shadow:0 4px 11px #3c2d2018}.match-action-launch>button>i{background:#9f3029;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #9f302918}.match-action-launch>button>span{letter-spacing:.12em;font-size:11px}.match-action-launch>button>b{letter-spacing:.08em;color:#7b6d5b;font-family:Arial,sans-serif;font-size:13px}.match-action-launch>button.attention{color:#fff1dc;background:#a33b32;border-color:#a33b32;animation:1.4s ease-in-out infinite action-attention}.match-action-launch>button.attention>i{background:#ffd17d;box-shadow:0 0 0 3px #ffd17d33}.match-action-launch>button.attention>b{color:#f6d4ac}@keyframes action-attention{50%{box-shadow:0 0 0 4px #a33b3220,0 5px 14px #4f17162f}}.player-strip>div:not(.ai-difficulty-panel){min-width:0}.player-strip>div:not(.ai-difficulty-panel)>b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-match-action{color:#504a41;cursor:pointer;background:#eadfcd;border:1px solid #9b8d78;flex:none;justify-content:center;align-items:center;gap:7px;min-width:94px;height:34px;margin-left:auto;padding:0 9px;display:flex;box-shadow:0 3px 9px #3c2d2018}.player-strip:has(.player-clock) .player-match-action{margin-left:0}.player-match-action>span{letter-spacing:.08em;font-size:10px}.player-match-action>b{letter-spacing:.05em;color:#796b59;font-family:Arial,sans-serif;font-size:11px}.player-match-action.attention{color:#fff1dc;background:#a33b32;border-color:#a33b32;animation:1.4s ease-in-out infinite action-attention}.player-match-action.attention>b{color:#f6d4ac}@media (width<=520px){.player-match-action{width:38px;min-width:38px;padding:0}.player-match-action>span{display:none}.player-match-action>b{font-size:12px}.player-strip:has(.player-clock) .player-match-action{margin-left:0}}.game-action-scrim{z-index:60}.game-action-modal{z-index:61;background:#eee4d2;border:1px solid #9b8d78;border-radius:16px;width:min(380px,100vw - 28px);padding:22px;animation:.22s cubic-bezier(.2,.8,.2,1) action-modal-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 70px #100b0877}@keyframes action-modal-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.game-action-head{border-bottom:1px solid #b8a991;justify-content:space-between;align-items:flex-start;padding-bottom:15px;display:flex}.game-action-head small{letter-spacing:.25em;color:#887b69;font-family:Arial,sans-serif;font-size:8px;display:block}.game-action-head h2{letter-spacing:.14em;margin:5px 0 0;font-size:23px}.game-action-head>button{color:#514a40;cursor:pointer;background:0 0;border:1px solid #9d907d;width:36px;height:36px;font-size:23px}.game-action-head>button:disabled{opacity:.3}.modal-match-actions>p{color:#71685c;margin:15px 0 10px;font-size:10px}.modal-match-actions>button{text-align:left;cursor:pointer;border:1px solid;align-items:center;gap:13px;width:100%;min-height:68px;margin-top:9px;padding:10px 13px;display:flex}.modal-match-actions>button>span{border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.modal-match-actions>button>div{flex-direction:column;gap:4px;display:flex}.modal-match-actions>button b{letter-spacing:.1em;font-size:13px}.modal-match-actions>button small{color:inherit;opacity:.7;font-size:9px}.modal-match-actions>button.undo{color:#674918;background:#e8d8bd;border-color:#b09468}.modal-match-actions>button.undo>span{color:#fff6e4;background:#c29b5e}.modal-match-actions>button.resign{color:#842e28;background:#ead1ca;border-color:#aa6e67}.modal-match-actions>button.resign>span{color:#fff2de;background:#a53a32;font-size:13px}.modal-match-actions>button:disabled{opacity:.5;cursor:default}.modal-undo-request{padding-top:17px}.modal-undo-request>div:first-child{background:#e5d4b9;border-left:3px solid #a67835;grid-template-columns:48px 1fr;align-items:center;column-gap:12px;padding:14px;display:grid}.modal-undo-request>div:first-child>span{color:#fff0d4;background:#a67835;border-radius:50%;grid-row:1/3;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.modal-undo-request b{font-size:13px}.modal-undo-request small{color:#706455;margin-top:5px;font-size:9px}.modal-undo-request>div:last-child{grid-template-columns:1fr 1.35fr;gap:9px;margin-top:12px;display:grid}.modal-undo-request button{color:#5b5247;cursor:pointer;background:0 0;border:1px solid #9b8d78;height:44px}.modal-undo-request button.accept{color:#f2e4cd;background:#26302e;border-color:#26302e}@media (width<=520px){.game-action-modal{width:100%;padding:20px 18px calc(18px + env(safe-area-inset-bottom));border-width:1px 0 0;animation:.22s ease-out action-sheet-in;top:auto;bottom:0;left:0;transform:none;border-radius:18px 18px 0 0!important}@keyframes action-sheet-in{0%{opacity:.5;transform:translateY(28px)}to{opacity:1;transform:none}}.match-action-launch>button{min-width:118px;height:42px}}@media (width>=821px){:is(html:has(main.side-rail),body:has(main.side-rail)){height:100%;overflow:hidden}main.side-rail{grid-template-rows:minmax(0,1fr) 36px;grid-template-columns:88px minmax(0,1fr);width:100%;max-width:none;height:100dvh;min-height:0;padding:0;display:grid;overflow:hidden}.side-rail header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#eee4d4b8;border-bottom:0;border-right:1px solid #362b1d40;flex-direction:column;grid-area:1/1/3;justify-content:flex-start;gap:15px;width:88px;height:100%;padding:18px 0}.side-rail header>div:nth-child(2){flex-direction:column;align-items:center;display:flex}.side-rail header h1{letter-spacing:.22em;text-indent:.22em;writing-mode:vertical-rl;font-size:23px;line-height:1.15}.side-rail header p{display:none}.side-rail header .live{writing-mode:vertical-rl;letter-spacing:.12em;align-items:center;gap:7px;margin:auto 0 0;font-size:9px;display:flex}.side-rail header .live i{margin:0 0 6px}.side-rail header .menu-button{margin:1px 0 0}.side-rail .game-shell{grid-area:1/2;place-items:center;height:100%;min-height:0;padding:8px 18px 4px;display:grid;overflow:hidden}.side-rail .board-wrap{width:min(660px,90dvh - 184.5px,100vw - 130px);max-width:none;margin:0}.side-rail .player-strip{height:50px}.side-rail .match-actions>button{height:40px}.side-rail .board-replay-console{max-height:142px;overflow:auto}.side-rail footer{grid-area:2/2;height:36px;margin:0;padding:0 22px}}.lan-menu{left:0;right:auto;box-shadow:18px 0 55px #10151266}.lobby-modes{gap:9px;margin-top:22px;display:grid}.lobby-modes>button{color:#303835;text-align:left;cursor:pointer;background:#f3eadb;border:1px solid #aa9d88;grid-template-columns:42px 1fr 22px;align-items:center;gap:12px;min-height:66px;padding:9px 12px;display:grid}.lobby-modes>button>span{color:#f0e2ca;background:#28322f;border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.lobby-modes div{flex-direction:column;display:flex}.lobby-modes b{font-size:14px}.lobby-modes small{color:#7d7468;margin-top:4px;font-size:9px}.lobby-modes i{color:#8e8270;font-size:18px;font-style:normal}.join-block{border-top:1px solid #b9aa92;margin-top:22px;padding-top:18px}.join-block>b{margin-bottom:10px;font-size:12px;display:block}.nickname-field{border-top:1px solid #b9aa92;margin-top:24px;padding-top:17px;display:block}.nickname-field>span{margin-bottom:7px;font-size:11px;font-weight:700;display:block}.nickname-field input{background:#f7efe2;border:1px solid #a99b86;outline:none;width:100%;height:40px;padding:0 11px}.nickname-field input:focus{border-color:#9e302a}.nickname-field small{color:#80776b;margin-top:5px;font-size:9px;display:block}.match-setup{margin-top:24px}.setup-group{margin-bottom:24px}.setup-group>b{margin-bottom:10px;font-size:12px;display:block}.choice-row{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.choice-row.three{grid-template-columns:repeat(3,1fr)}.choice-row button{color:#625a4f;cursor:pointer;background:0 0;border:1px solid #a99b86;height:38px}.choice-row button.selected{color:#f1e4ce;background:#29322f;border-color:#29322f}.team-choices{gap:7px;display:grid}.team-choices button{color:#4b4740;cursor:pointer;background:#f4ebdc;border:1px solid #a99b86;grid-template-columns:1fr 36px 1fr;align-items:center;height:45px;display:grid}.team-choices button i{color:#9b332c;font-family:Arial,sans-serif;font-size:9px;font-style:normal}.team-choices button.selected{background:#eadbc4;border-color:#9e302a;box-shadow:inset 3px 0 #9e302a}.setup-group>p{color:#7d7468;font-size:9px;line-height:1.7}.create-match{color:#fff0d9;text-align:left;letter-spacing:.08em;cursor:pointer;background:#9e302a;border:0;width:100%;height:46px;padding:0 15px}.create-match span{float:right;font-size:19px}.room-lobby{margin-top:5px}.player-list{gap:5px;margin-top:16px;display:grid}.player-list>div{color:#8b8276;background:#e1d5c1;grid-template-columns:28px 1fr auto;align-items:center;min-height:39px;padding:5px 9px;display:grid}.player-list>div.joined{color:#303835}.player-list span{color:#fff;background:#b9ad99;border-radius:50%;place-items:center;width:21px;height:21px;font-family:Arial,sans-serif;font-size:9px;display:grid}.player-list .joined span{background:#3e7250}.player-list b{font-size:11px}.player-list small{color:#8e302a;font-size:9px}.lobby-rule{text-align:center;color:#746c60;margin-top:12px;font-size:9px}.cancel-room{color:#922e29;letter-spacing:.12em;cursor:pointer;background:0 0;border:1px solid #a44b43;width:100%;height:41px;margin-top:12px}.cancel-room:hover{color:#fff1d9;background:#9e302a}@media (width>=821px){.point{width:clamp(50px,4.25vw,58px);height:clamp(50px,4.25vw,58px)}.piece{width:clamp(46px,4vw,54px);height:clamp(46px,4vw,54px);font-size:clamp(24px,2vw,28px)}}.time-presets{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.time-presets.five{grid-template-columns:repeat(5,1fr)}.time-presets button{color:#60594f;cursor:pointer;background:0 0;border:1px solid #ab9e89;height:34px;font-size:10px}.time-presets button.selected{color:#f3e6d0;background:#29322f;border-color:#29322f}.time-custom{background:#f2e8d8;border:1px solid #b7aa96;grid-template-columns:1fr 72px 42px;align-items:center;height:38px;margin-top:7px;padding-left:10px;display:grid}.time-custom span{color:#756d61;font-size:10px}.time-custom input{text-align:right;background:0 0;border:0;border-bottom:1px solid #998b77;outline:none;width:100%;height:28px;padding:0 6px;font-family:Arial,sans-serif}.time-custom i{color:#756d61;text-align:center;font-size:9px;font-style:normal}.match-setup .setup-group{margin-bottom:18px}.match-setup .setup-group:has(.team-choices){display:none}.team-picker-panel{z-index:42;background:#f4ead9;border:1px solid #9f9079;width:min(390px,100vw - 430px);padding:15px;position:fixed;top:20px;bottom:auto;left:410px;box-shadow:0 10px 32px #1a171366}.team-picker-panel>b{font-size:14px;display:block}.team-picker-panel>small{color:#776e62;margin:4px 0 12px;font-size:9px;display:block}.team-pick-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.team-column{background:#e6dac7;border:2px solid #a99a83;grid-template-columns:1fr;gap:7px;padding:10px;display:grid}.team-column.team-a{border-top:5px solid #b28743}.team-column.team-b{background:#dce0dc;border-top:5px solid #526c72}.team-column>strong{letter-spacing:.16em;font-size:15px}.team-column>small{color:#776e62;letter-spacing:.08em;margin-top:-6px;font-size:8px}.team-pick-buttons button{cursor:pointer;border:2px solid;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;height:54px;padding:0 10px;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.team-pick-buttons button b{letter-spacing:.14em;font-size:12px}.team-pick-buttons button span{text-overflow:ellipsis;white-space:nowrap;text-align:left;width:100%;font-size:11px;font-weight:700;display:block;overflow:hidden}.team-pick-buttons button.empty{color:#756d61;background:#d8ccb9;border-color:#9d917f;box-shadow:inset 0 4px 9px #61564642,inset 0 -1px #fff9}.team-pick-buttons button.empty.red b{color:#aa3129}.team-pick-buttons button.empty.black b{color:#22332f}.team-pick-buttons button.empty span{color:#8c8375;font-weight:400}.team-pick-buttons button.filled.red{color:#fff5e5;background:#b32e27;border-color:#8e211c;box-shadow:inset 0 1px #f6a69b66,0 4px 10px #6b171c44}.team-pick-buttons button.filled.black{color:#fff1d7;background:#1e302c;border-color:#101c19;box-shadow:inset 0 1px #9db4ad55,0 4px 10px #111a1855}.team-pick-buttons button.selected{outline-offset:1px;outline:3px solid #d8a059;transform:translateY(-1px)}.team-pick-buttons button:disabled{opacity:1;cursor:not-allowed}.team-pick-buttons button.filled:disabled{filter:saturate(.85)}@media (width<=780px){.team-picker-panel{width:auto;inset:auto 14px 14px}.lan-menu:has(+.team-picker-panel){padding-bottom:270px}body:has(.team-picker-panel) .lan-menu{padding-bottom:270px}}body:has(.team-picker-panel) .room-lobby .player-list small{display:none}.point.just-moved:after{opacity:1;background:0 0;border:1.5px solid #fffdf3;border-radius:50%;width:auto;height:auto;animation:1.5s ease-in-out infinite alternate last-move-glow;inset:0;box-shadow:0 0 5px 1px #ffffffb8,inset 0 0 4px #ffffff8f}.resign-seal{background:#70483b}.resign-seal strong{font-size:46px}@keyframes last-move-glow{0%{opacity:.48;transform:scale(.94)}to{opacity:.9;transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.point.just-moved:after{opacity:.72;animation:none!important}}.player-clock{color:#4d504b;text-align:center;letter-spacing:.04em;font-variant-numeric:tabular-nums;background:#ddd2c0;border:1px solid #9d9384;min-width:112px;margin-left:auto;padding:7px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:24px;line-height:1;box-shadow:inset 0 1px #fff8}.player-clock.active{color:#fff0d6;background:#26312e;border-color:#26312e;box-shadow:0 4px 12px #18201e33}.player-strip.red .player-clock.active{background:#a0322b;border-color:#a0322b}.player-clock.urgent{color:#b5221c}.player-clock.active.urgent{color:#fff3c9;animation:.65s ease-in-out infinite alternate clock-urgent}.player-strip:has(.player-clock) em{margin-left:0}@keyframes clock-urgent{to{box-shadow:0 0 0 3px #d12a244d,0 4px 16px #85191355}}@media (width<=420px){.player-clock{min-width:91px;padding:6px 8px;font-size:20px}.player-strip:has(.player-clock){gap:7px}.player-strip:has(.player-clock) em{display:none}}@media (prefers-reduced-motion:reduce){.player-clock.active.urgent{animation:none!important}}.nearby-button{color:#fff0da;letter-spacing:.08em;cursor:pointer;background:#9f3029;border:1px solid #8f302a;height:40px;margin-left:auto;padding:0 13px;font-size:11px}.nearby-button:disabled{opacity:.45;cursor:default}.exit-room-button{background:#29322f;border-color:#29322f}.exit-room-button:hover{background:#9f3029;border-color:#8f302a}.side-rail header .nearby-button{z-index:12;writing-mode:horizontal-tb;width:auto;height:40px;margin:0;padding:0 14px;position:fixed;top:18px;right:20px;box-shadow:0 5px 16px #281b1333}.side-rail header .live+.nearby-button{margin-top:0}@media (width<=520px){.nearby-button{height:36px;padding:0 9px;font-size:10px}header .live{display:none}}.sound-toggle{color:#514b42;cursor:pointer;background:#eadfcd;border:1px solid #8f8371;flex:none;justify-content:center;align-items:center;gap:3px;width:62px;height:40px;padding:0 8px;display:flex;box-shadow:0 3px 10px #3c2d2018}.sound-speaker{clip-path:polygon(0 30%,35% 30%,100% 0,100% 100%,35% 70%,0 70%);background:#5c554a;width:9px;height:10px;margin-right:1px;position:relative}.sound-toggle>i{border-right:1.5px solid;border-radius:0 100% 100% 0;width:4px;height:9px}.sound-toggle>i:nth-of-type(2){width:5px;height:14px}.sound-toggle>b{margin-left:2px;font-size:9px;font-weight:400}.sound-toggle.on{color:#263c32;background:#dbe2d7;border-color:#557262}.sound-toggle.on .sound-speaker{background:#2f5c45}.sound-toggle.off{color:#8b8173;background:#e4d8c5}.sound-toggle.off>i{opacity:.18}.side-rail header .nearby-button{right:70px}.side-rail .sound-toggle{z-index:12;gap:2px;width:40px;height:40px;padding:0;position:fixed;top:18px;right:20px}.side-rail .sound-toggle>b,.side-rail .sound-toggle>i:nth-of-type(2){display:none}@media (width<=520px){.sound-toggle{gap:2px;width:38px;height:36px;padding:0}.sound-toggle>b,.sound-toggle>i:nth-of-type(2){display:none}}header>.menu-button:first-child{margin-left:0;margin-right:2px}.side-rail header>.menu-button:first-child{order:-1;margin:0 0 2px}.menu-button:disabled{cursor:not-allowed;opacity:.48}.menu-button.connecting span,.menu-button.unavailable span{display:none}.menu-button.connecting:after,.menu-button.unavailable:after{content:"";border:2px solid #a69c8c;border-top-color:#9f3029;border-radius:50%;width:17px;height:17px;animation:.85s linear infinite service-spin}.menu-button.unavailable:after{border-top-color:#6f6a61}@keyframes service-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.menu-button.connecting:after,.menu-button.unavailable:after{animation-duration:1.8s}}.nearby-scrim{z-index:44}.nearby-panel{z-index:45;background:#eee4d2;border:1px solid #9e8e75;width:min(420px,100vw - 28px);max-height:min(650px,100dvh - 28px);padding:25px;animation:.25s ease-out nearby-in;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 70px #10151288}.nearby-head{border-bottom:1px solid #b9aa92;justify-content:space-between;align-items:flex-start;padding-bottom:17px;display:flex}.nearby-head small{letter-spacing:.2em;color:#887e70;font-family:Arial,sans-serif;font-size:8px}.nearby-head h2{letter-spacing:.14em;margin:5px 0 0;font-size:25px}.nearby-head button{color:#4c504b;cursor:pointer;background:0 0;border:1px solid #9f9586;width:37px;height:37px;font-size:24px}.nearby-status{color:#6d665b;background:#e1d5c1;align-items:center;gap:8px;margin:16px 0 10px;padding:10px;font-size:10px;display:flex}.nearby-status i{background:#3f8a58;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #3f8a5825}.nearby-status b{color:#303835;margin-left:auto}.nearby-list{gap:6px;min-height:128px;display:grid}.nearby-list>div{background:#f6eddf;border:1px solid #c3b49d;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px 11px;display:grid}.nearby-list>div>span{color:#f1e3ca;background:#29332f;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.nearby-list b{font-size:13px}.nearby-list small{color:#438056;font-size:9px}.nearby-list>p{text-align:center;color:#777064;align-content:center;place-items:center;margin:0;font-size:12px;line-height:1.8;display:grid}.nearby-list>p small{color:#91887b}.random-match{color:#fff0d9;text-align:left;letter-spacing:.12em;cursor:pointer;background:#9f3029;border:0;width:100%;height:48px;margin-top:15px;padding:0 16px}.random-match span{float:right;font-size:18px}.random-match.waiting{cursor:wait;background:#29332f}.nearby-tip{color:#7d7468;margin:10px 3px 0;font-size:9px;line-height:1.65}@keyframes nearby-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.nearby-panel{animation:none}}.nearby-panel{flex-direction:column;display:flex}.nearby-head{flex:none;order:0}.nearby-status,.nearby-location-card{order:1}.nearby-list{order:2}.nearby-mode-picker{border-top:1px solid #b9aa92;order:3;margin-top:14px;padding-top:13px}.nearby-mode-picker>small{color:#766d60;letter-spacing:.1em;margin-bottom:8px;font-size:9px;display:block}.nearby-mode-picker>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.nearby-mode-picker button{color:#5e574d;cursor:pointer;background:#e4d7c3;border:1px solid #a99b86;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:54px;padding:8px 10px;display:flex}.nearby-mode-picker button b{font-size:12px}.nearby-mode-picker button span{color:#81776a;font-size:9px}.nearby-mode-picker button.selected{color:#fff0d9;background:#9f3029;border-color:#9f3029;box-shadow:inset 0 0 0 1px #e3ae84}.nearby-mode-picker button.selected span{color:#f0cbbb}.nearby-mode-picker button:disabled{cursor:default}.random-match{order:4}.nearby-tip{order:5}.nearby-location-card{text-align:center;background:#e1d5c1;border:1px solid #b8a991;flex-direction:column;justify-content:center;align-items:center;min-height:245px;margin-top:16px;padding:28px 22px;display:flex}.nearby-location-card>i{border:3px solid #a79a86;border-top-color:#9f3029;border-radius:50%;width:34px;height:34px;margin-bottom:14px}.nearby-location-card.requesting>i{animation:.9s linear infinite location-spin}.nearby-location-card:not(.requesting)>i{clip-path:polygon(50% 0,94% 100%,6% 100%);background:#9f3029;border:0}.nearby-location-card b{font-size:15px}.nearby-location-card p{color:#70675a;max-width:310px;margin:10px 0 0;font-size:11px;line-height:1.85}.nearby-location-card button{color:#f2e4ce;cursor:pointer;background:#29332f;border:0;height:39px;margin-top:18px;padding:0 18px;font-size:11px}@keyframes location-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.nearby-location-card.requesting>i{animation:none}}.reserve-tray{background:#e4d6bf;border:1px solid #aa9a82;border-left:4px solid #9f3029;grid-template-columns:150px 1fr;align-items:center;gap:12px;min-height:62px;margin:4px 0 9px;padding:9px 11px;display:grid}.reserve-tray>div:first-child{flex-direction:column;display:flex}.reserve-tray b{font-size:12px}.reserve-tray small{color:#756c5f;margin-top:4px;font-size:9px}.reserve-pieces{justify-content:flex-end;gap:6px;padding:3px;display:flex;overflow-x:auto}.reserve-pieces>span{color:#8b8276;font-size:10px}.reserve-pieces button{cursor:pointer;background:#f2dfbd;border:2px solid;border-radius:50%;flex:0 0 36px;width:36px;height:36px;font-size:18px;font-weight:700;box-shadow:0 2px 4px #4d362555}.reserve-pieces button.red{color:#a72c27}.reserve-pieces button.black{color:#26322f}.reserve-pieces button.selected{outline:3px solid #d19b43;transform:translateY(-2px);box-shadow:0 5px 10px #4d362566}.side-rail .reserve-tray{min-height:54px;margin-bottom:5px}.side-rail .reserve-pieces button{flex-basis:32px;width:32px;height:32px;font-size:16px}@media (width<=520px){.reserve-tray{grid-template-columns:110px 1fr;padding:7px 8px}.reserve-pieces{justify-content:flex-start}.reserve-pieces button{flex-basis:34px;width:34px;height:34px}}.room-lobby:has(.room-qr-card){flex-direction:column;display:flex}.room-lobby:has(.room-qr-card)>.menu-network{order:0}.room-lobby:has(.room-qr-card)>.room-ready{display:none}.room-lobby:has(.room-qr-card)>.room-qr-card{order:1}.room-qr-card{text-align:center;border-bottom:1px solid #b9aa92;width:100%;padding:12px 0 15px}.room-qr-card small{color:#756c60;letter-spacing:.14em;font-size:10px;display:block}.room-qr-card img{width:min(220px,82%);height:auto;image-rendering:pixelated;margin:8px auto 3px;display:block}.room-qr-card strong{letter-spacing:.2em;color:#9e302a;font-family:Arial,sans-serif;font-size:24px;display:block}.room-qr-card button{color:#fff0d9;cursor:pointer;background:#9f3029;border:1px solid #8f302a;height:34px;margin-top:7px;padding:0 17px;font-size:10px}.room-qr-card p{color:#756d61;margin:7px 0 0;font-size:9px;line-height:1.6}@media (width<=420px){.room-qr-card img{width:min(200px,78%)}}.disconnect-banner{z-index:20;color:#fff0dc;white-space:nowrap;background:#7f3029;border:1px solid #e0b778;align-items:center;gap:8px;max-width:calc(100vw - 30px);padding:9px 13px;font-size:10px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 7px 22px #39100e55}.disconnect-banner i{background:#ffca55;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #ffca5533}.disconnect-banner span{color:#f1cfb5;font-size:9px}.team-result-overlay .victory-seal{width:clamp(190px,42%,250px)}.team-result-overlay .victory-seal strong{letter-spacing:.04em;font-size:30px}.team-result-overlay.lose .victory-seal{background:#29322f;outline-color:#29322f}.team-result-overlay.win .victory-seal{background:#9f2923}@media (width<=520px){.disconnect-banner{white-space:normal;text-align:center;flex-wrap:wrap;justify-content:center;top:8px}.disconnect-banner span{width:100%}}.match-start-effect{z-index:14;color:#fff0d4;pointer-events:none;background:radial-gradient(circle,#17120ea6 0,#17120e66 42%,#0000 72%);justify-content:center;align-items:center;gap:15px;animation:2.2s both match-start-layer;display:flex;position:absolute;inset:0}.match-start-effect>i{background:linear-gradient(90deg,#0000,#e4c17d);width:clamp(25px,10%,64px);height:1px;animation:1.1s ease-out both start-line-left}.match-start-effect>i:last-child{background:linear-gradient(90deg,#e4c17d,#0000);animation-name:start-line-right}.match-start-effect>div{text-align:center;outline-offset:5px;background:#9f2923e8;border:2px solid #f0d49e;outline:1px solid #9f2923;min-width:clamp(180px,44%,270px);padding:18px 20px;animation:2.2s cubic-bezier(.18,.9,.25,1) both match-start-seal;box-shadow:0 14px 38px #180b08aa}.match-start-effect small{letter-spacing:.28em;color:#e7c99a;font-family:Arial,sans-serif;font-size:8px;display:block}.match-start-effect strong{letter-spacing:.18em;text-indent:.18em;margin:4px 0;font-size:clamp(27px,5vw,42px);line-height:1.2;display:block}.match-start-effect b{letter-spacing:.24em;text-indent:.24em;border-top:1px solid #e9cca077;padding-top:6px;font-size:11px;display:block}@keyframes match-start-layer{0%{opacity:0}12%,72%{opacity:1}to{opacity:0}}@keyframes match-start-seal{0%{opacity:0;transform:scale(1.8)rotate(-5deg)}17%{opacity:1;transform:scale(.92)rotate(1deg)}28%,70%{transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.05)}}@keyframes start-line-left{0%{opacity:0;transform:translate(-35px)scaleX(.2)}to{opacity:1;transform:none}}@keyframes start-line-right{0%{opacity:0;transform:translate(35px)scaleX(.2)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.match-start-effect,.match-start-effect>div,.match-start-effect>i{animation:none!important}.match-start-effect{background:#17120e99}.match-start-effect>div{opacity:1}}.two-side-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.two-side-picker button{cursor:pointer;border:2px solid;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;height:58px;padding:0 12px;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.two-side-picker button b{letter-spacing:.14em;font-size:13px}.two-side-picker button span{text-overflow:ellipsis;white-space:nowrap;text-align:left;width:100%;font-size:11px;display:block;overflow:hidden}.two-side-picker button.empty{color:#756d61;background:#d8ccb9;border-color:#9d917f;box-shadow:inset 0 4px 9px #61564642,inset 0 -1px #fff9}.two-side-picker button.empty.red b{color:#aa3129}.two-side-picker button.empty.black b{color:#22332f}.two-side-picker button.empty span{color:#8c8375}.two-side-picker button.filled.red{color:#fff5e5;background:#b32e27;border-color:#8e211c;box-shadow:inset 0 1px #f6a69b66,0 4px 10px #6b171c44}.two-side-picker button.filled.black{color:#fff1d7;background:#1e302c;border-color:#101c19;box-shadow:inset 0 1px #9db4ad55,0 4px 10px #111a1855}.two-side-picker button.selected{outline-offset:1px;outline:3px solid #d8a059;transform:translateY(-1px)}.random-side{color:#625a4f;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #a99b86;width:100%;height:35px;margin-top:9px;font-size:10px}.random-side.selected{color:#f1e4ce;background:#29322f;border-color:#29322f}.match-setup>.two-side-setup{display:none}.room-lobby:has(.room-side-picker){flex-direction:column;display:flex}.room-lobby>.room-side-picker{border-top:1px solid #b9aa92;border-bottom:1px solid #b9aa92;order:2;width:100%;margin:14px 0 4px;padding:15px 0 17px;display:block}.room-side-picker>small{color:#786f62;margin:-4px 0 11px;font-size:9px;display:block}.room-side-picker button:disabled{cursor:default;opacity:.65}.room-lobby:has(.room-side-picker)>.menu-network{order:0}:is(.room-lobby:has(.room-side-picker)>.room-ready,.room-lobby:has(.room-side-picker)>.room-qr-card){order:1}.room-lobby:has(.room-side-picker)>.player-list{order:3}.room-lobby:has(.room-side-picker)>.lobby-rule{order:4}.room-lobby:has(.room-side-picker)>.cancel-room{order:5}.ai-side-menu{z-index:43}.ai-match-setup>.two-side-setup{display:block}.ai-model-preview{background:#e5d9c6;border:1px solid #b8aa94;border-radius:14px;padding:14px;box-shadow:inset 0 3px 9px #5d504032}.ai-model-preview>div{align-items:center;gap:11px;display:flex}.ai-model-preview strong{color:#29322f;font-size:12px}.ai-preview-avatar{color:#f2e5cf;background:#29322f;border-radius:50%;place-items:center;width:38px;height:38px;font-size:17px;display:grid;box-shadow:0 4px 10px #1d282533}.ai-entry-models{display:block}.ai-model-choices{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px;display:grid}.ai-model-choices>button{color:#4d473f;text-align:left;cursor:pointer;background:#e5d9c6;border:1px solid #aa9c87;grid-template-columns:35px minmax(0,1fr) 14px;align-items:center;gap:8px;min-width:0;min-height:70px;padding:10px;display:grid}.ai-model-choices>button>span{color:#fff0dc;background:#796c59;border-radius:50%;place-items:center;width:35px;height:35px;font-size:15px;display:grid}.ai-model-choices>button>div{flex-direction:column;gap:4px;min-width:0;display:flex}.ai-model-choices>button b{font-size:12px}.ai-model-choices>button small{color:#746b60;font-size:8px;line-height:1.35}.ai-model-choices>button i{font-style:normal}.ai-model-choices>button.selected{color:#fff0dc;background:#2d3d37;border-color:#2d3d37;box-shadow:inset 0 0 0 1px #82978e}.ai-model-choices>button.selected small{color:#cbd4ce}.ai-model-choices>button.neural>span{background:#396a61}.ai-model-choices>button.simple>span{background:#80643f}.ai-model-choices>button.pikafish>span{background:#9a332b}.ai-model-choices>button.pikafish.selected{background:#72251f;border-color:#72251f}.ai-model-choices>button:disabled{opacity:.5;cursor:not-allowed}.ai-match-setup .create-match{margin-top:4px}.pikafish-note{color:#776c5e;margin:8px 0 0;font-size:9px;line-height:1.55}.room-lobby>.team-picker-panel{z-index:auto;width:100%;box-shadow:none;background:0 0;border:1px solid #b9aa92;border-left:0;border-right:0;margin:14px 0 4px;padding:14px 0 16px;position:static;inset:auto}.room-lobby:has(.room-qr-card)>.team-picker-panel{order:2}.room-lobby:has(.room-qr-card)>.player-list{order:3}.room-lobby:has(.room-qr-card)>.lobby-rule{order:4}.room-lobby:has(.room-qr-card)>.cancel-room{order:5}@media (width<=780px){body:has(.room-lobby>.team-picker-panel) .lan-menu{padding-bottom:35px}.room-lobby>.team-picker-panel{width:100%;inset:auto}}.player-strip{transition:background .2s,box-shadow .2s;position:relative}.player-strip:before{content:"";background:0 0;width:3px;transition:background .2s,box-shadow .2s;position:absolute;top:9px;bottom:9px;left:0}.player-strip.active-turn{background:linear-gradient(90deg,#26322f1f,#0000 76%);box-shadow:inset 0 -1px #26322f33}.player-strip.active-turn:before{background:#26322f;box-shadow:0 0 9px #26322f88}.player-strip.red.active-turn{background:linear-gradient(90deg,#a7352d21,#0000 76%);box-shadow:inset 0 -1px #a7352d40}.player-strip.red.active-turn:before{background:#a7352d;box-shadow:0 0 9px #a7352d99}.player-strip.active-turn .avatar{outline-offset:2px;outline:3px solid #d2a75c;box-shadow:0 0 13px #c99c5466}.lobby-modes>button:first-child>span{background:#9e302a}.lobby-modes>button:nth-child(2)>span{background:#28322f}.lobby-modes>button:nth-child(3)>span{background:#9e302a}.lobby-modes>button:nth-child(4)>span{background:#80633e}.ai-avatar{cursor:pointer;padding:0;position:relative}.ai-avatar:after{content:"";background:#c89b54;border:2px solid #eee4d2;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;right:-3px;box-shadow:0 1px 4px #17120e66}.player-strip:has(.ai-difficulty-panel){z-index:30}.ai-difficulty-panel{z-index:31;background:#eee4d2;border:1px solid #948670;grid-template-columns:repeat(3,1fr);gap:6px;width:220px;position:absolute;top:49px;left:5px;box-shadow:0 12px 30px #17120e55;padding:10px!important;display:grid!important}.ai-difficulty-panel small{color:#6e665b;letter-spacing:.12em;grid-column:1/-1;margin:0 0 2px;font-size:9px}.ai-difficulty-panel button{color:#5e574d;cursor:pointer;background:#ded2bf;border:1px solid #a49782;height:34px;font-size:10px}.ai-difficulty-panel button.selected{color:#fff0d9;background:#9f3029;border-color:#9f3029;box-shadow:inset 0 0 0 1px #e1b483}.side-rail .ai-difficulty-panel{top:44px}button:not(.point):not(.menu-scrim){border-radius:10px;transition:transform .16s,box-shadow .16s,filter .16s,border-color .16s}button:not(.point):not(.menu-scrim):focus-visible{outline-offset:2px;outline:3px solid #c89b54}@media (hover:hover){button:not(.point):not(.menu-scrim):not(:disabled):hover{filter:brightness(1.035);transform:translateY(-1px);box-shadow:0 6px 14px #34261a24}button:not(.point):not(.menu-scrim):not(:disabled):active{transform:translateY(0)scale(.98);box-shadow:inset 0 2px 5px #251b1430}}.menu-button{background:#f4eadb99;border-radius:13px;box-shadow:0 3px 9px #3a2b1e18}.menu-head button,.nearby-head button{background:#f7eddf80;border-radius:12px}.nearby-button{background-image:linear-gradient(145deg,#b7443b,#8f2823);border-radius:999px;box-shadow:0 5px 14px #5c1a1730,inset 0 1px #f3a39a55}.exit-room-button{background-image:linear-gradient(145deg,#394743,#202b28)}.lobby-modes>button{background:linear-gradient(145deg,#f8f0e4,#eadcc8);border-color:#b5a58e;border-radius:16px;box-shadow:0 5px 13px #503d2820,inset 0 1px #fff}.lobby-modes>button>span{box-shadow:0 4px 10px #2a211a33,inset 0 1px #ffffff30}.create-match,.random-match,.primary{background-image:linear-gradient(145deg,#b64037,#8d2722);border-radius:13px;box-shadow:0 7px 16px #5c1a1738,inset 0 1px #f5ada355}.join button{background-image:linear-gradient(145deg,#b54037,#8f2823);border-radius:0 11px 11px 0}.join input{border-radius:11px 0 0 11px}.match-actions>button,.cancel-room,.room-ready button,.room-qr-card button,.nearby-location-card button,.random-side{border-radius:11px}.match-actions .draw-button,.match-actions .view-record,.nearby-location-card button{background-image:linear-gradient(145deg,#35423e,#202b28)}.match-actions .restart-game,.room-qr-card button{background-image:linear-gradient(145deg,#b54037,#8f2823)}.time-presets button,.choice-row button,.team-choices button,.replay-controls button,.record-actions button{border-radius:8px}.team-pick-buttons button,.two-side-picker button{border-radius:13px}.team-column{border-radius:15px}.ai-difficulty-panel{border-radius:14px}.ai-difficulty-panel button{border-radius:8px}.draw-request{border-radius:12px}.draw-request button{border-radius:8px}.reserve-pieces button,.ai-avatar{border-radius:50%!important}.random-match.waiting{background-image:linear-gradient(145deg,#35423e,#202b28)}@media (prefers-reduced-motion:reduce){button:not(.point):not(.menu-scrim){transition:none}}.board.is-check-subtle:after{content:"";z-index:3;pointer-events:none;opacity:0;border:3px solid #a7352d99;animation:.95s ease-out both check-soft-glow;position:absolute;inset:0;box-shadow:inset 0 0 24px 5px #a7352d38}.piece.checked-king{z-index:5;animation:1.05s ease-out both checked-king-soft}@keyframes check-soft-glow{0%{opacity:0}28%{opacity:.62}to{opacity:0}}@keyframes checked-king-soft{0%{box-shadow:0 2px 4px #4d3625a1,inset 0 0 0 2px #e8c58b}35%{box-shadow:0 0 0 4px #f0cf8db5,0 0 13px 5px #a7352d55,inset 0 0 0 2px #e8c58b}to{box-shadow:0 2px 4px #4d3625a1,inset 0 0 0 2px #e8c58b}}@media (prefers-reduced-motion:reduce){.board.is-check-subtle:after{display:none}.piece.checked-king{animation:none}}main:not(.side-rail){flex-direction:column;display:flex}main:not(.side-rail)>.game-shell{flex:1}main:not(.side-rail)>footer{margin-top:auto}@media (width>=821px){.side-rail header{grid-row:1}.side-rail footer{grid-area:2/1/auto/3}}.computer-options-button{color:#283b34;cursor:pointer;background:#dce1d8;border:1px solid #53655e;flex:none;justify-content:center;align-items:center;gap:8px;min-width:102px;height:34px;margin-left:auto;padding:0 10px;display:flex;box-shadow:0 3px 9px #26332d20}.computer-options-button>span{letter-spacing:.08em;font-size:10px}.player-strip .computer-options-button>b{letter-spacing:.05em;color:#617269;font-family:Arial,sans-serif;font-size:11px}.modal-ai-modes>p{color:#71685c;margin:15px 0 10px;font-size:10px}.modal-ai-modes>button{text-align:left;color:#504940;cursor:pointer;background:#e5d9c6;border:1px solid #a99b86;grid-template-columns:40px 1fr 22px;align-items:center;gap:12px;width:100%;min-height:70px;margin-top:9px;padding:10px 12px;display:grid}.modal-ai-modes>button>span{color:#fff0dc;background:#697872;border-radius:50%;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.modal-ai-modes>button>div{flex-direction:column;gap:4px;display:flex}.modal-ai-modes>button b{letter-spacing:.08em;font-size:13px}.modal-ai-modes>button small{color:#776e62;font-size:9px}.modal-ai-modes>button>i{color:#fff;font-size:12px;font-style:normal}.modal-ai-modes>button.selected{color:#fff0d9;background:#293a34;border-color:#293a34;box-shadow:inset 0 0 0 1px #8fa299}.modal-ai-modes>button.selected small{color:#c7d0c9}.modal-ai-modes>button.suggest>span{background:#a47737}.modal-ai-modes>button.suggest.selected{background:#8b642d;border-color:#8b642d;box-shadow:inset 0 0 0 1px #d5ae72}.modal-ai-modes>button.suggest.selected small{color:#ead7b8}.point.ai-suggest-from .piece{outline-offset:3px;outline:4px solid #e5b955;animation:1.1s ease-in-out infinite alternate ai-suggest-pulse;box-shadow:0 0 0 7px #e5b95530,0 0 18px 7px #e5b95580,inset 0 0 0 2px #f4d99f}.point.ai-suggest-from:before{content:"建议";z-index:8;color:#fff2d5;white-space:nowrap;background:#8b642d;border-radius:5px;padding:2px 5px;font-size:8px;position:absolute;top:-19px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #38240f55}.point.ai-suggest-to:before{content:"落点";z-index:8;color:#fff4d5;background:#8b642d55;border:3px dashed #f0c35f;border-radius:50%;place-items:center;width:34px;height:34px;font-size:8px;font-weight:700;animation:.8s ease-in-out infinite alternate ai-target-pulse;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #f0c35f30,0 0 15px #6d451a77}.point.ai-suggest-to .piece{box-shadow:0 0 0 5px #f0c35f66,0 0 15px #6d451a88,inset 0 0 0 2px #f3d59b}@keyframes ai-suggest-pulse{to{transform:translateY(-2px);box-shadow:0 0 0 9px #e5b95520,0 0 22px 9px #e5b95596,inset 0 0 0 2px #f4d99f}}@keyframes ai-target-pulse{to{transform:translate(-50%,-50%)scale(1.08)}}@media (width<=520px){.computer-options-button{width:42px;min-width:42px;padding:0}.computer-options-button>span{display:none}.player-strip .computer-options-button>b{font-size:12px}}@media (prefers-reduced-motion:reduce){.point.ai-suggest-from .piece,.point.ai-suggest-to:before{animation:none}}.modal-ai-modes>button.neural>span{background:#396a61}.modal-ai-modes>button.neural.selected{background:#1f5149;border-color:#1f5149}.modal-ai-modes>button.simple>span{background:#8b7048}.modal-ai-modes>button.simple.selected{background:#665033;border-color:#665033}.modal-ai-modes>button.simple.selected small{color:#e2d3bd}.modal-ai-modes>button.pikafish>span{background:#9a332b}.modal-ai-modes>button.pikafish.selected{background:#72251f;border-color:#72251f}@media (width<=680px){.ai-model-choices{grid-template-columns:1fr}}@media (height<=700px){.ai-options-modal{max-height:calc(100dvh - 24px);overflow:auto}.modal-ai-modes>button{min-height:60px;margin-top:6px}.modal-ai-modes>p{margin:10px 0 5px}}.ai-engine-status{color:#fff0d9;background:#665033;border:1px solid #665033;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;width:100%;min-height:70px;padding:10px 12px;display:grid;box-shadow:inset 0 0 0 1px #a88d65}.ai-engine-status>span{color:#fff4df;background:#a18459;border-radius:50%;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.ai-engine-status>div{flex-direction:column;gap:4px;display:flex}.ai-engine-status b{letter-spacing:.08em;font-size:13px}.ai-engine-status small{color:#e2d3bd;font-size:9px;line-height:1.5}.ai-engine-status>i{color:#59462e;background:#f1d8a6;border-radius:999px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:700}.ai-engine-status.neural{background:#1f5149;border-color:#1f5149;box-shadow:inset 0 0 0 1px #719b91}.ai-engine-status.neural>span{background:#397368}.ai-engine-status.neural small{color:#c7d9d3}.ai-engine-status.neural>i{color:#17473f;background:#b9ded4}.modal-ai-modes>button>div>em{color:#554c41;white-space:normal;background:#cfc2ae;border-radius:8px;width:max-content;max-width:100%;margin-top:2px;padding:3px 7px;font-size:8px;font-style:normal;font-weight:700;line-height:1.25}.modal-ai-modes>button.selected>div>em{color:#f0e5d4;background:#ffffff18}.modal-match-actions>button.restart{color:#294237;background:#d9e0d7;border-color:#667b6f}.modal-match-actions>button.restart>span{color:#fff3dd;background:#456857;font-size:14px}.ai-depth-status{color:#756b5e;letter-spacing:.05em;white-space:nowrap;background:#eee3d2;border:1px solid #a99b86;border-radius:999px;margin-left:auto;padding:5px 8px;font-family:Arial,sans-serif;font-size:8px}.ai-depth-status.thinking{color:#704b1e;background:#f1dfb9;border-color:#9a7137;animation:.8s ease-in-out infinite alternate ai-depth-breathe;box-shadow:0 0 0 3px #c69a5630}.player-strip .ai-depth-status+.computer-options-button{margin-left:6px}@keyframes ai-depth-breathe{to{transform:translateY(-1px);box-shadow:0 0 0 5px #c69a5618}}@media (width<=520px){.ai-depth-status{padding:4px 6px;font-size:7px}.player-strip .ai-depth-status+.computer-options-button{margin-left:4px}}@media (prefers-reduced-motion:reduce){.ai-depth-status.thinking{animation:none}}.board.is-reviewing{contain:layout paint;isolation:isolate;overflow:hidden}.board.is-reviewing .move-trace{contain:paint;overflow:hidden}.replay-best-arrow{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.best-arrow-line{transform-origin:0;background:#24765c;border-radius:999px;height:5px;position:absolute;box-shadow:0 0 0 1px #effff7,0 2px 8px #123d3188}.best-arrow-line:after{content:"";filter:drop-shadow(1px -1px #effff7);border-top:5px solid #24765c;border-right:5px solid #24765c;width:14px;height:14px;position:absolute;top:50%;right:-2px;transform:translateY(-50%)rotate(45deg)}.best-arrow-line>i{color:#f1fff8;white-space:nowrap;background:#1f604c;border-radius:7px;padding:2px 6px;font-size:8px;font-style:normal;line-height:1.4;position:absolute;top:50%;left:50%;box-shadow:0 2px 6px #123d3155}.board.is-reviewing .point{cursor:pointer}.replay-record-next .trace-from{background:#ffe7a477;border-color:#9a6a18}.replay-record-next .trace-from,.replay-record-next .trace-to{animation:none}.replay-record-next .trace-from:before,.replay-record-next .trace-from:after{background:#9a6a18}.replay-record-next .trace-to{border-color:#ffd77c;box-shadow:0 0 0 4px #9a6a1899,0 0 21px #9a6a18}.replay-record-next .trace-to i{display:none}.replay-record-next .trace-to:after{content:"棋谱";color:#fff7df;white-space:nowrap;background:#80540d;border-radius:6px;padding:2px 5px;font-size:8px;position:absolute;top:34px;left:50%;transform:translate(-50%)}.replay-analysis-legend{color:#6d6458;align-items:center;gap:10px;margin-top:8px;font-size:9px;display:flex}.replay-analysis-legend span:before{content:"";vertical-align:-1px;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.replay-analysis-legend .best:before{background:#24765c}.replay-analysis-legend .record:before{background:#b37a19}.replay-analysis-legend small{color:#7d7161;margin-left:auto}.ai-entry-models>p,.ai-model-choices>button.simple,.ai-model-choices>button.neural,.modal-ai-modes>button.simple,.modal-ai-modes>button.neural{display:none}.ai-model-choices{grid-template-columns:1fr}.win-rate-panel,.room-chat{background:#e9decc;border:1px solid #a99a84;width:100%;margin-top:9px;box-shadow:0 6px 16px #4434261b}.win-rate-panel{padding:13px 14px 11px}.win-rate-head,.win-rate-numbers{justify-content:space-between;align-items:center;display:flex}.win-rate-head>div{flex-direction:column;display:flex}.win-rate-head small,.chat-head small{letter-spacing:.2em;color:#877b6b;font-family:Arial,sans-serif;font-size:7px}.win-rate-head b,.chat-head b{letter-spacing:.1em;margin-top:3px;font-size:12px}.win-rate-head>strong{color:#6b5b43;font-size:11px}.win-rate-numbers{margin-top:10px;font-size:10px}.win-rate-numbers span:first-child{color:#9f3029}.win-rate-numbers span.draw{color:#8a682c;text-align:center}.win-rate-numbers span:last-child{color:#263530}.win-rate-numbers b{font-family:Arial,sans-serif;font-size:16px}.win-rate-bar{background:#c8bba7;border-radius:999px;height:13px;margin-top:6px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #493a2c33}.win-rate-bar>i{height:100%;transition:width .45s;display:block}.win-rate-bar>i.red{background:linear-gradient(90deg,#87251f,#bc4339);border-radius:999px 0 0 999px}.win-rate-bar>i.draw{background:linear-gradient(90deg,#c69b48,#e0bf78)}.win-rate-bar>i.black{background:linear-gradient(90deg,#354a43,#172521);border-radius:0 999px 999px 0}.win-rate-panel>p{color:#807568;text-align:center;margin:8px 0 0;font-size:8px}.room-chat{padding:12px}.chat-head{border-bottom:1px solid #b8aa94;justify-content:space-between;align-items:center;padding-bottom:9px;display:flex}.chat-head>div{flex-direction:column;display:flex}.chat-head>span{color:#807568;font-size:8px}.chat-list{scrollbar-width:thin;scrollbar-color:#a99b86 transparent;flex-direction:column;gap:7px;height:132px;padding:9px 2px;display:flex;overflow-y:auto}.chat-list>div{grid-template-columns:29px 1fr;align-items:start;gap:7px;display:grid}.chat-list>div>span{color:#f0e3cc;background:#263530;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.chat-list>div.mine>span{background:#9f3029}.chat-list p{min-width:0;margin:0}.chat-list p>b{font-size:9px}.chat-list p>small{color:#938779;margin-left:6px;font-size:7px}.chat-list p>em{color:#4f4941;overflow-wrap:anywhere;background:#f7eee0;border-radius:3px 9px 9px;width:fit-content;max-width:100%;margin-top:3px;padding:5px 8px;font-size:10px;font-style:normal;line-height:1.45;display:block}.chat-list>div.mine p>em{color:#702a25;background:#ead0c5}.chat-empty{color:#8a8072;text-align:center;font-size:9px;margin:auto!important}.room-chat form{border-top:1px solid #b8aa94;height:38px;padding-top:8px;display:flex}.room-chat input{color:#3e3a34;background:#f8f0e3;border:1px solid #a99b86;border-right:0;border-radius:9px 0 0 9px;outline:none;flex:1;min-width:0;padding:0 10px;font-size:10px}.room-chat input:focus{border-color:#8d3029}.room-chat form button{color:#f1e4cd;cursor:pointer;background:#263530;border:0;width:62px;font-size:10px;border-radius:0 9px 9px 0!important}.room-chat form button:disabled{opacity:.45;cursor:default}:is(.side-rail .board-wrap:has(>.win-rate-panel),.side-rail .board-wrap:has(>.room-chat)){width:min(580px,90dvh - 333px,100vw - 130px)}.side-rail .win-rate-panel{padding:8px 11px 7px}.side-rail .win-rate-panel>p{display:none}.side-rail .room-chat{padding:8px}.side-rail .chat-list{height:82px}.side-rail .room-chat form{height:34px;padding-top:5px}@media (width<=520px){.win-rate-panel,.room-chat{margin-top:7px}.chat-list{height:116px}.win-rate-panel{padding:11px 10px 9px}.win-rate-head>strong{font-size:10px}}@media (prefers-reduced-motion:reduce){.win-rate-bar>i{transition:none}}@media (width>=821px){main:not(.side-rail)>header{grid-template-columns:40px 40px minmax(180px,1fr) auto auto auto;column-gap:12px;display:grid}main:not(.side-rail)>header .live{justify-self:end;margin-left:0}main:not(.side-rail)>header .nearby-button{margin-left:0}main:not(.side-rail)>header .sound-toggle{justify-self:end}.side-rail header .nearby-button{right:74px}.side-rail .sound-toggle{right:22px}.side-rail header .nearby-button{z-index:auto;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.12em;width:40px;height:76px;min-height:76px;margin:0;padding:9px 0;position:static;box-shadow:0 4px 12px #281b1326}.side-rail header .live+.nearby-button{margin-top:0}.side-rail .sound-toggle{z-index:auto;width:40px;height:40px;margin:0;padding:0;position:static}.side-rail header>*{flex:none}.side-rail header .live{flex:none;margin-top:auto}}.victory-overlay{inset:-9px}@media (width<=820px){.victory-overlay{inset:-6px}}.board{container-type:inline-size}.board.is-reviewing .trace-from,.board.is-reviewing .trace-to{aspect-ratio:1;width:clamp(28px,7cqw,46px);height:auto}.board.is-reviewing .trace-from:before{width:130%;height:1px;top:50%;left:-15%}.board.is-reviewing .trace-from:after{width:1px;height:130%;top:-15%;left:50%}.board.is-reviewing .trace-to i{inset:clamp(-11px,-1.7cqw,-5px)}@media (width>=821px){header,.player-strip,.board-replay-console,.win-rate-panel,.room-chat,.match-actions,.game-action-modal,.disconnect-banner,footer{-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,Arial,sans-serif}.player-strip b{font-size:16px}.player-strip small,.player-match-action>span,.computer-options-button>span{font-size:12px}.player-match-action>b,.player-strip .computer-options-button>b{font-size:13px}.replay-status b{font-size:14px}.replay-status small{font-size:11px}.replay-controls button{font-size:14px}.record-actions button,.leave-review{font-size:13px}.win-rate-head small,.chat-head small{font-size:9px}.win-rate-head b,.chat-head b{font-size:14px}.win-rate-head>strong{font-size:13px}.win-rate-numbers{font-size:12px}.win-rate-panel>p,.chat-head>span{font-size:10px}.chat-list p>b{font-size:11px}.chat-list p>small{font-size:9px}.chat-list p>em,.room-chat input,.room-chat form button{font-size:12px}.chat-empty{font-size:11px}.match-actions>button{font-size:13px}.live{font-size:12px}.side-rail header .live{font-size:10px}footer{font-size:11px}}@media (width>=1000px){:is(.game-shell:has(.board-wrap>.win-rate-panel),.game-shell:has(.board-wrap>.room-chat)){grid-template-columns:minmax(0,1008px)}:is(.board-wrap:has(>.win-rate-panel),.board-wrap:has(>.room-chat)){grid-template-columns:minmax(440px,660px) minmax(280px,320px);align-items:start;column-gap:28px;width:100%;max-width:1008px;display:grid}:is(.board-wrap:has(>.win-rate-panel)>:not(.win-rate-panel),.board-wrap:has(>.room-chat)>:not(.room-chat)){grid-column:1}.board-wrap>.win-rate-panel,.board-wrap>.room-chat{grid-area:2/2;place-self:end;margin:0}.board-wrap>.win-rate-panel{padding:18px 17px 15px}.board-wrap>.room-chat{padding:15px}.board-wrap>.room-chat .chat-list{height:260px}:is(.side-rail .board-wrap:has(>.win-rate-panel),.side-rail .board-wrap:has(>.room-chat)){grid-template-columns:minmax(430px,560px) minmax(280px,320px);column-gap:24px;width:min(904px,100vw - 122px);max-width:904px}.side-rail .board-wrap>.room-chat .chat-list{height:min(230px,30dvh)}.side-rail .board-wrap>.win-rate-panel{padding:16px 15px 13px}.side-rail .board-wrap>.win-rate-panel>p{display:block}}.rule-warning{z-index:10;text-align:center;color:#fff1d6;pointer-events:none;background:#8d5b20f2;border:2px solid #f0ca82;min-width:220px;padding:11px 17px;animation:2.6s both rule-warning-once;position:absolute;top:8%;left:50%;transform:translate(-50%);box-shadow:0 9px 28px #3e210d88}.rule-warning b{letter-spacing:.2em;text-indent:.2em;font-size:18px;display:block}.rule-warning small{letter-spacing:.05em;margin-top:5px;font-size:11px;display:block}@keyframes rule-warning-once{0%{opacity:0;transform:translate(-50%,-10px)scale(.94)}10%,82%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-5px)scale(.98)}}@media (width<=520px){.rule-warning{min-width:190px;padding:9px 12px;top:6%}.rule-warning b{font-size:16px}.rule-warning small{font-size:9px}}@media (prefers-reduced-motion:reduce){.rule-warning{animation:none!important}}@media (width>=821px){:is(.game-shell:has(.board-wrap>.win-rate-panel),.game-shell:has(.board-wrap>.room-chat)){grid-template-columns:minmax(450px,660px)}:is(.board-wrap:has(>.win-rate-panel),.board-wrap:has(>.room-chat)){width:100%;max-width:660px;display:block}:is(.side-rail .board-wrap:has(>.win-rate-panel),.side-rail .board-wrap:has(>.room-chat)){width:min(660px,90dvh - 184.5px,100vw - 130px);max-width:none;display:block}.board-replay-console,.board-wrap>.win-rate-panel,.board-wrap>.room-chat{z-index:18;width:min(330px,100vw - 48px);max-height:calc(100dvh - 100px);margin:0;position:fixed;bottom:58px;right:24px;overflow:auto;box-shadow:0 14px 38px #24190f40}.board-wrap>.win-rate-panel{padding:18px 17px 15px}.board-wrap>.room-chat{padding:15px}.board-wrap>.room-chat .chat-list{height:clamp(160px,30dvh,280px)}.side-rail .board-replay-console,.side-rail .board-wrap>.win-rate-panel,.side-rail .board-wrap>.room-chat{bottom:52px;right:22px}.side-rail .board-wrap>.room-chat .chat-list{height:clamp(140px,26dvh,230px)}.side-rail .board-wrap>.win-rate-panel{padding:16px 15px 13px}.side-rail .board-wrap>.win-rate-panel>p{display:block}.board-replay-console,.side-rail .board-replay-console,.board-wrap>.win-rate-panel,.board-wrap>.room-chat{max-height:none;overflow:visible}.board-wrap>.room-chat .chat-list,.side-rail .board-wrap>.room-chat .chat-list{height:auto;min-height:0;overflow:visible}.board-wrap>.room-chat .chat-list>div:nth-last-child(n+7){display:none}.board-wrap>.room-chat .chat-empty{padding:18px 4px;margin:0!important}.replay-side-stack{z-index:18;flex-direction:column;gap:9px;width:min(330px,100vw - 48px);display:flex;position:fixed;bottom:58px;right:24px}.side-rail .replay-side-stack{bottom:52px;right:22px}.replay-side-stack .board-replay-console,.side-rail .replay-side-stack .board-replay-console,.replay-side-stack .win-rate-panel{width:100%;max-height:none;margin:0;position:static;overflow:visible}.replay-side-stack .win-rate-panel{padding:16px 15px 13px;box-shadow:0 14px 38px #24190f40}.side-rail .board-wrap:has(>.replay-side-stack){width:min(660px,90dvh - 184.5px,100vw - 130px);max-width:none}}.record-library{z-index:41;background:#eee4d2;width:min(460px,94vw);height:100dvh;padding:28px;animation:.28s cubic-bezier(.2,.8,.2,1) menu-slide;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:18px 0 55px #10151266}.record-library-head{border-bottom:1px solid #b9aa92;justify-content:space-between;align-items:flex-start;padding-bottom:18px;display:flex}.record-library-head small{letter-spacing:.2em;color:#887e70;font-family:Arial,sans-serif;font-size:8px}.record-library-head h2{letter-spacing:.14em;margin:5px 0 0;font-size:25px}.record-library-head button{color:#4c504b;cursor:pointer;background:0 0;border:1px solid #9f9586;width:38px;height:38px;font-size:25px}.record-library-note{color:#71695e;margin:15px 0;font-size:11px;line-height:1.7}.current-record-card{text-align:left;cursor:pointer;background:#f5ebdc;border:1px solid #a99a83;grid-template-columns:42px 1fr 20px;align-items:center;gap:10px;width:100%;padding:11px;display:grid}.current-record-card>span{color:#fff;background:#9f3029;border-radius:50%;place-items:center;width:40px;height:40px;font-size:11px;display:grid}.current-record-card div{flex-direction:column;display:flex}.current-record-card b{font-size:13px}.current-record-card small{color:#766d60;margin-top:4px;font-size:9px}.current-record-card i{font-style:normal}.training-batch-list{flex-direction:column;gap:14px;margin-top:15px;display:flex}.training-batch{background:#e5d7c1;border:1px solid #aa9a83}.training-batch>header{color:#f1e4cd;background:#263530;justify-content:space-between;align-items:center;padding:12px 13px;display:flex}.training-batch.neural>header{background:#6f342e}.training-batch>header div{flex-direction:column;display:flex}.training-batch>header small{letter-spacing:.18em;opacity:.72;font-family:Arial,sans-serif;font-size:7px}.training-batch>header b{margin-top:3px;font-size:12px}.training-batch>header span{font-family:Arial,sans-serif;font-size:13px}.training-batch>p{color:#746a5e;border-bottom:1px solid #b8a991;margin:0;padding:9px 12px;font-size:9px}.training-batch>div{flex-direction:column;display:flex}.training-batch>div>button{color:#393a35;text-align:left;cursor:pointer;background:#f5ebdc;border:0;border-bottom:1px solid #c3b49e;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;width:100%;min-height:57px;padding:8px 11px;display:grid}.training-batch>div>button:last-child{border-bottom:0}.training-batch>div>button>span{color:#9f3029;font-family:Arial,sans-serif;font-size:12px}.training-batch>div>button>div{flex-direction:column;min-width:0;display:flex}.training-batch>div>button b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.training-batch>div>button b i{color:#8e7e68;margin:0 3px;font-size:8px;font-style:normal}.training-batch>div>button small{color:#756b5f;margin-top:4px;font-size:9px}.training-batch>div>button em{color:#7e302a;font-size:9px;font-style:normal}.record-library-empty{color:#776e62;text-align:center;border:1px dashed #aa9b85;margin-top:20px;padding:30px 15px;font-size:11px}.record-library-empty.error{color:#8f3029}@media (width<=520px){.record-library{width:94vw;padding:22px 18px 30px}.record-library-head h2{font-size:22px}.training-batch>div>button{min-height:62px}}html,body,button,input{-webkit-font-smoothing:auto;text-rendering:optimizelegibility}@media (width>=821px){header,.player-strip,.board-replay-console,.win-rate-panel,.room-chat,.match-actions,.game-action-modal,.disconnect-banner,footer{-webkit-font-smoothing:auto;text-rendering:optimizelegibility}}.training-batch.cross>header{background:#4b4b67}.training-batch>div>button{grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr) auto;align-items:center}.training-batch>div>button>span{grid-area:1/1/3}.training-batch>div>button>div{display:contents}.training-batch>div>button b{white-space:normal;text-overflow:clip;grid-area:1/2/auto/-1;width:100%;font-size:13px;line-height:1.35;overflow:visible}.training-batch>div>button small{grid-area:2/2;margin-top:2px;font-size:10px}.training-batch>div>button em{grid-area:2/3;font-size:10px}body{font-family:Microsoft YaHei,Noto Sans SC,PingFang SC,Arial,sans-serif}.piece,.river{font-family:KaiTi,STKaiti,SimKai,serif}.training-batch>header{-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0;border-right:0;flex-direction:row;justify-content:space-between;gap:13px;width:100%;height:auto;min-height:0;padding:12px 13px}.point.just-moved .piece{outline-offset:3px;outline:3px solid #fffdf3;animation:.72s cubic-bezier(.16,1.45,.3,1) last-piece-land-strong;box-shadow:0 0 0 7px #ffffff35,0 0 22px 8px #fff2bd88,0 4px 8px #3e291f99,inset 0 0 0 2px #f5d59c}.point.just-moved:after{border-width:3px;box-shadow:0 0 0 5px #ffffff32,0 0 18px 5px #fff6cfcc,inset 0 0 7px #fff}.point.just-left:before{content:"";z-index:5;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#fff5 0 17%,#0000 19%);border:3px solid #fff;border-radius:50%;width:72%;animation:.5s cubic-bezier(.18,1.4,.3,1) last-origin-arrive;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffffff28,0 0 15px 5px #fff8dcaa,inset 0 0 5px #fff}@keyframes last-piece-land-strong{0%{filter:brightness(1.55);transform:scale(1.9)translateY(-10px)}55%{transform:scale(.86)}78%{transform:scale(1.08)}to{filter:none;transform:scale(1)}}@keyframes last-origin-arrive{0%{opacity:0;transform:translate(-50%,-50%)scale(2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.modal-match-actions>button.learn{color:#214b3e;background:#d7e7de;border-color:#3f7765}.modal-match-actions>button.learn>span{color:#f3fff9;background:#39705f}.modal-match-actions>button.swap-side{color:#343b62;background:#dde0eb;border-color:#6d7391}.modal-match-actions>button.swap-side>span{color:#f5f6ff;background:#596386}@media (prefers-reduced-motion:reduce){.point.just-moved .piece,.point.just-left:before{animation:none!important}}.player-match-action.stop-learning{color:#fff5e5;background:#9a332b;border-color:#9a332b;animation:1.1s ease-in-out infinite alternate stop-learning-pulse;box-shadow:0 0 0 3px #9a332b24,0 4px 13px #5f17162f}.player-match-action.stop-learning>b{color:#ffd8b5}@keyframes stop-learning-pulse{to{box-shadow:0 0 0 6px #9a332b18,0 5px 17px #5f17164a}}@media (prefers-reduced-motion:reduce){.player-match-action.stop-learning{animation:none}}.board.is-reviewing .move-trace:not(.replay-record-next){display:none}.review-mode-menu>p{color:#70675b;margin:18px 0;font-size:11px;line-height:1.7}.review-mode-options{gap:10px;display:grid}.review-mode-options>button{color:#343a37;text-align:left;cursor:pointer;background:#f4eadb;border:1px solid #aa9b86;grid-template-columns:46px 1fr 20px;align-items:center;gap:12px;min-height:78px;padding:11px 13px;display:grid}.review-mode-options>button>span{color:#fff1db;background:#9e302a;border-radius:50%;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.review-mode-options>button:nth-child(2)>span{background:#293733}.review-mode-options>button div{flex-direction:column;gap:4px;display:flex}.review-mode-options>button b{font-size:14px}.review-mode-options>button small{color:#766d60;font-size:9px}.review-mode-options>button i{color:#8c7e6a;font-size:18px;font-style:normal}.board.is-setting .point{cursor:copy}.board.is-setting .point:hover:after{content:"";background:#dcebe344;border:2px dashed #486b61;border-radius:50%;position:absolute;inset:3px}.setup-board-console{background:#e8dcc8;border:1px solid #a99980;margin-top:10px;padding:12px;box-shadow:0 7px 16px #51432f1f}.setup-turn,.setup-piece-row,.setup-board-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.setup-turn{border-bottom:1px solid #c3b49e;padding-bottom:9px}.setup-turn>b,.setup-piece-row>b{width:74px;font-size:10px}.setup-turn button,.setup-piece-row button,.setup-board-actions button{color:#554e44;cursor:pointer;background:#f5ebdd;border:1px solid #a99a84;min-height:34px;padding:0 10px}.setup-turn button.selected.red{color:#fff;background:#9e302a;border-color:#9e302a}.setup-turn button.selected.black{color:#fff;background:#293733;border-color:#293733}.setup-piece-row{padding-top:9px}.setup-piece-row button{border-radius:50%;width:36px;padding:0;font-family:KaiTi,STKaiti,SimKai,serif;font-size:17px}.setup-piece-row.red button{color:#9e302a}.setup-piece-row.black button{color:#26302e}.setup-piece-row button.selected{outline-offset:1px;background:#fff8e8;outline:3px solid #c79748}.setup-board-actions{border-top:1px solid #c3b49e;margin-top:11px;padding-top:10px}.setup-board-actions button.selected.erase{color:#fff;background:#80540d}.setup-board-actions .start-play{color:#fff0d8;background:#293733;border-color:#293733;margin-left:auto;font-weight:700}@media (width<=520px){.setup-turn>b,.setup-piece-row>b{width:100%}.setup-piece-row{gap:5px}.setup-piece-row button{width:34px}.setup-board-actions .start-play{margin-left:0}}.setup-board-console{z-index:30;width:min(440px,100vw - 36px);max-height:calc(100dvh - 36px);margin:0;position:fixed;bottom:18px;right:18px;overflow:auto;box-shadow:0 18px 55px #20170f55}.board.is-setting,.board.is-setting .point{cursor:none}.setup-tool-cursor{z-index:80;opacity:0;pointer-events:none;will-change:left,top;filter:drop-shadow(0 4px 5px #24150e88);place-items:center;width:42px;height:42px;display:grid;position:fixed;top:0;left:0;transform:translate(12px,12px)}.setup-tool-cursor>span{background:#f1d9ab;border:2px solid #8e7047;border-radius:50%;place-items:center;width:40px;height:40px;font-family:KaiTi,STKaiti,SimKai,serif;font-size:23px;font-weight:700;display:grid;box-shadow:inset 0 0 0 2px #f9ebc9}.setup-tool-cursor.red>span{color:#a52e28}.setup-tool-cursor.black>span{color:#252d2b}.setup-tool-cursor.eraser{width:46px;height:34px}.setup-tool-cursor.eraser>i{background:linear-gradient(135deg,#e9b0ac 0 52%,#f4eadc 53%);border:2px solid #72594a;border-radius:5px;width:38px;height:22px;transform:rotate(-18deg);box-shadow:inset -8px 0 #d7c5ae}@media (width<=520px){.setup-board-console{width:calc(100vw - 16px);max-height:46dvh;bottom:8px;right:8px}}@media (pointer:coarse){.setup-tool-cursor{display:none}.board.is-setting,.board.is-setting .point{cursor:pointer}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}