:root{color-scheme:dark;--night: #140b08;--lacquer: #3a120c;--lacquer-deep: #1c0907;--vermilion: #c42a1c;--gold: #e3b04b;--gold-hi: #ffe3a0;--bone: #efdcb4;--bone-dim: #b9a585;--jade: #6fe3c8;--line: rgba(227, 176, 75, .38);--font-cn: "Noto Serif", "Noto Serif TC", "Noto Serif SC", "Songti TC", "STSong", "SimSun", serif;--font-brush: "Ma Shan Zheng", "Noto Serif TC", "KaiTi", "STKaiti", serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--night: #140b08}}:root[data-theme=dark]{--night: #140b08}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}html,body,#root{height:100%;margin:0}body{background:var(--night);color:var(--bone);font-family:var(--font-cn);font-size:15px;line-height:1.5;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle at 35% 30%,#4a1d13,var(--lacquer-deep));font-size:18px;transition:transform .12s}.icon-btn:active{transform:scale(.92)}.btn{min-height:48px;padding:0 22px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(#3a1710,#1f0c08);font-weight:700;letter-spacing:.02em;transition:transform .12s}.btn:active{transform:scale(.96)}.btn--primary{background:linear-gradient(#d23a22,#8e1b14);border-color:#ffb37a;color:#fff3dc;box-shadow:0 0 24px #ff5a3259,inset 0 1px #ffffff4d}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#080302a8;animation:fade-in .2s ease-out}.modal{width:min(92vw,380px);padding:22px 20px 20px;border-radius:16px;background:linear-gradient(160deg,#3a140d,#170806);border:1px solid var(--line);box-shadow:0 30px 80px #000000b3,inset 0 0 0 4px #00000040;display:grid;gap:14px;animation:rise .25s cubic-bezier(.2,.9,.3,1.2)}.modal h2{margin:0 0 4px;font-family:var(--font-brush);font-weight:400;font-size:30px;color:var(--gold-hi)}.modal h2 small,.history-head small{font-family:var(--font-cn);font-size:13px;color:var(--bone-dim);margin-left:8px}.field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.field small{color:var(--bone-dim)}.field input[type=range]{width:55%;accent-color:var(--gold)}.toggle,.segmented button{min-height:40px;min-width:56px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:#0000004d}.toggle.is-on,.segmented button.is-on{background:linear-gradient(#e3b04b,#a8741f);color:#2a1206;border-color:var(--gold-hi);font-weight:700}.segmented{display:flex;gap:4px}.segmented button{min-width:44px;padding:0 8px}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.96)}}.app{position:relative;height:100%;isolation:isolate}.stage{position:relative;z-index:1;height:100%;max-width:620px;margin:0 auto;padding:6px 10px 8px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"top" "black" "board" "red" "actions";gap:6px}.topbar{grid-area:top}.slot-black{grid-area:black}.slot-red{grid-area:red}.board-area{grid-area:board;min-height:0;display:grid;place-items:center}.actions{grid-area:actions}.slot-history{position:fixed;left:0;right:0;bottom:0;z-index:45;max-height:62%;display:flex;padding:0 10px env(safe-area-inset-bottom,0px);transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.slot-history.is-open{transform:translateY(0)}.slot-history .history{width:100%;max-width:620px;margin:0 auto;border-radius:16px 16px 0 0}.slot-history[data-panel=history] .chat,.slot-history[data-panel=chat] .history:not(.chat){display:none}@media (orientation: landscape) and (min-width: 700px){.stage{max-width:1100px;grid-template-columns:minmax(200px,250px) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"top board" "black board" "red board" "actions board";column-gap:18px;padding:12px 16px}.actions{align-self:start}}@media (min-width: 1100px) and (min-height: 600px){.stage{max-width:1440px;grid-template-columns:clamp(230px,19vw,280px) minmax(0,1fr) 300px;grid-template-rows:auto auto auto auto minmax(0,1fr);grid-template-areas:"top board history" "black board history" "red board history" "actions board history" "record board history";padding:20px 24px;column-gap:24px}.slot-history{grid-area:history;position:static;transform:none;max-height:none;padding:0;min-height:0}.slot-record{grid-area:record;display:flex;min-height:0}.slot-record .history{flex:1 1 0;border-radius:14px}.slot-history .history{border-radius:14px}.slot-history .history{display:flex!important;flex:1 1 0}.history-head .icon-btn,.only-compact{display:none!important}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-family:var(--font-brush);font-size:26px;line-height:1;padding:6px 7px 4px;color:#f8e6c4;background:#a8141a;border-radius:5px;box-shadow:inset 0 0 0 2px #f8e6c48c,0 4px 14px #a8141a80;transform:rotate(-3deg)}.brand-sub{font-size:15px;font-weight:700;color:var(--gold-hi);letter-spacing:.06em}.topbar-actions{display:flex;gap:8px}.player{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 12px 7px 8px;border-radius:14px;background:linear-gradient(100deg,#280e09e0,#140806bf);border:1px solid rgba(227,176,75,.16);transition:border-color .3s,box-shadow .3s}.player.is-active{border-color:#ffd278b3;box-shadow:0 0 22px #e3b04b38,inset 0 0 18px #e3b04b14}.player-emblem{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:22px;background:radial-gradient(circle at 35% 30%,#fff4cf,#e2bf78 60%,#9a7038);box-shadow:inset 0 0 0 3px var(--rim),0 3px #4a2a10}.player--red .player-emblem{--rim: #8e1b14;color:#a8141a}.player--black .player-emblem{--rim: #26211d;color:#16110e}.player-name{display:flex;align-items:baseline;gap:6px;font-weight:700;font-size:15px;flex-wrap:wrap}.player-name-cn{font-size:12px;color:var(--bone-dim);font-weight:500}.player-stats{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--bone-dim);white-space:nowrap}.qi-meter{position:relative;display:inline-flex;align-items:center;width:84px;height:16px;border-radius:8px;overflow:hidden;background:#00000073;border:1px solid rgba(227,176,75,.25)}.qi-meter i{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;background:linear-gradient(90deg,#a8741f,#ffd36b,#fff2c0);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.player--black .qi-meter i{background:linear-gradient(90deg,#5a49b8,#9d8cff,#e2dcff)}.qi-meter b{position:relative;width:100%;text-align:center;font-size:10px;color:#fff;text-shadow:0 1px 2px #000}.player-clock{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;color:var(--bone);padding:2px 8px;border-radius:8px;background:#00000059}.player.is-active .player-clock{color:var(--gold-hi)}.player-clock.is-low{color:#ff6a4a;animation:blink 1s steps(2) infinite}.player-turn{position:absolute;right:10px;top:-9px;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--gold);color:#2a1206}.tag{font-size:11px;padding:0 6px;border-radius:4px}.tag--check{background:#c42a1c;color:#fff;animation:blink .8s steps(2) infinite}.actions{display:flex;gap:8px}.hud-btn{flex:1;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border-radius:12px;border:1px solid rgba(227,176,75,.4);background:linear-gradient(#3d1810,#1f0c08);box-shadow:inset 0 1px #ffdca026,0 4px #0c0403;transition:transform .1s,opacity .2s}.hud-btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffdca026,0 2px #0c0403}.hud-btn:disabled{opacity:.38;cursor:default}.hud-btn-glyph{font-family:var(--font-brush);font-size:24px;line-height:1.1;color:var(--gold-hi)}.hud-btn-label{font-size:12px;color:var(--bone-dim);white-space:nowrap}.history{display:flex;flex-direction:column;min-height:0;height:100%;background:linear-gradient(180deg,#260d09,#120705);border:1px solid var(--line);box-shadow:0 -10px 40px #0009;overflow:hidden}.history-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;border-bottom:1px solid rgba(227,176,75,.15)}.history-head h2{margin:0;font-family:var(--font-brush);font-weight:400;font-size:26px;color:var(--gold-hi)}.history-empty{padding:16px;margin:0;color:var(--bone-dim);font-size:14px}.history-list{list-style:none;margin:0;padding:6px 8px 14px;overflow-y:auto;min-height:0;flex:1;-webkit-user-select:text;user-select:text}.history-list li{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px;padding:5px 6px;border-radius:6px;font-size:14px}.history-list li:nth-child(odd){background:#ffdca00a}.ply-no{font-size:12px;color:var(--bone-dim);text-align:right;font-variant-numeric:tabular-nums}.ply{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px 4px;font-weight:700;white-space:nowrap}.ply--red{color:#ff8a70}.ply--black{color:#e9dcc4}.ply em{font-style:normal;font-size:11px;color:var(--gold-hi)}.ply b{font-size:11px;color:#fff;background:#c42a1c;padding:0 3px;border-radius:3px;font-weight:700}.ply-reveal{font-style:normal;font-size:11px;color:var(--jade)}@keyframes blink{50%{opacity:.45}}@media (max-height: 640px) and (orientation: portrait){.topbar{min-height:40px}.player{padding:4px 10px 4px 6px}.player-emblem{width:34px;height:34px;font-size:18px}.hud-btn{min-height:46px}}.viewers{display:inline-flex;align-items:center;gap:4px;padding:0 10px;min-height:32px;align-self:center;border-radius:999px;border:1px solid var(--line);background:#00000059;font-size:13px;font-weight:700;color:var(--bone);font-variant-numeric:tabular-nums}.viewers i{font-style:normal;font-size:14px}.hud-btn{position:relative;min-width:0}@media (max-width: 420px){.actions{gap:6px}.hud-btn-label{font-size:11px;letter-spacing:-.01em}}.hud-btn-badge{position:absolute;top:4px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:700;line-height:1;background:var(--vermilion);color:#fff}.waiting-actions{display:flex;gap:8px}.seat-requests{position:fixed;z-index:55;left:50%;top:calc(64px + env(safe-area-inset-top,0px));transform:translate(-50%);width:min(calc(100vw - 32px),440px);display:grid;gap:8px}.seat-request,.seat-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:linear-gradient(100deg,#30120af7,#180906f7);border:1px solid rgba(255,210,120,.6);box-shadow:0 10px 30px #00000080;animation:fade-in .2s ease-out}.seat-request span,.seat-bar span{flex:1 1 140px;min-width:0;overflow-wrap:anywhere}.seat-request b{color:var(--gold-hi)}.seat-request .btn,.seat-bar .btn{min-height:40px;padding:0 14px}.seat-bar{position:absolute;z-index:25;left:50%;bottom:12px;transform:translate(-50%);width:min(calc(100% - 24px),420px)}.chat-list{list-style:none;margin:0;padding:8px 12px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;-webkit-user-select:text;user-select:text}.chat-msg{display:grid;gap:1px;font-size:14px;line-height:1.4}.chat-from{font-size:12px;font-weight:700;color:var(--bone-dim)}.chat-from small{font-weight:400}.chat-msg--red .chat-from{color:#ff8a70}.chat-msg--black .chat-from{color:#e9dcc4}.chat-text{overflow-wrap:anywhere}.chat-msg.is-mine .chat-text{color:var(--gold-hi)}.chat-form{display:flex;gap:8px;padding:8px 10px 10px;border-top:1px solid rgba(227,176,75,.15)}.chat-form input{flex:1;min-width:0;min-height:40px;padding:0 12px;font:inherit;font-size:16px;color:var(--bone);border-radius:10px;border:1px solid var(--line);background:#00000059}.chat-form .btn{min-height:40px;padding:0 16px}.chat .history-empty{flex:1}.chat-sticker{display:inline-flex}.chat-sticker>.sticker{animation:sticker-pop .35s cubic-bezier(.2,1.6,.4,1)}@keyframes sticker-pop{0%{transform:scale(.3) rotate(-12deg);opacity:0}}.sticker{display:block;flex:none;width:var(--s);aspect-ratio:200 / 192;object-fit:cover;border-radius:12px;border:2px solid var(--team);box-shadow:0 4px 12px #00000080,0 0 10px color-mix(in srgb,var(--team) 45%,transparent);transition:transform .15s ease-out}.sticker--red{--team: #c9332b}.sticker--black{--team: #7f9cc9}.sticker--lg{--s: 112px}.sticker--sm{width:100%;max-width:48px;border-radius:8px;border-width:1.5px}.sticker-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));justify-items:center;gap:4px;padding:8px 10px 2px;border-top:1px solid rgba(227,176,75,.15)}.sticker-chip{width:100%;display:grid;place-items:center;padding:2px;border-radius:10px;border:1px solid transparent;background:none;cursor:pointer}.sticker-chip:hover .sticker,.sticker-chip:focus-visible .sticker{transform:translateY(-3px) scale(1.06)}.sticker-chip:hover,.sticker-chip:focus-visible{background:#e3b04b1f;border-color:var(--line)}.reconnect-banner{border-color:#ff8a70}.board-frame{position:relative;width:calc(var(--board) * 1.07);padding:calc(var(--board) * .035);border-radius:calc(var(--board) * .022);background:radial-gradient(ellipse at 50% 0%,rgba(255,200,120,.12),transparent 60%),linear-gradient(150deg,#47160d,#1b0806 55%,#2f0e08);box-shadow:0 30px 80px #000000bf,0 0 0 1px #e3b04b73,inset 0 0 0 calc(var(--board) * .007) #e3b04b80,inset 0 0 50px #0009;transform-origin:50% 50%}.board-frame:before,.board-frame:after{content:"";position:absolute;width:14%;height:12%;border:2px solid var(--gold);opacity:.7;pointer-events:none}.board-frame:before{left:6px;top:6px;border-right:0;border-bottom:0;border-top-left-radius:8px}.board-frame:after{right:6px;bottom:6px;border-left:0;border-top:0;border-bottom-right-radius:8px}.files{display:grid;grid-template-columns:repeat(9,1fr);height:calc(var(--board) * .05);align-items:center;text-align:center;font-size:calc(var(--board) * .03);color:#e3b04bb3}.board{position:relative;width:var(--board);aspect-ratio:9 / 10;border-radius:4px;cursor:pointer;touch-action:manipulation;background-color:#c38c55;background-image:radial-gradient(ellipse at 28% 18%,rgba(255,232,190,.38),transparent 55%),radial-gradient(ellipse at 85% 92%,rgba(60,22,4,.5),transparent 60%),repeating-linear-gradient(91deg,rgba(92,46,14,.11) 0 2px,transparent 2px 9px,rgba(255,222,170,.07) 9px 11px,transparent 11px 25px),repeating-linear-gradient(88deg,transparent 0 40px,rgba(92,46,14,.06) 40px 43px),linear-gradient(180deg,#d4a067,#b47a42 52%,#c48b51);box-shadow:inset 0 0 0 2px #3c190599,inset 0 0 40px #3c190573}.board-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.grid-lines line{stroke:#3a1b08;stroke-width:2.4;stroke-linecap:round}.grid-border{fill:none;stroke:#3a1b08;stroke-width:6}.grid-markers path{fill:none;stroke:#3a1b08;stroke-width:2.4}.river-text text{font-family:var(--font-brush);font-size:58px;fill:#3a1b08c7;text-anchor:middle;letter-spacing:18px}.layer{position:absolute;top:0;right:0;bottom:0;left:0}.hint,.trace,.lockon{position:absolute;left:0;top:0;width:calc(100% / 9);height:10%;display:grid;place-items:center;pointer-events:none}.hint{z-index:3}.hint--move i{width:30%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff6d6 0,#fff6d6 30%,#ffcf4a 55%,#ffcf4a00 72%);animation:hint-pulse 1.1s ease-in-out infinite}.hint--capture{z-index:7}.hint--capture i{width:96%;aspect-ratio:1;border-radius:50%;border:2px dashed #ff5a3c;box-shadow:0 0 14px #ff4a36bf,inset 0 0 14px #ff4a3673;animation:spin 5s linear infinite}.trace:before{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;--c: rgba(255, 238, 190, .85);background:linear-gradient(var(--c),var(--c)) left top / 24% 2px no-repeat,linear-gradient(var(--c),var(--c)) left top / 2px 24% no-repeat,linear-gradient(var(--c),var(--c)) right top / 24% 2px no-repeat,linear-gradient(var(--c),var(--c)) right top / 2px 24% no-repeat,linear-gradient(var(--c),var(--c)) left bottom / 24% 2px no-repeat,linear-gradient(var(--c),var(--c)) left bottom / 2px 24% no-repeat,linear-gradient(var(--c),var(--c)) right bottom / 24% 2px no-repeat,linear-gradient(var(--c),var(--c)) right bottom / 2px 24% no-repeat}.trace--from:before{--c: rgba(255, 238, 190, .4);top:22%;right:22%;bottom:22%;left:22%}.lockon{z-index:8}.lockon-inner{position:absolute;top:0;right:0;bottom:0;left:0;animation:lock-in .25s cubic-bezier(.2,.9,.3,1.3) both}.lockon i{position:absolute;width:28%;height:28%;border:3px solid #ff3b2f;filter:drop-shadow(0 0 4px #ff3b2f)}.lockon i:nth-child(1){left:-4%;top:-4%;border-right:0;border-bottom:0}.lockon i:nth-child(2){right:-4%;top:-4%;border-left:0;border-bottom:0}.lockon i:nth-child(3){left:-4%;bottom:-4%;border-right:0;border-top:0}.lockon i:nth-child(4){right:-4%;bottom:-4%;border-left:0;border-top:0}.tap-ripple{position:absolute;z-index:9;width:var(--cell);height:var(--cell);margin:calc(var(--cell) * -.5) 0 0 calc(var(--cell) * -.5);border-radius:50%;border:2px solid rgba(255,232,170,.9);pointer-events:none;animation:ripple .45s ease-out forwards}@keyframes hint-pulse{50%{transform:scale(1.25);opacity:.75}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes lock-in{0%{transform:scale(1.6);opacity:0}}@keyframes ripple{0%{transform:scale(.2);opacity:1}to{transform:scale(1.15);opacity:0}}.deny-mark{position:absolute;left:0;top:0;z-index:8;width:calc(100% / 9);height:10%;display:grid;place-items:center;pointer-events:none;animation:deny-mark .9s ease-out forwards}.deny-mark i{position:relative;width:56%;aspect-ratio:1;animation:deny-slam .25s cubic-bezier(.2,.9,.3,1.3)}.deny-mark i:before,.deny-mark i:after{content:"";position:absolute;left:-6%;top:50%;width:112%;height:14%;margin-top:-7%;border-radius:40% 60% 50% 50%;background:linear-gradient(90deg,#c40d0d33,#e01b12 25%,#ff3b2f 70%,#c40d0d66);box-shadow:0 0 10px #ff1e14cc;transform:rotate(45deg)}.deny-mark i:after{transform:rotate(-45deg)}@keyframes deny-mark{0%{opacity:0}15%,70%{opacity:1}to{opacity:0}}@keyframes deny-slam{0%{transform:scale(1.8)}}.piece{position:absolute;left:0;top:0;width:calc(100% / 9);height:10%;transition-property:transform;pointer-events:none;will-change:transform}.piece-scale{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(var(--qi-scale, 1));transition:transform .7s cubic-bezier(.3,1.6,.5,1)}.piece-aura-host{position:absolute;top:0;right:0;bottom:0;left:0}.piece-body{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:transform .18s ease-out}.is-selected .piece-body{transform:scale(1.09) translateY(-4%)}.piece-disc{--rim: #8e1b14;--ink: #a8141a;position:relative;width:calc(var(--size) * 100%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#fffaea,#f2e0ba 38%,#d8b57c 72%,#a87b44);box-shadow:0 calc(var(--cell) * .05) 0 #5b3416,0 calc(var(--cell) * .1) calc(var(--cell) * .16) #0009,inset 0 0 0 calc(var(--cell) * .034) var(--rim),inset 0 0 0 calc(var(--cell) * .052) #f6e6c2}.piece--black .piece-disc{--rim: #26211d;--ink: #16110e}.piece-disc:before{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;border:1.5px solid var(--rim);opacity:.55}.piece-disc:after{content:"";position:absolute;left:18%;top:10%;width:46%;height:26%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.55),transparent 70%)}.piece-glyph{position:relative;z-index:1;font-family:var(--font-cn);font-weight:900;font-size:calc(var(--cell) * var(--size) * .56);line-height:1;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.6)}.piece-face{width:92%;height:92%;object-fit:contain;border-radius:50%}.piece-rim{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 72%,var(--rim-glint) 86%,#fff 90%,transparent 94%);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%,#000 70%,transparent 72%);mask:radial-gradient(circle,transparent 62%,#000 64%,#000 70%,transparent 72%);opacity:.85;animation:spin 6s linear infinite;animation-delay:var(--rim-delay, 0s);pointer-events:none}.piece--red .piece-rim{--rim-glint: #ff7a3a}.piece--black .piece-rim{--rim-glint: #a9c8ff}.piece--general .piece-rim{animation-duration:3.6s;opacity:1}.piece--red.piece--general .piece-rim{--rim-glint: #ffd36b}.is-selected .piece-rim{animation-duration:1.2s;opacity:1}.is-frozen .piece-rim,.is-dying .piece-rim{display:none}.piece--general .piece-disc{background:radial-gradient(circle at 34% 28%,#fff6d0,#f4cc62 40%,#c98e22 76%,#7a4f0e);box-shadow:0 calc(var(--cell) * .05) 0 #5b3416,0 calc(var(--cell) * .1) calc(var(--cell) * .18) #0009,0 0 calc(var(--cell) * .2) #ffcf4a8c,inset 0 0 0 calc(var(--cell) * .034) var(--rim),inset 0 0 0 calc(var(--cell) * .056) #fff0b8}.piece--general .piece-disc:before{border-width:2px;border-color:#7a4f0e;opacity:.8}.piece--advisor .piece-disc:before{border:3px double #b8861f;opacity:.8}.piece--elephant .piece-disc{background:radial-gradient(circle at 34% 28%,#f8f3e6,#dcd3c0 40%,#ab9f88 75%,#6e6452)}.piece--horse .piece-disc:before{border-color:#1fae96;opacity:.8}.piece--chariot .piece-disc{box-shadow:0 0 0 calc(var(--cell) * .022) #3b3b42,0 0 0 calc(var(--cell) * .034) #9a9aa6,0 calc(var(--cell) * .07) 0 #2b2b30,0 calc(var(--cell) * .12) calc(var(--cell) * .16) #0009,inset 0 0 0 calc(var(--cell) * .034) var(--rim),inset 0 0 0 calc(var(--cell) * .052) #f6e6c2}.piece--cannon .piece-disc:before{border:1.5px dashed #d0611a;opacity:.9}.piece--soldier .piece-disc:before{top:16%;right:16%;bottom:16%;left:16%}.is-promoted .piece-glyph{text-shadow:0 0 6px var(--aura),0 1px 0 rgba(255,255,255,.6)}.crown{position:absolute;left:50%;top:calc(50% - var(--cell) * var(--size) * .5 - var(--cell) * .12);width:calc(var(--cell) * .44);height:calc(var(--cell) * .18);transform:translate(-50%);display:flex;align-items:flex-end;justify-content:space-between;filter:drop-shadow(0 0 4px #ffcf4a)}.crown i{width:28%;height:72%;background:linear-gradient(#fff4b8,#d9971f);clip-path:polygon(50% 0,100% 100%,0 100%)}.crown i:nth-child(2){height:100%}.qi-badge{position:absolute;z-index:2;right:4%;bottom:4%;min-width:calc(var(--cell) * .3);height:calc(var(--cell) * .3);padding:0 3px;display:grid;place-items:center;border-radius:999px;font-size:calc(var(--cell) * .18);font-weight:900;line-height:1;color:#3a1a05;background:linear-gradient(#fff0b8,#d99a28);border:1px solid #fff6d0;box-shadow:0 0 8px var(--aura)}.aura{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.aura>*{position:absolute;border-radius:50%;pointer-events:none;aspect-ratio:1}.aura-glow{width:150%;background:radial-gradient(circle,var(--aura) 0%,transparent 62%);opacity:0;animation:breathe 2.6s ease-in-out infinite}.aura[data-tier="1"] .aura-glow{opacity:.32;width:140%}.aura[data-tier="2"] .aura-glow{opacity:.45;width:155%}.aura[data-tier="3"] .aura-glow{opacity:.6;width:170%}.aura[data-tier="4"] .aura-glow{opacity:.75;width:185%;animation-duration:1.8s}.aura[data-tier="5"] .aura-glow{opacity:.95;width:205%;animation-duration:1.2s}.piece--general .aura[data-tier="0"] .aura-glow{opacity:.38}.is-promoted .aura[data-tier="0"] .aura-glow,.is-promoted .aura[data-tier="1"] .aura-glow{opacity:.5}.aura-wave{width:100%;border:2px solid var(--aura);box-shadow:0 0 10px var(--aura);animation:wave 1.9s ease-out infinite}.aura-wave--late{animation-delay:.95s;border-color:var(--aura2)}.aura-ring{width:138%;background:conic-gradient(from 0deg,transparent,var(--aura) 12%,transparent 30%,var(--aura2) 45%,transparent 62%,var(--aura) 78%,transparent 92%);-webkit-mask:radial-gradient(circle,transparent 58%,#000 61%,#000 69%,transparent 72%);mask:radial-gradient(circle,transparent 58%,#000 61%,#000 69%,transparent 72%);animation:spin 2.4s linear infinite}.aura-corona{width:200%;background:repeating-conic-gradient(from 0deg,var(--aura) 0 3deg,transparent 3deg 14deg);-webkit-mask:radial-gradient(circle,transparent 36%,#000 46%,transparent 70%);mask:radial-gradient(circle,transparent 36%,#000 46%,transparent 70%);opacity:.6;animation:spin 9s linear infinite reverse,breathe 1.2s ease-in-out infinite}.aura-orbit{width:100%;animation:spin 3.6s linear infinite}.aura-orbit i{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px var(--aura),0 0 12px 4px var(--aura2)}.aura[data-tier="5"] .aura-orbit{animation-duration:2s}.sigil{width:100%;opacity:.75}.sigil--general{width:132%;background:repeating-conic-gradient(var(--aura) 0 3deg,transparent 3deg 15deg);-webkit-mask:radial-gradient(circle,transparent 65%,#000 66%,#000 71%,transparent 72%);mask:radial-gradient(circle,transparent 65%,#000 66%,#000 71%,transparent 72%);animation:spin 18s linear infinite;opacity:.9}.sigil--advisor{width:116%;border-radius:0;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:radial-gradient(circle,transparent 52%,var(--aura) 72%);opacity:.4;animation:shield 2.2s ease-in-out infinite}.sigil--elephant{width:118%;background:repeating-conic-gradient(#8a6a48 0,#8a6a48 10deg,#4e3a26 10deg,#4e3a26 20deg);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%,#000 72%,transparent 73%);mask:radial-gradient(circle,transparent 62%,#000 63%,#000 72%,transparent 73%);animation:spin 40s linear infinite}.sigil--horse{width:124%;border:2px solid transparent;border-top-color:var(--aura);border-left-color:var(--aura);animation:spin 1.5s linear infinite}.sigil--horse:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:2px solid transparent;border-bottom-color:var(--aura2);animation:spin 1.1s linear infinite reverse}.sigil--chariot{width:124%;background:repeating-conic-gradient(#55555e 0 7deg,transparent 7deg 15deg);-webkit-mask:radial-gradient(circle,transparent 64%,#000 65%,#000 74%,transparent 75%);mask:radial-gradient(circle,transparent 64%,#000 65%,#000 74%,transparent 75%);animation:spin 9s linear infinite;opacity:.95}.sigil--cannon{width:132%;background:radial-gradient(circle,var(--aura) 0%,transparent 60%);animation:flicker 1.3s linear infinite}.sigil--cannon:after{content:"";position:absolute;left:44%;top:4%;width:14%;height:14%;border-radius:50%;background:#5a463cb3;animation:wisp 2.4s ease-out infinite}.sigil--soldier{width:102%;border:1.5px solid var(--aura);opacity:.35}.sigil--promoted{opacity:.95;box-shadow:0 0 10px var(--aura)}.sigil--promoted:after{content:"";position:absolute;left:39%;top:-12%;width:22%;height:22%;border-left:3px solid var(--aura);border-top:3px solid var(--aura);transform:rotate(45deg);animation:bob 1.2s ease-in-out infinite}.is-selected .piece-body:before{content:"";position:absolute;width:calc(var(--size) * 112%);aspect-ratio:1;border-radius:50%;border:2px solid var(--gold-hi);box-shadow:0 0 14px var(--gold),inset 0 0 10px #ffcf4a80;animation:breathe 1s ease-in-out infinite}.is-in-danger .piece-body:after{content:"";position:absolute;width:calc(var(--size) * 118%);aspect-ratio:1;border-radius:50%;border:3px solid #ff2a1a;box-shadow:0 0 18px #ff2a1a;animation:danger .7s ease-in-out infinite}.is-frozen .piece-body{filter:grayscale(.7) brightness(1.25) sepia(.4) hue-rotate(-30deg)}.is-frozen .aura{opacity:.15}.is-dying .piece-body{animation:die .7s cubic-bezier(.5,0,.9,.4) forwards}.is-dying .aura{animation:fade-out .55s forwards}@keyframes breathe{50%{transform:scale(1.07)}}@keyframes wave{0%{transform:scale(.8);opacity:.85}to{transform:scale(1.75);opacity:0}}@keyframes shield{50%{transform:scale(1.07);opacity:.6}}@keyframes flicker{0%,to{opacity:.35}20%{opacity:.55}45%{opacity:.28}70%{opacity:.5}}@keyframes wisp{0%{transform:translateY(0) scale(.6);opacity:.7}to{transform:translateY(-160%) scale(2);opacity:0}}@keyframes bob{50%{transform:translateY(-20%) rotate(45deg)}}@keyframes danger{50%{opacity:.35;transform:scale(1.08)}}@keyframes die{0%{transform:scale(1.14);filter:brightness(1.8);opacity:1}25%{transform:scale(1.04) rotate(-10deg);filter:brightness(1.1);opacity:1}to{transform:translateY(26%) scale(.5) rotate(32deg);filter:brightness(.6) sepia(.6);opacity:0}}@keyframes fade-out{to{opacity:0}}.sat-khi{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.sat-khi>*{position:absolute;border-radius:50%;aspect-ratio:1}.sk-well{width:180%;background:radial-gradient(circle,rgba(30,0,3,.9) 28%,rgba(110,0,8,.55) 48%,rgba(160,10,10,.18) 60%,transparent 70%);animation:sk-throb 1.5s ease-in-out infinite}.sk-ring{width:146%;background:repeating-conic-gradient(from 0deg,#ff1f1f 0 2deg,transparent 2deg 8deg,#7a0004 8deg 11deg,transparent 11deg 19deg);-webkit-mask:radial-gradient(circle,transparent 54%,#000 58%,#000 66%,transparent 71%);mask:radial-gradient(circle,transparent 54%,#000 58%,#000 66%,transparent 71%);filter:drop-shadow(0 0 4px #ff1a1a);animation:spin 5s linear infinite reverse,sk-flicker .6s steps(3) infinite}.sk-flames{width:100%}.sk-flames i{position:absolute;top:0;right:0;bottom:0;left:0}.sk-flames i:before{content:"";position:absolute;left:40%;bottom:78%;width:20%;height:34%;border-radius:50% 50% 45% 45%/70% 70% 30% 30%;background:linear-gradient(to top,#2a0003,#9a0008 35%,#ff2a1a 75%,#ff785a00);transform-origin:50% 100%;filter:blur(.6px);animation:sk-lick .9s ease-in-out infinite;animation-delay:calc(var(--i) * -.13s)}.sk-glyph{left:-14%;top:-14%;width:auto;aspect-ratio:auto;border-radius:0;font-family:var(--font-brush);font-size:calc(var(--cell) * .34);line-height:1;color:#ff2a1a;text-shadow:0 0 8px #ff0000,0 0 2px #000;-webkit-text-stroke:1px #2a0003;animation:sk-glyph 1.2s ease-in-out infinite}.sat-khi[data-level="2"] .sk-well{width:215%;animation-duration:.9s}.sat-khi[data-level="2"] .sk-ring{width:160%;animation-duration:2.6s,.4s}.sat-khi[data-level="2"] .sk-flames i:before{height:46%;animation-duration:.6s}.is-menacing .piece-disc{filter:drop-shadow(0 0 calc(var(--cell) * .08) #ff1a1a)}.is-menacing .piece-glyph{text-shadow:0 0 6px rgba(255,30,20,.9),0 1px 0 rgba(255,255,255,.5)}.is-menacing .aura-glow{opacity:.2!important}.death-mark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;pointer-events:none}.death-mark:before{content:"";position:absolute;width:calc(var(--size) * 122%);aspect-ratio:1;border-radius:50%;border:2px solid #c40d0d;-webkit-mask:conic-gradient(#000 0 70deg,transparent 70deg 90deg,#000 90deg 160deg,transparent 160deg 180deg,#000 180deg 250deg,transparent 250deg 270deg,#000 270deg 340deg,transparent 340deg);mask:conic-gradient(#000 0 70deg,transparent 70deg 90deg,#000 90deg 160deg,transparent 160deg 180deg,#000 180deg 250deg,transparent 250deg 270deg,#000 270deg 340deg,transparent 340deg);box-shadow:0 0 10px #c40d0dcc;animation:spin 3s linear infinite}.death-mark i{position:absolute;left:50%;top:50%;width:3px;height:calc(var(--cell) * .16);margin-left:-1.5px;background:linear-gradient(#ff3b2f,#6a0004);border-radius:2px;animation:dm-close 1.1s ease-in-out infinite}.death-mark i:nth-child(1){--r: 0deg}.death-mark i:nth-child(2){--r: 90deg}.death-mark i:nth-child(3){--r: 180deg}.death-mark i:nth-child(4){--r: 270deg}.is-targeted .piece-disc{animation:tremble .28s linear infinite}@keyframes sk-throb{50%{transform:scale(1.1);opacity:.8}}@keyframes sk-flicker{50%{opacity:.55}}@keyframes sk-lick{0%,to{transform:scale(.8,.7);opacity:.75}40%{transform:scale(1.1,1.3) translateY(-6%);opacity:1}70%{transform:scaleX(.9) skew(8deg);opacity:.85}}@keyframes sk-glyph{50%{transform:scale(1.15) rotate(-6deg);opacity:.7}}@keyframes dm-close{0%,to{transform:rotate(var(--r)) translateY(calc(var(--cell) * -.62));opacity:.6}50%{transform:rotate(var(--r)) translateY(calc(var(--cell) * -.5));opacity:1}}@keyframes tremble{25%{translate:1.5% 0}75%{translate:-1.5% 0}}.piece.is-facedown .piece-disc{background:radial-gradient(circle at 34% 28%,#6a4a35,#3d2a1e 55%,#1f150f)}.piece--red.is-facedown .piece-disc{background:radial-gradient(circle at 34% 28%,#c4473a,#7d1f18 55%,#3e0d09)}.piece--black.is-facedown .piece-disc{background:radial-gradient(circle at 34% 28%,#6d7f9c,#2f3a4d 55%,#141a24)}.piece.is-facedown .piece-disc:before{border:1.5px dashed rgba(255,220,160,.55);opacity:1}.piece.is-facedown .piece-glyph{color:#ffe8bed9;text-shadow:0 1px 2px rgba(0,0,0,.7);opacity:.8}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% 28%,#3c170d,#1b0b07 55%,#0c0504)}.backdrop-art{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--match-wide) center / cover no-repeat;animation:fade-in .8s ease-out}@media (max-aspect-ratio: 4/5){.backdrop-art{background-image:var(--match-tall)}}.backdrop--match .mountains,.backdrop--match .sun{display:none}.mountains{position:absolute;left:0;bottom:0;width:100%;height:46%}.mountains .m1{fill:#241009}.mountains .m2{fill:#160907}.mist{position:absolute;left:0;width:200%;height:38%;background:radial-gradient(ellipse at 20% 50%,rgba(255,220,180,.07),transparent 45%),radial-gradient(ellipse at 70% 60%,rgba(255,220,180,.05),transparent 45%);animation:drift 70s linear infinite}.mist--a{bottom:18%}.mist--b{bottom:4%;animation-duration:110s;animation-direction:reverse;opacity:.8}.sun{position:absolute;top:7%;right:10%;width:28vmin;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#b8321f 0%,#6a1a10 55%,transparent 70%);opacity:.45}@keyframes drift{to{transform:translate(-50%)}}.fx-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(10,2,0,.82) 100%)}.fx-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none}.fx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:21;pointer-events:none;overflow:hidden}.fx-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;pointer-events:none;opacity:0;mix-blend-mode:screen}.fx-slash{position:absolute;width:0;height:0}.fx-slash-blade,.fx-slash-after{position:absolute;transform-origin:left center;border-radius:50%}.fx-slash-after{filter:blur(8px)}.fx-glyph{position:absolute;width:0;height:0}.fx-crescent{position:absolute;overflow:visible;filter:drop-shadow(0 0 8px var(--crescent))}.fx-crescent-glow{filter:blur(.06px)}.fx-cutin{--cutin-tint: rgba(255, 220, 150, 0);position:absolute;left:-4%;right:-4%;top:50%;height:clamp(150px,34vh,300px);margin-top:calc(clamp(150px,34vh,300px)/-2);overflow:hidden;border-block:3px solid #ffd978;box-shadow:0 0 40px #ffc85a8c;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.fx-cutin-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50% 42%}.fx-cutin:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--cutin-tint),var(--cutin-tint)),repeating-linear-gradient(180deg,transparent 0 22px,rgba(255,240,200,.18) 22px 24px);mix-blend-mode:screen}.fx-glyph-half{position:absolute;width:1em;height:1em;left:-.5em;top:-.5em;line-height:1;text-align:center;font-family:var(--font-brush);font-size:calc(min(46vw,300px) * var(--glyph-scale, 1));color:var(--glyph-color);text-shadow:0 0 24px var(--glyph-color),0 0 2px #fff;-webkit-text-stroke:1px rgba(255,255,255,.35)}.fx-glyph-half.top{clip-path:polygon(0 0,100% 0,100% 44%,0 58%)}.fx-glyph-half.bottom{clip-path:polygon(0 58%,100% 44%,100% 100%,0 100%)}.fx-ring{position:absolute;border-radius:50%;border:3px solid var(--ring);box-shadow:0 0 24px var(--ring),inset 0 0 24px var(--ring)}.fx-edge{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 140px 30px var(--edge)}.check-banner{position:fixed;left:0;right:0;top:36%;z-index:30;display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:stamp 1.5s cubic-bezier(.2,.9,.3,1) forwards}.check-glyph{font-family:var(--font-brush);font-size:min(30vw,170px);line-height:1;color:#ff3b2f;text-shadow:0 0 30px rgba(255,59,47,.8),0 4px 0 #3a0804;-webkit-text-stroke:2px #ffcf4a}.check-sub{margin-top:6px;padding:2px 14px;border-radius:999px;background:#140402cc;color:var(--gold-hi);font-weight:700;font-size:14px}@keyframes stamp{0%{transform:scale(2.4);opacity:0}14%{transform:scale(.95);opacity:1}20%{transform:scale(1)}75%{opacity:1}to{transform:scale(1.04);opacity:0}}.gameover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:radial-gradient(circle,#280a0599,#050100e0);animation:fade-in .5s ease-out;overflow-y:auto}.gameover-card{text-align:center;padding:20px;width:min(100%,560px);margin:auto}.gameover-glyph{font-family:var(--font-brush);font-size:min(48vw,260px);line-height:1;animation:win-in .9s cubic-bezier(.2,.9,.3,1.2) both}.gameover--red .gameover-glyph{color:#ff3b2f;text-shadow:0 0 50px rgba(255,59,47,.7);-webkit-text-stroke:2px #ffcf4a}.gameover--black .gameover-glyph{color:#efe4cf;text-shadow:0 0 50px rgba(157,140,255,.7);-webkit-text-stroke:2px #9d8cff}.gameover--draw .gameover-glyph{color:#ffe3a0;text-shadow:0 0 50px rgba(227,176,75,.6);-webkit-text-stroke:2px #b8861f}.gameover h2{margin:8px 0 0;font-size:28px;color:var(--gold-hi)}.gameover p{margin:4px 0 20px;color:var(--bone-dim)}.gameover-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}@keyframes win-in{0%{transform:scale(2.6) rotate(-8deg);opacity:0}}@media (prefers-reduced-motion: reduce){.mist,.aura-orbit,.aura-corona,.sigil{animation:none!important}}.move-notice{position:absolute;left:50%;top:50%;z-index:25;display:flex;align-items:center;gap:10px;max-width:min(92%,420px);padding:8px 16px 8px 8px;border-radius:6px;background:linear-gradient(180deg,#f6e7c4,#e4c690);border-top:3px solid #6b3a14;border-bottom:3px solid #6b3a14;box-shadow:0 10px 28px #0000008c,inset 0 0 18px #78461459;color:#2a1206;font-weight:700;font-size:15px;line-height:1.3;pointer-events:none;transform:translate(-50%,-50%);animation:notice-unroll 2.4s cubic-bezier(.2,.9,.3,1) forwards}.move-notice-seal{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:5px;background:#b3150f;color:#fff3dc;font-family:var(--font-brush);font-size:26px;line-height:1;box-shadow:inset 0 0 0 2px #fff3dc,inset 0 0 0 3px #b3150f;transform:rotate(-5deg)}@keyframes notice-unroll{0%{transform:translate(-50%,-50%) scaleX(.2);opacity:0}10%{transform:translate(-50%,-50%) scaleX(1.03);opacity:1}14%{transform:translate(-50%,-50%) scaleX(1)}85%{opacity:1}to{transform:translate(-50%,-50%);opacity:0}}.segmented button:disabled{opacity:.45;cursor:not-allowed}:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{animation:none!important;transition:none!important}:root[data-motion=off] .tap-ripple,:root[data-motion=off] .aura-wave,:root[data-motion=off] .sk-flames{display:none}.start-banner{animation-duration:2s}.start-glyph{color:var(--gold-hi);text-shadow:0 0 30px rgba(255,207,74,.8),0 4px 0 #3a0804;-webkit-text-stroke:2px #ff3b2f}.duel-scene{display:block;border:0;background:#140c08;pointer-events:none}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#140c08;transition:opacity .6s ease}.loading-screen .duel-scene{width:100%;height:100%}.loading-screen.is-leaving{opacity:0;pointer-events:none}.loading-caption{position:absolute;left:0;right:0;bottom:calc(14% + env(safe-area-inset-bottom,0px));margin:0;text-align:center;font-family:var(--font-brush);font-size:clamp(22px,4vw,34px);color:var(--gold-hi);text-shadow:0 2px 10px #000,0 0 18px rgba(255,140,60,.5)}.gameover-duel{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;opacity:.45}.gameover{isolation:isolate}@media (max-aspect-ratio: 1/1){.loading-caption{bottom:auto;top:calc(50% + 28.125vw + 16px)}}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:grid;place-items:center;pointer-events:none}.countdown-stamp{display:grid;justify-items:center;animation:count-stamp 1s cubic-bezier(.2,.9,.3,1) forwards}.countdown-num{display:grid;place-items:center;width:min(30vmin,180px);aspect-ratio:1;border-radius:50%;font-family:var(--font-brush);font-size:min(22vmin,130px);line-height:1;color:#ffe9b0;background:radial-gradient(circle,rgba(30,8,4,.72) 0%,rgba(30,8,4,.45) 60%,transparent 72%);text-shadow:0 0 22px rgba(255,170,60,.85),0 4px 0 #3a0804;-webkit-text-stroke:2px #8e1b14}.countdown-hint{margin-top:-6px;padding:3px 14px;border-radius:999px;background:#140402d9;border:1px solid rgba(255,210,120,.5);color:var(--gold-hi);font-weight:700;font-size:14px}.countdown.is-urgent .countdown-num{color:#ff4a36;-webkit-text-stroke:2px #ffcf4a;text-shadow:0 0 26px rgba(255,40,20,.9),0 4px 0 #3a0804}.countdown.is-urgent:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px 20px #c8140a8c;animation:count-edge 1s ease-out infinite}@keyframes count-stamp{0%{transform:scale(1.8);opacity:0}14%{transform:scale(.94);opacity:1}22%{transform:scale(1)}80%{opacity:.9}to{transform:scale(.9);opacity:.35}}@keyframes count-edge{0%{opacity:1}to{opacity:.15}}.lobby{position:relative;z-index:1;height:100%;max-width:760px;margin:0 auto;padding:6px 16px 12px;display:flex;flex-direction:column;gap:12px;overflow:hidden;-webkit-user-select:text;user-select:text}.brand-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.brand-room{font-size:12px;color:var(--bone-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}.conn{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--bone-dim);margin-right:4px}.conn i{width:8px;height:8px;border-radius:50%;background:#a08a6a}.conn--online i{background:var(--jade);box-shadow:0 0 8px var(--jade)}.conn--offline i{background:#ff6a4a}.conn--idle i{background:#e3b04b}@media (max-width: 420px){.conn{font-size:0}}.lobby-hero{--hero-art: var(--hero-wide);flex:none;display:grid;gap:12px;justify-items:center;align-content:end;text-align:center;min-height:clamp(250px,44vh,380px);padding:18px 16px;border-radius:16px;background:linear-gradient(180deg,#14080600,#14080640 35%,#140806e6 72%,#140806f7),var(--hero-art) center 30% / cover no-repeat,linear-gradient(160deg,#3a140deb,#170806eb);border:1px solid var(--line);box-shadow:0 18px 40px #00000073}@media (max-width: 900px){.lobby-hero{--hero-art: var(--hero-mid)}}@media (max-width: 560px){.lobby-hero{--hero-art: var(--hero-tall);min-height:0}}@media (max-height: 760px){.lobby-hero{min-height:0;gap:8px;padding:12px 14px}.lobby-title{font-size:clamp(36px,9vw,52px)}.lobby-title small,.lobby-hint,.lobby-name label{display:none}.btn--hero{min-height:50px}}.lobby-title{margin:0;display:grid;gap:2px;font-family:var(--font-brush);font-weight:400;font-size:clamp(44px,11vw,72px);line-height:1;color:var(--gold-hi);text-shadow:0 0 24px rgba(255,140,60,.55),0 3px 0 #3a0804}.lobby-title small{font-family:var(--font-cn);font-size:13px;letter-spacing:.08em;color:var(--bone);text-shadow:0 1px 4px #000}.lobby-name{display:grid;gap:4px;width:min(100%,320px)}.lobby-name label{font-size:12px;color:var(--bone-dim);letter-spacing:.08em}.lobby input{width:100%;min-height:44px;padding:0 12px;font:inherit;color:var(--bone);border-radius:10px;border:1px solid var(--line);background:#00000059}.lobby-name input{text-align:center;font-weight:700;font-size:17px}.btn--hero{min-height:60px;width:min(100%,320px);font-size:18px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-glyph{font-family:var(--font-brush);font-size:28px;line-height:1;font-weight:400}.btn:disabled{opacity:.45;cursor:default}.lobby-bot{font-size:14px;color:var(--gold-hi)}.lobby-bot span{font-family:var(--font-brush);font-size:18px;text-decoration:none;display:inline-block}.lobby-hint{margin:0;font-size:13px;color:var(--bone-dim)}.lobby-hint b,.lobby-hint a{color:var(--gold-hi)}.lobby-rooms{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.lobby-rooms .room-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start;padding-right:2px}.lobby-rooms-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.lobby-rooms-head h2{margin:0;font-family:var(--font-brush);font-weight:400;font-size:26px;color:var(--gold-hi)}.lobby-rooms-head h2 small{font-family:var(--font-cn);font-size:13px;color:var(--bone-dim);margin-left:8px}.lobby-create{display:flex;gap:8px;flex:1 1 280px;max-width:420px}.lobby-create input{flex:1;min-width:0}.lobby-empty{margin:0;padding:18px;text-align:center;color:var(--bone-dim);border:1px dashed var(--line);border-radius:12px}.room-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.room{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 10px 10px 14px;border-radius:12px;background:linear-gradient(100deg,#280e09e0,#140806bf);border:1px solid rgba(227,176,75,.16)}.room--waiting{border-color:#ffd27873}.room .btn{min-height:40px;padding:0 16px}.room-actions{display:flex;gap:6px}.room-main{display:grid;min-width:0}.room-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-players{display:flex;gap:6px;font-size:13px;min-width:0}.room-side{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.room-side--red{color:#ff8a70}.room-side--black{color:#e9dcc4}.room-vs{color:var(--bone-dim)}.room-status{font-size:12px;color:var(--bone-dim);white-space:nowrap}.room-status--waiting{color:var(--jade)}.room-status--playing{color:var(--gold-hi)}@media (max-width: 460px){.room{grid-template-columns:minmax(0,1fr) auto}.room-status{grid-column:1;grid-row:2}.room-actions{grid-column:2;grid-row:1 / span 2;flex-direction:column}.room .btn{min-height:36px;padding:0 12px}}.tag--you{background:var(--gold);color:#2a1206;font-weight:700}.tag--offline{background:#5a4a3a;color:#fff}.player-name-text{max-width:12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-area{position:relative}.waiting{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:6px;text-align:center;padding:16px;background:#0a0403b8;border-radius:14px;animation:fade-in .3s ease-out}.waiting p{margin:0;font-size:18px;font-weight:700;color:var(--gold-hi)}.waiting .waiting-sub{font-size:13px;font-weight:400;color:var(--bone-dim);max-width:280px;margin-bottom:10px}.waiting-duel{width:min(100%,420px);aspect-ratio:16 / 9;margin-bottom:6px;border-radius:12px;border:1px solid var(--line);box-shadow:0 10px 30px #00000080}.gameover--lost .gameover-glyph{color:#8a7a6a;text-shadow:none;-webkit-text-stroke:2px #4a3a2a}.gameover-note{color:var(--jade)!important;font-weight:700}.gameover .btn:disabled{opacity:.6}.review-exit{position:fixed;z-index:30;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%)}.toast{position:fixed;z-index:70;left:50%;top:calc(14px + env(safe-area-inset-top,0px));transform:translate(-50%);max-width:min(calc(100vw - 32px),460px);display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border-radius:12px;background:linear-gradient(100deg,#40120cf7,#1c0906f7);border:1px solid rgba(255,210,120,.55);box-shadow:0 12px 34px #0009,inset 0 0 0 3px #14060499,inset 0 0 0 4px #e3b04b40;color:#fff3dc;font-weight:700;line-height:1.35;transform-origin:top center;animation:toast-unroll .35s cubic-bezier(.2,1.2,.4,1)}.toast-seal{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;font-family:var(--font-brush);font-size:24px;line-height:1;color:#fff3dc;background:#a8141a;box-shadow:inset 0 0 0 2px #ffdcb480,0 2px 6px #0006;transform:rotate(-4deg)}.toast--info{background:linear-gradient(100deg,#14342cf7,#0a1a16f7);border-color:#78dcbe80}.toast--info .toast-seal{background:#1f7a64}@keyframes toast-unroll{0%{transform:translate(-50%) translateY(-12px) scaleY(.3);opacity:0}}.confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:radial-gradient(circle,#1e08048c,#050100cc);animation:fade-in .2s ease-out}.confirm-card{position:relative;width:min(100%,380px);padding:26px 22px 20px;text-align:center;border-radius:16px;background:linear-gradient(160deg,#40140cfa,#160805fa);border:1px solid rgba(255,210,120,.6);box-shadow:0 24px 60px #000000b3,inset 0 0 0 4px #14060499,inset 0 0 0 5px #e3b04b40;animation:rise .28s cubic-bezier(.2,1.2,.4,1)}.confirm-seal{position:absolute;top:-22px;left:50%;transform:translate(-50%) rotate(-5deg);width:48px;height:48px;display:grid;place-items:center;border-radius:10px;font-family:var(--font-brush);font-size:32px;line-height:1;color:#fff3dc;background:#a8141a;box-shadow:inset 0 0 0 2px #ffdcb480,0 6px 16px #00000080}.confirm-card h2{margin:8px 0 6px;font-family:var(--font-brush);font-weight:400;font-size:30px;color:var(--gold-hi)}.confirm-card p{margin:0 0 18px;color:var(--bone);font-size:15px}.confirm-actions{display:flex;gap:10px;justify-content:center}.confirm-actions .btn{flex:1;max-width:160px}.offline-banner{position:fixed;z-index:60;left:0;right:0;top:0;padding:6px 16px;text-align:center;font-size:13px;background:#5a4a3a;color:#fff}.ad-slot{display:block;min-height:90px}.ad-slot-label{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-dim);margin-bottom:2px}.ad-slot--placeholder{display:grid;place-items:center;border:1px dashed var(--line);border-radius:10px;color:var(--bone-dim);font-size:12px}.lobby-ad{flex:none;min-height:0}.lobby-ad .adsbygoogle{height:90px}@media (max-height: 760px){.lobby-ad .adsbygoogle{height:60px}}.lobby-footer{display:flex;justify-content:center;gap:16px;font-size:12px}.lobby-footer a,.lobby-footer-link{color:var(--bone-dim)}.lobby-footer-link{background:none;border:0;padding:0;font:inherit;text-decoration:underline;cursor:pointer}.lobby-footer a:hover,.lobby-footer-link:hover{color:var(--gold-hi)}.game-ad{display:none}.slot-history{flex-direction:column}.game-ad--sheet .adsbygoogle{height:90px}.game-ad--sheet{order:-1;flex:none;width:100%;max-width:620px;margin:0 auto 12px;padding:6px 10px;background:#1c0907;border:1px solid var(--line);border-radius:12px}@media (min-width: 1100px) and (min-height: 600px){.slot-history{flex-direction:column;gap:12px}.slot-history .history{flex:1}.game-ad{display:block;flex:none;height:266px;overflow:hidden}}.lobby-id{display:flex;align-items:flex-end;gap:10px;width:min(100%,320px)}.lobby-id .lobby-name{flex:1;width:auto}.lobby-avatar{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--gold-hi);box-shadow:0 0 12px #ffcf4a73}.lobby-avatar--seal{display:grid;place-items:center;font-family:var(--font-brush);font-size:26px;color:#fff3dc;background:#a8141a}.lobby-account{margin:-4px 0 0;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px;font-size:13px;color:var(--bone)}.lobby-account b{color:var(--gold-hi)}.lobby-points{font-variant-numeric:tabular-nums}.rank-seal{display:inline-grid;place-items:center;padding:1px 6px;border-radius:6px;font-family:var(--font-brush);font-size:15px;line-height:1.2;color:#fff3dc;background:#a8141a;box-shadow:inset 0 0 0 1px #ffdcb480}.link-btn{padding:2px 4px;border:0;background:none;cursor:pointer;font:inherit;font-size:12px;color:var(--bone-dim);text-decoration:underline}.link-btn:hover{color:var(--gold-hi)}.btn--facebook{min-height:40px;width:min(100%,320px);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#fff;background:#1877f2;border-color:#ffffff59}.btn--facebook span{font-family:Helvetica,Arial,sans-serif;font-weight:900;font-size:18px}.btn--login{min-height:40px;width:min(100%,320px);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--gold-hi);border-color:var(--gold)}.btn--login span{font-family:var(--font-brush);font-weight:400;font-size:20px;line-height:1}.lobby-avatar-btn{flex:none;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.lobby-avatar-btn:hover .lobby-avatar{box-shadow:0 0 18px #ffcf4acc}.mode-switch{display:grid;grid-template-columns:1fr 1fr;width:min(100%,320px);padding:3px;border-radius:12px;background:#00000073;border:1px solid var(--line)}.mode-switch button{min-height:36px;border:0;border-radius:9px;background:none;cursor:pointer;font:inherit;font-size:14px;font-weight:700;color:var(--bone-dim)}.mode-switch button.is-on{color:#fff3dc;background:linear-gradient(#b3261d,#7a120c);box-shadow:inset 0 0 0 1px #ffd27880}.stake-chips{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--bone-dim)}.stake-chips button{min-width:46px;min-height:32px;padding:0 10px;border-radius:999px;cursor:pointer;font:inherit;font-weight:700;color:var(--bone);background:#00000073;border:1px solid var(--line)}.stake-chips button.is-on{color:#3a1a05;background:linear-gradient(#fff0b8,#d99a28);border-color:#fff6d0}.stake-chips button:disabled{opacity:.35;cursor:default}.room-badge{display:inline-block;margin-right:6px;padding:0 6px;border-radius:6px;vertical-align:1px;font-size:12px;font-weight:700;color:#3a1a05;background:linear-gradient(#fff0b8,#d99a28)}.lobby-links{display:inline-flex;gap:6px}.lobby-links .link-btn{font-size:13px;text-decoration:none;color:var(--gold-hi)}@media (max-height: 760px){.lobby-account{margin:0}.btn--facebook,.btn--login,.mode-switch button{min-height:34px}}.dialog-card{width:min(100%,480px);max-height:min(86vh,640px);display:flex;flex-direction:column;text-align:left}.dialog-card h2{text-align:center}.dialog-close{position:absolute;top:10px;right:10px;width:36px;height:36px;font-size:14px}.dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -8px;padding:0 8px}.dialog-empty{text-align:center;color:var(--bone-dim)}.board-list,.history-games{list-style:none;margin:0;padding:0;display:grid;gap:6px}.board-row,.hg-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#0000004d;border:1px solid rgba(227,176,75,.14)}.board-row.is-me{border-color:var(--gold-hi);background:#e3b04b1f}button.board-row,button.top-row{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}button.board-row:hover,button.top-row:hover{border-color:#ffe3a099}.board-pos{width:26px;text-align:center;font-weight:900;color:var(--bone-dim);font-variant-numeric:tabular-nums}.board-row.is-top .board-pos{font-family:var(--font-brush);font-size:22px;color:var(--gold-hi)}.board-row.is-top-1 .board-pos{color:#ffd84a;text-shadow:0 0 10px rgba(255,200,60,.7)}.board-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.board-avatar--seal{display:grid;place-items:center;font-family:var(--font-brush);font-size:20px;color:#fff3dc;background:#a8141a}.board-name,.hg-main{display:grid;min-width:0;font-weight:700;color:var(--bone)}.board-name,.hg-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-name small,.hg-main small{font-weight:400;font-size:12px;color:var(--bone-dim);white-space:normal}.board-points,.hg-delta{display:grid;justify-items:end;font-weight:900;color:var(--gold-hi);font-variant-numeric:tabular-nums}.board-points small,.hg-delta small{font-weight:400;font-size:11px;color:var(--bone-dim)}.hg-row{grid-template-columns:auto minmax(0,1fr) auto}.hg-result{font-family:var(--font-brush);font-size:28px;line-height:1;width:32px;text-align:center}.hg-row.is-win .hg-result{color:#ff5a3a}.hg-row.is-loss .hg-result{color:#8a7a6a}.hg-delta.is-up{color:#6fe0a8}.hg-delta.is-down{color:#ff7a5c}.player-points{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--gold-hi);font-variant-numeric:tabular-nums}.player-points i{font-style:normal;font-family:var(--font-brush);font-size:13px;padding:0 4px;border-radius:4px;color:#fff3dc;background:#a8141a}.gameover-points{margin:6px 0 0;font-size:18px;color:var(--bone)}.gameover-points.is-up{font-size:34px;font-weight:900;color:#6fe0a8;text-shadow:0 0 18px rgba(80,220,150,.5)}.gameover-points.is-down{font-size:34px;font-weight:900;color:#ff7a5c}.gameover-points small{font-size:16px;font-weight:700}.lobby-rooms{overflow:hidden}.lobby-rooms .lobby-empty{flex:0 1 auto;min-height:0;overflow:auto}@media (max-height: 760px){.lobby-rooms,.lobby-rooms-head{gap:6px}.lobby-rooms-head h2{font-size:22px}.lobby-rooms-head h2 small{display:none}.lobby-hero{gap:6px}.lobby-rooms .lobby-empty{padding:8px;font-size:13px}}.lobby-page{position:relative;z-index:1;height:100%}@media (min-width: 1200px){.lobby-page{display:grid;justify-content:center;gap:20px;grid-template-columns:minmax(240px,320px) minmax(600px,760px) minmax(300px,320px);padding:0 16px}.lobby-page>.lobby{margin:0;width:100%;padding-left:0;padding-right:0}}.lobby-side{min-height:0;padding:70px 0 16px;display:flex;flex-direction:column}.lobby-side--right{align-items:center}.lobby-side-ad{min-height:0}.top-players{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:16px 14px 14px;border-radius:16px;background:linear-gradient(160deg,#3a140deb,#170806f0);border:1px solid var(--line);box-shadow:0 18px 40px #00000073}.top-head{display:flex;align-items:center;gap:10px}.top-seal{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:9px;font-family:var(--font-brush);font-size:26px;color:#fff3dc;background:#a8141a;box-shadow:inset 0 0 0 2px #ffdcb480;transform:rotate(-4deg)}.top-head h2{margin:0;font-family:var(--font-brush);font-weight:400;font-size:28px;color:var(--gold-hi)}.top-head h2 small{font-family:var(--font-cn);font-size:13px;color:var(--bone-dim);margin-left:6px}.top-empty{margin:0;padding:12px 4px;color:var(--bone-dim);font-size:14px}.top-list{list-style:none;margin:0;padding:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:6px}.top-row{display:grid;grid-template-columns:22px 36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#0000004d;border:1px solid rgba(227,176,75,.12)}.top-row.is-me{border-color:var(--gold-hi);background:#e3b04b1f}.top-pos{text-align:center;font-weight:900;color:var(--bone-dim);font-variant-numeric:tabular-nums}.top-row.is-top .top-pos{font-family:var(--font-brush);font-size:22px;color:var(--gold-hi)}.top-row.is-top-1 .top-pos{color:#ffd84a;text-shadow:0 0 10px rgba(255,200,60,.7)}.top-name{display:grid;min-width:0;font-weight:700;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-name small{font-weight:400;font-size:12px;color:var(--bone-dim)}.top-name .rank-seal{font-style:normal;font-size:11px;padding:0 4px}.top-points{font-weight:900;color:var(--gold-hi);font-variant-numeric:tabular-nums}.top-all{min-height:40px}.field--account{border-top:1px solid rgba(227,176,75,.15);padding-top:12px}.field--account small{display:block;font-size:12px;color:var(--bone-dim)}.btn--danger{min-height:40px;padding:0 14px;font-size:14px;color:#ffd8cc;background:#78100a99;border-color:#ff7a5c}.btn--danger:hover{background:#a0140ccc}.login-tabs{width:100%;margin:4px 0 12px}.login-form{display:grid;gap:10px}.login-form label{display:grid;gap:4px;font-size:13px;color:var(--bone-dim)}.login-form label small{font-size:11px;opacity:.8}.login-form input{width:100%;min-height:44px;padding:0 12px;font:inherit;font-size:16px;color:var(--bone);border-radius:10px;border:1px solid var(--line);background:#00000059}.login-form .btn--primary{margin-top:4px}.dialog-body .login-error{margin:0;padding:8px 10px;border-radius:8px;font-size:14px;color:#ffd8cc;background:#78100a8c;border:1px solid rgba(255,122,92,.6)}.dialog-body .login-note{margin:0;text-align:center;font-size:13px;color:var(--bone-dim)}.login-note .link-btn{font-size:13px;color:var(--gold-hi)}.dialog-body .login-or{display:flex;align-items:center;gap:10px;margin:14px 0 10px;font-size:12px;color:var(--bone-dim)}.login-or:before,.login-or:after{content:"";flex:1;height:1px;background:#e3b04b40}.dialog-body .btn--facebook{width:100%}.profile{display:grid;gap:12px;padding-bottom:4px}.profile-head{display:flex;align-items:center;gap:14px}.profile-avatar{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--gold-hi);box-shadow:0 0 16px #ffcf4a73}.profile-avatar--seal{display:grid;place-items:center;font-family:var(--font-brush);font-size:36px;color:#fff3dc;background:#a8141a}.profile-who{display:grid;gap:3px;min-width:0}.profile-name{font-size:20px;color:var(--gold-hi);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-rank{font-size:14px;color:var(--bone)}.profile-rank b{color:var(--gold-hi);font-variant-numeric:tabular-nums}.profile-who small{font-size:12px;color:var(--bone-dim)}.profile-who small:empty{display:none}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}.profile-stats div{display:grid;gap:2px;padding:8px 4px;text-align:center;border-radius:10px;background:#0000004d;border:1px solid rgba(227,176,75,.14)}.profile-stats dt{font-size:11px;color:var(--bone-dim)}.profile-stats dd{margin:0;font-size:18px;font-weight:900;color:var(--bone);font-variant-numeric:tabular-nums}.profile-stats--ranked div{border-color:#e3b04b52}.profile-stats--ranked dd{color:var(--gold-hi)}.profile-sub{margin:4px 0 0;font-size:14px;color:var(--bone-dim);letter-spacing:.06em}.profile-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.profile-actions .btn{flex:1;min-width:140px;min-height:42px;font-size:14px}@media (max-width: 420px){.profile-stats dd{font-size:16px}.profile-avatar{width:52px;height:52px}}.handbook{width:100%}.handbook-row{grid-template-columns:22px minmax(0,1fr);color:var(--bone);text-decoration:none}.handbook-row:hover{border-color:var(--gold)}.handbook-row .top-pos{font-family:var(--font-cn);color:var(--gold)}.handbook-all{display:grid;place-items:center;color:var(--gold-hi);text-decoration:none}.verified{flex:none;width:1em;height:1em;vertical-align:-.12em;margin-left:4px}.verified-seal{fill:#3f74c9;stroke:var(--gold-hi);stroke-width:1.2}.verified-tick{fill:none;stroke:#fff8e8;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.profile-name-row{display:flex;align-items:center;min-width:0;font-size:20px}.profile-name-row .verified{width:20px;height:20px;margin-left:6px}.board-name>span,.top-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(100%,460px);padding:3px;border-radius:12px;background:#00000080;border:1px solid var(--line)}.game-picker button{min-height:44px;padding:2px;border:0;border-radius:9px;background:none;cursor:pointer;display:grid;justify-items:center;align-content:center;gap:0;font:inherit;font-size:12px;font-weight:700;line-height:1.2;color:var(--bone-dim);white-space:nowrap}.game-picker-glyph{font-size:16px;line-height:1.1;color:var(--gold);font-family:var(--font-cn),"Segoe UI Symbol","Apple Symbols","DejaVu Sans",sans-serif}.game-picker button.is-on{color:#3a1a05;background:linear-gradient(#fff0b8,#d99a28);box-shadow:inset 0 0 0 1px #fff6d0}.game-picker button.is-on .game-picker-glyph{color:#7a120c}@media (max-width: 520px),(max-height: 700px){.game-picker button{min-height:34px}.game-picker-glyph{display:none}}.room-game{display:inline-block;margin-right:6px;padding:0 6px;border-radius:6px;vertical-align:1px;font-size:12px;font-weight:700;color:var(--bone);background:#ffffff14;border:1px solid var(--line)}.room-game--chess{color:#f3efe6}.room-game--caro{color:#ff9b8a}.room-game--othello{color:#9fe0b0}.room-game--jieqi{color:#ffcf4a}.hg-row.is-draw .hg-result{color:var(--gold-hi)}.board-area--square{position:relative}.cb,.caro,.oth{position:relative;touch-action:manipulation}.cb-board,.caro-board,.oth-board{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;overflow:hidden;cursor:pointer;box-shadow:0 10px 40px #0009,0 0 0 2px #00000080}.cb-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.cb-sq{position:relative}.cb-sq.is-light{background:#ecd9b5}.cb-sq.is-dark{background:#a8774f}.cb-coord{position:absolute;font-size:clamp(9px,calc(var(--sq) * .2),13px);font-weight:700;font-family:system-ui,sans-serif;pointer-events:none}.cb-sq.is-light .cb-coord{color:#a8774f}.cb-sq.is-dark .cb-coord{color:#ecd9b5}.cb-coord--rank{left:3px;top:2px}.cb-coord--file{right:3px;bottom:1px}.cb-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cb-mark,.cb-piece{position:absolute;left:0;top:0;width:12.5%;height:12.5%}.cb-mark.is-last{background:#ffd65061}.cb-mark.is-selected{background:#ffc4288c}.cb-mark.is-check{background:radial-gradient(circle,rgba(255,40,30,.9),rgba(255,40,30,.35) 55%,transparent 75%)}.cb-mark.is-target:after{content:"";position:absolute;top:36%;right:36%;bottom:36%;left:36%;border-radius:50%;background:#281e1459}.cb-mark.is-capture{box-shadow:inset 0 0 0 calc(var(--sq) * .08) #281e1466;border-radius:50%}.cb-mark.is-denied{background:#dc281e73;animation:cb-deny .9s ease-out forwards}@keyframes cb-deny{to{opacity:0}}.cb-piece{display:grid;place-items:center;z-index:2;font-family:Segoe UI Symbol,Apple Symbols,DejaVu Sans,"Noto Sans Symbols 2",Noto Sans Symbols,serif;font-size:calc(var(--sq) * .82);line-height:1;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.cb-piece--white{color:#fbf7ee;text-shadow:0 0 1px #2a1d12,1px 1px 0 #2a1d12,-1px -1px 0 #2a1d12,1px -1px 0 #2a1d12,-1px 1px 0 #2a1d12,0 3px 4px rgba(0,0,0,.45)}.cb-piece--black{color:#1d1712;text-shadow:0 0 1px #f0e6d0,0 1px 0 rgba(255,255,255,.35),0 3px 4px rgba(0,0,0,.45)}.cb-promote{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:20;display:grid;gap:8px;justify-items:center;padding:14px 16px;border-radius:14px;background:linear-gradient(#3a1710,#1f0c08);border:1px solid var(--gold);box-shadow:0 16px 50px #000000b3}.cb-promote p{margin:0;font-weight:700;color:var(--gold-hi)}.cb-promote-choices{display:flex;gap:6px}.cb-piece-btn{width:64px;display:grid;justify-items:center;gap:2px;padding:6px 0;border-radius:10px;border:1px solid var(--line);background:#ecd9b5;cursor:pointer;font-family:Segoe UI Symbol,Apple Symbols,DejaVu Sans,serif}.cb-piece-btn span{font-size:40px;line-height:1}.cb-piece-btn small{font-family:var(--font-cn);font-size:12px;color:#3a1a05;text-shadow:none}.caro-board{--c: calc(100% / var(--n));background-color:#f6f1e3;background-image:linear-gradient(to right,rgba(60,90,140,.28) 1px,transparent 1px),linear-gradient(to bottom,rgba(60,90,140,.28) 1px,transparent 1px);background-size:var(--c) var(--c)}.caro-stone,.caro-denied{position:absolute;width:calc(100% / var(--n));height:calc(100% / var(--n));display:grid;place-items:center}.caro-stone svg{width:82%;height:82%;fill:none;stroke-width:1.5;stroke-linecap:round}.caro-stone--x svg{stroke:#c9332b}.caro-stone--o svg{stroke:#1f5fbf}.caro-stone.is-last{background:#ffd65073}.caro-stone.is-win{background:#ffc428bf;animation:caro-win 1s ease-in-out infinite alternate}@keyframes caro-win{to{background:#ff96288c}}.caro-stone svg{animation:caro-put .18s ease-out}@keyframes caro-put{0%{transform:scale(.4);opacity:0}}.caro-denied{background:#dc281e66;animation:cb-deny .9s ease-out forwards}.oth-board{background-color:#1d7a45;background-image:linear-gradient(to right,rgba(0,0,0,.45) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.45) 1px,transparent 1px);background-size:12.5% 12.5%}.oth-dot{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#0000008c}.oth-disc,.oth-hint,.oth-denied{position:absolute;width:12.5%;height:12.5%}.oth-disc:before{content:"";position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;box-shadow:0 3px 5px #00000080;animation:oth-flip .32s ease-out}.oth-disc--dark:before{background:radial-gradient(circle at 35% 30%,#4a4a4a,#111 60%,#000)}.oth-disc--light:before{background:radial-gradient(circle at 35% 30%,#fff,#e8e8e8 55%,#bdbdbd)}.oth-disc.is-last:after{content:"";position:absolute;left:50%;top:50%;width:14%;height:14%;translate:-50% -50%;border-radius:50%;background:#e3423a}@keyframes oth-flip{0%{transform:scaleX(.05)}}.oth-hint:before{content:"";position:absolute;top:38%;right:38%;bottom:38%;left:38%;border-radius:50%;background:#ffffff47}.oth-denied{background:#dc281e73;animation:cb-deny .9s ease-out forwards}.history--chess .ply--red{color:#f5f0e6}.history--chess .ply--black{color:#b9a585}.history--othello .ply--red{color:#d9d4c8}.history--othello .ply--black{color:#fff}:root[data-motion=off] .cb-piece{transition:none}:root[data-motion=off] .caro-stone svg,:root[data-motion=off] .caro-stone.is-win,:root[data-motion=off] .oth-disc:before{animation:none}.stage--chess .player-emblem,.stage--othello .player-emblem{font-family:Segoe UI Symbol,Apple Symbols,DejaVu Sans,sans-serif}.stage--chess .player--red .player-emblem{color:#6b5a44}.stage--othello .player--red .player-emblem{--rim: #26211d;color:#111}.stage--othello .player--black .player-emblem{color:#8a8a8a}.stage--caro .player--black .player-emblem{--rim: #1f3f7a;color:#1f5fbf}