/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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{.start{inset-inline-start:var(--spacing)}.grid{display:grid}.table{display:table}.resize{resize:both}}: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%}.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}.board.is-reviewing .point{cursor:default}.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>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 .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 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}}@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>button:nth-child(2)>span{background:#9e302a}.lobby-modes>button:nth-child(3)>span{background:#80633e}.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(350px,92vw - 40px);padding:15px;position:fixed;bottom:20px;left:20px;box-shadow:0 10px 32px #1a171366}.team-picker-panel>b{font-size:14px;display:block}.team-picker-panel>small{color:#776e62;margin-top:4px;font-size:9px;display:block}.team-live-list{grid-template-columns:1fr 1fr;gap:5px;margin:11px 0;display:grid}.team-live-list>span{background:#ded2bf;justify-content:space-between;padding:6px 8px;font-size:10px;display:flex}.team-live-list i{color:#746c61;font-size:9px;font-style:normal}.team-live-list .red i{color:#a52f29}.team-live-list .black i{color:#24322f}.team-pick-buttons{grid-template-columns:1fr 1fr;gap:7px;display:grid}.team-pick-buttons button{color:#554f46;cursor:pointer;background:0 0;border:1px solid #9d8f7b;height:40px}.team-pick-buttons button.red.selected{color:#fff0dc;background:#a3322b;border-color:#a3322b}.team-pick-buttons button.black.selected{color:#f2e5cf;background:#26322f;border-color:#26322f}.team-pick-buttons button:disabled{opacity:.42;cursor:not-allowed}.team-pick-buttons i{float:right;margin-right:7px;font-size:9px;font-style:normal}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}}