:root{--bg:#fff9ef;--surface:#fff;--surface-2:#fdf5e8;--text:#393441;--muted:#7a7383;--line:#efe4d3;--red:#e35d5b;--red-deep:#c93a3a;--red-soft:#fde8e6;--yellow:#f2cc65;--yellow-deep:#c8961f;--yellow-soft:#fdf3d3;--wood:#c4e1d4;--danger:#c8445f;--ok:#3f9c6d;--radius:18px;--shadow:0 6px 20px #6e543214, 0 1px 3px #6e543214;--gutter:16px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,Segoe UI,sans-serif;overflow-x:hidden}body,#root{min-height:100dvh}button{font:inherit;color:inherit}h1,h2{margin:0}.muted{color:var(--muted)}.center-screen{min-height:100dvh;padding:calc(24px + var(--safe-t)) var(--gutter) calc(24px + var(--safe-b));text-align:center;place-content:center;justify-items:center;gap:16px;display:grid}.card{background:var(--surface);box-shadow:var(--shadow);border-radius:24px;padding:28px 24px}.btn{letter-spacing:.02em;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:14px;min-width:44px;min-height:48px;padding:0 20px;font-size:16px;font-weight:600;transition:transform .12s,box-shadow .15s,background-color .15s,opacity .15s}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:focus-visible{outline-offset:2px;outline:3px solid #39344159}.btn-block{width:100%}.btn-sm{min-height:44px;padding:0 12px;font-size:15px}.btn-primary,.btn-primary.tone-xiaobo{background:var(--red-deep);color:#fff;box-shadow:0 4px 14px #c93a3a4d}.btn-primary.tone-lala{background:var(--yellow);color:#393441;box-shadow:0 4px 14px #c8961f4d}.btn-secondary{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line)}.btn-danger-text{color:var(--danger)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{color:var(--muted);background:0 0}.dots:after{content:"";text-align:left;width:1.2em;animation:1.4s steps(4,end) infinite dots;display:inline-block}@keyframes dots{0%{content:""}25%{content:"·"}50%{content:"··"}75%,to{content:"···"}}.mini-stone{vertical-align:-2px;border-radius:50%;width:14px;height:14px;display:inline-block}.mini-stone.xiaobo{background:radial-gradient(circle at 36% 30%,#ffb3aa,#e8554e 45%,#a9252a);box-shadow:inset 0 0 0 1px #8a1d2280}.mini-stone.lala{background:radial-gradient(circle at 36% 30%,#fff6c8,#f7cb45 45%,#c88a0e);box-shadow:inset 0 0 0 1px #a8720a8c}.login{max-width:440px;min-height:100dvh;padding:calc(40px + var(--safe-t)) calc(var(--gutter) + var(--safe-r)) calc(32px + var(--safe-b)) calc(var(--gutter) + var(--safe-l));flex-direction:column;gap:24px;margin:0 auto;display:flex}.login-head{text-align:center}.login-head h1{letter-spacing:.06em;margin:12px 0 8px;font-size:26px}.login-head p{margin:0}.login-stones{gap:4px;display:inline-flex}.login-stones .mini-stone{width:22px;height:22px}.login-card{background:var(--surface);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;gap:16px;padding:20px;display:flex}.role-picker{grid-template-columns:1fr 1fr;gap:12px;display:grid}.role-card{border:2px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:8px;min-height:44px;padding:18px 8px 14px;transition:border-color .15s,background-color .15s,transform .15s;display:flex;position:relative}.role-card:active{transform:scale(.98)}.role-name{font-size:18px;font-weight:700}.role-check{opacity:0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;transition:opacity .15s,transform .15s;display:grid;position:absolute;top:8px;right:10px;transform:scale(.6)}.role-xiaobo.is-selected{border-color:var(--red);background:var(--red-soft)}.role-xiaobo .role-check{background:var(--red-deep);color:#fff}.role-lala.is-selected{border-color:var(--yellow-deep);background:var(--yellow-soft)}.role-lala .role-check{background:var(--yellow);color:#393441}.role-card.is-selected .role-check{opacity:1;transform:scale(1)}.role-card:focus-visible{outline-offset:2px;outline:3px solid #39344159}.field{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--muted);font-size:14px;font-weight:600}.pw-wrap{display:flex;position:relative}.pw-wrap input{border:1.5px solid var(--line);background:var(--surface-2);min-width:0;height:50px;color:var(--text);border-radius:14px;outline:none;flex:1;padding:0 72px 0 16px;font-size:16px;transition:border-color .15s,background-color .15s}.pw-wrap input:focus{border-color:var(--red);background:#fff}.pw-wrap input:disabled{opacity:.6}.pw-toggle{min-width:56px;height:44px;color:var(--red-deep);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:14px;font-weight:600;position:absolute;top:3px;right:4px}.form-error{min-height:1.4em;color:var(--danger);text-align:center;margin:-4px 0 0;font-size:14px}.game{--board:min(100vw - 2 * var(--gutter) - var(--safe-l) - var(--safe-r), 600px);max-width:640px;padding:var(--safe-t) calc(var(--gutter) + var(--safe-r)) calc(16px + var(--safe-b)) calc(var(--gutter) + var(--safe-l));grid-template-areas:"top""players""board""controls";gap:12px;margin:0 auto;display:grid}.topbar{grid-area:top;justify-content:space-between;align-items:center;gap:8px;min-height:52px;display:flex}.brand{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex;overflow:hidden}.topbar-right{flex-shrink:0;align-items:center;gap:2px;display:flex}.conn-pill{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.conn-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.conn-pill.ok{color:var(--ok)}.conn-pill.warn{color:var(--yellow-deep)}.conn-pill.bad{color:var(--danger)}.conn-pill.warn .conn-dot,.conn-pill.bad .conn-dot{animation:1.6s ease-in-out infinite breathe}.players{grid-area:players;grid-template-columns:1fr 1fr;gap:10px;display:grid}.player-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid #0000;align-items:center;gap:10px;min-width:0;padding:10px;transition:border-color .2s,background-color .2s;display:flex}.player-xiaobo.is-turn{border-color:var(--red);background:linear-gradient(180deg, #fff, var(--red-soft))}.player-lala.is-turn{border-color:var(--yellow);background:linear-gradient(180deg, #fff, var(--yellow-soft))}.player-card.is-offline .avatar-wrap svg,.player-card.is-offline .avatar-wrap img{filter:grayscale(.7);opacity:.7}.avatar-photo{object-fit:cover;background:var(--surface-2);border-radius:50%;display:block;box-shadow:0 0 0 2px #fff,0 2px 6px #39344126}.avatar-wrap{flex-shrink:0;line-height:0;position:relative}.presence{border:2.5px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;bottom:0;right:0}.presence.on{background:var(--ok)}.presence.off{background:#bdb5c4}.player-meta{min-width:0}.player-name{white-space:nowrap;align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.you-badge{background:var(--text);color:#fff;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:700}.player-sub{flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:3px;font-size:13px;display:flex}.color-tag{align-items:center;gap:3px;display:inline-flex}.turn-text{color:var(--text);font-weight:700}.player-xiaobo .turn-text{color:var(--red-deep)}.player-lala .turn-text{color:#8a6512}.board-wrap{grid-area:board;justify-content:center;display:flex}.board-frame{width:var(--board);aspect-ratio:1;background:var(--wood);border-radius:16px;padding:0;transition:filter .3s;box-shadow:0 10px 30px #2e544633,0 2px 4px #2e544624,inset 0 0 0 1px #ffffff80}.board-frame.is-paused{filter:saturate(.75)}.board{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.board.is-interactive{cursor:pointer}.board-skeleton{place-items:center;width:100%;height:100%;display:grid}.stone{transform-box:fill-box;transform-origin:50%}.stone.is-last{animation:.22s cubic-bezier(.34,1.56,.64,1) pop}@keyframes pop{0%{opacity:.4;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.last-ripple{transform-box:fill-box;transform-origin:50%;opacity:0;animation:2.4s cubic-bezier(.2,.6,.35,1) infinite last-ripple}@keyframes last-ripple{0%{opacity:1;stroke-width:.09px;transform:scale(1)}55%{opacity:.75}to{opacity:0;stroke-width:.025px;transform:scale(2.3)}}@media (prefers-reduced-motion:reduce){.last-ripple{animation:none}.last-ripple:first-of-type{opacity:.8;transform:scale(1.3)}}.preview circle:last-child{animation:1.6s ease-in-out infinite breathe}.win-line{animation:.4s ease-out fadein}@keyframes fadein{0%{opacity:0}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.45}}.controls{flex-direction:column;grid-area:controls;gap:12px;display:flex}.status-line{background:var(--surface);min-height:44px;box-shadow:inset 0 0 0 1px var(--line);text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:16px;font-weight:600;display:flex}.status-line.muted{color:var(--muted)}.status-line.accent{color:var(--text);background:var(--yellow-soft);box-shadow:inset 0 0 0 1.5px var(--yellow)}.status-line.bad{color:var(--danger);background:#fdeef1;box-shadow:inset 0 0 0 1px #f3c8d1}.status-icon{font-size:14px}.actions{flex-direction:column;gap:10px;display:flex}.secondary-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);align-items:center;gap:12px;padding:12px 16px;display:flex}.result-card.win-xiaobo{background:linear-gradient(120deg, #fff, var(--red-soft))}.result-card.win-lala{background:linear-gradient(120deg, #fff, var(--yellow-soft))}.result-title{font-size:18px;font-weight:800}.toast{left:50%;bottom:calc(24px + var(--safe-b));color:#fff;max-width:calc(100vw - 32px);box-shadow:var(--shadow);z-index:30;background:#393441f0;border-radius:14px;padding:12px 18px;font-size:15px;animation:.2s ease-out toast-in;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.modal-backdrop{padding:var(--gutter);z-index:40;background:#39344161;place-items:center;animation:.15s ease-out fadein;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:24px;width:min(380px,100%);padding:24px 20px 20px;animation:.2s cubic-bezier(.34,1.4,.64,1) modal-in;box-shadow:0 20px 50px #39344140}@keyframes modal-in{0%{opacity:0;transform:scale(.94)}}.modal h2{text-align:center;font-size:19px}.modal-body{text-align:center;margin-top:12px;font-size:16px;line-height:1.6}.modal-body p{margin:0 0 6px}.countdown{font-size:14px}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.replaced-card{flex-direction:column;align-items:center;gap:12px;max-width:360px;display:flex}.replaced-card h2{font-size:20px}.replaced-card p{margin:0 0 8px;line-height:1.6}.replaced-card .btn{width:100%}.confetti{pointer-events:none;z-index:55;position:fixed;inset:0;overflow:hidden}.confetti span{border-radius:2px;animation-name:fall;animation-timing-function:cubic-bezier(.25,.6,.5,1);animation-fill-mode:forwards;position:absolute;top:-12px}@keyframes fall{to{opacity:.2;transform:translateY(105vh)rotate(540deg)}}.splash{z-index:50;place-items:center;padding:16px;animation:3.2s forwards splash-bg;display:grid;position:fixed;inset:0;overflow:hidden}.splash-win{background:radial-gradient(circle at 50% 45%,#ffe28c8c,#281c0073)}.splash-lose{background:radial-gradient(circle at 50% 45%,#788caa59,#141c2d99)}.splash-draw{background:radial-gradient(circle at 50% 45%,#bee6d280,#142d2673)}@keyframes splash-bg{0%{opacity:0}8%,85%{opacity:1}to{opacity:0}}.splash-card{text-align:center;background:#fffffff0;border-radius:28px;max-width:100%;padding:28px 36px 24px;position:relative;box-shadow:0 20px 60px #00000040}.splash-win .splash-card{animation:.6s cubic-bezier(.34,1.56,.64,1) both splash-pop;box-shadow:0 0 0 4px #f2cc65,0 20px 60px #c8961e73}.splash-lose .splash-card{animation:.7s cubic-bezier(.3,1.4,.6,1) both splash-drop,.5s ease-in-out .7s both splash-shake}.splash-draw .splash-card{animation:.5s ease-out both splash-pop}@keyframes splash-pop{0%{opacity:0;transform:scale(.3)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes splash-drop{0%{opacity:0;transform:translateY(-60vh)}to{opacity:1;transform:translateY(0)}}@keyframes splash-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)rotate(-2deg)}40%,80%{transform:translate(10px)rotate(2deg)}}.splash-avatars{justify-content:center;gap:12px;display:flex;position:relative}.splash-avatars .avatar-photo{object-fit:cover;border:4px solid #fff;border-radius:50%;box-shadow:0 6px 18px #0000002e}.splash-win .splash-avatars .avatar-photo{animation:.7s ease-in-out .5s 3 splash-bounce}.splash-lose .splash-avatars .avatar-photo{filter:grayscale(.6);animation:1.2s ease-in-out .7s both splash-droop}@keyframes splash-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-16px)scale(1.06)}}@keyframes splash-droop{to{transform:rotate(-12deg)translateY(4px)}}.splash-icon{font-size:40px;animation:.5s cubic-bezier(.34,1.56,.64,1) .35s both splash-pop;position:absolute;bottom:-6px;right:-8px}.splash-draw .splash-icon{margin-left:-22px;bottom:-14px;left:50%;right:auto}.splash-title{letter-spacing:2px;margin-top:14px;font-size:40px;font-weight:800}.splash-win .splash-title{background:linear-gradient(90deg,#c93a3a,#e8a317,#c93a3a) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:1.4s linear infinite splash-shine}.splash-lose .splash-title{color:#4a5872}.splash-draw .splash-title{color:#2f6e5a}@keyframes splash-shine{to{background-position:-200% 0}}.splash-sub{color:#5d6470;margin-top:6px;font-size:16px}.splash-rays{background:repeating-conic-gradient(#ffecaa80 0deg 10deg,#0000 10deg 20deg);width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;animation:8s linear infinite splash-spin;position:absolute;top:45%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 55%);mask-image:radial-gradient(circle,#000 0%,#0000 55%)}@keyframes splash-spin{to{transform:rotate(360deg)}}.splash-rain{pointer-events:none;position:absolute;inset:0}.splash-rain span{background:linear-gradient(#0000,#c8dcffd9);border-radius:2px;width:2px;height:26px;animation-name:splash-rain;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-40px}@keyframes splash-rain{to{transform:translateY(110vh)}}@media (prefers-reduced-motion:reduce){.splash *{animation-duration:10ms!important;animation-iteration-count:1!important}.splash-rays,.splash-rain{display:none}}@media (width>=900px) and (height>=560px){.game{--board:min(100dvh - 48px, 640px);max-width:1080px;padding-top:calc(16px + var(--safe-t));grid-template:"board top""board players""board controls"1fr/auto minmax(300px,360px);align-items:start;column-gap:32px}.players{grid-template-columns:1fr}}@media (orientation:landscape) and (height<=560px){.game{--board:min(100dvh - 24px - var(--safe-t) - var(--safe-b), 100vw - 360px);max-width:none;padding-top:calc(12px + var(--safe-t));grid-template:"board top""board players""board controls"1fr/auto minmax(260px,1fr);align-items:start;column-gap:16px}.topbar{min-height:44px}.player-card{padding:6px 8px}.status-line{min-height:40px}}@media (width<=359px){:root{--gutter:12px}.brand span:last-child{font-size:14px}.player-card{gap:6px;padding:8px 6px}.player-card .avatar-wrap svg,.player-card .avatar-wrap img{width:40px;height:40px}.conn-pill{padding:4px 8px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.confetti{display:none}}.secondary-row.three{grid-template-columns:1fr 1.25fr 1fr}.secondary-row.four{grid-template-columns:1fr 1.6fr 1fr 1fr;gap:8px}.secondary-row.four .btn{white-space:nowrap;padding:0 6px}.btn-ai{color:#1f7a5e;white-space:nowrap;padding:0 8px}.ai-used{color:#1f7a5e;background:#e3f4ee;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:700}.ai-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 0 0 1.5px #bfe5d8;flex-direction:column;gap:10px;padding:14px 16px;animation:.2s ease-out fadein;display:flex}.ai-card.is-stale{box-shadow:var(--shadow), inset 0 0 0 1px var(--line);color:var(--muted)}.ai-head{align-items:center;gap:8px;font-size:15px;display:flex}.ai-head strong{flex:1;line-height:1.4}.ai-badge{letter-spacing:.05em;color:#fff;background:#2e9c7a;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:800}.ai-close{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;margin:-10px -10px -10px 0;font-size:22px}.ai-steps{flex-direction:column;gap:8px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.ai-steps li{color:var(--muted);align-items:center;gap:10px;transition:color .2s;display:flex}.ai-steps li.active{color:var(--text);font-weight:600}.ai-steps li.done{color:#1f7a5e}.ai-step-dot{background:var(--surface-2);width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.ai-steps li.active .ai-step-dot{animation:1.4s ease-in-out infinite breathe;box-shadow:inset 0 0 0 2px #2e9c7a}.ai-steps li.done .ai-step-dot{color:#fff;box-shadow:none;background:#2e9c7a}.ai-progress{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.ai-progress span{border-radius:inherit;background:linear-gradient(90deg,#8fd3b6,#2e9c7a);height:100%;transition:width .4s;display:block}.ai-analysis{margin:0;font-size:15px;line-height:1.7}.ai-cands{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.ai-cands li{align-items:center;gap:8px;display:flex}.ai-rank{color:#1f7a5e;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1.5px #2e9c7a}.ai-rank.rank-1{color:#fff;background:#2e9c7a}.ai-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ai-source{font-size:12px}.ai-hint.best circle{animation:1.6s ease-in-out infinite breathe}.quota{padding:2px 4px;font-size:13px}.quota-row{justify-content:space-between;gap:8px;display:flex}.quota-low{color:var(--danger);font-weight:700}.quota-bar{background:var(--line);border-radius:999px;height:5px;margin:6px 0 4px;overflow:hidden}.quota-bar span{border-radius:inherit;background:#2e9c7a;height:100%;transition:width .4s;display:block}.quota-bar span.low{background:var(--danger)}.quota-meta{font-size:12px}@media (width<=359px){.btn-ai{font-size:14px}}.total-score{background:var(--surface-2);cursor:pointer;border:0;border-radius:12px;flex-direction:column;align-items:center;min-width:64px;min-height:44px;margin-left:auto;padding:4px 10px;display:flex}.total-score small{font-size:11px}.total-score span{letter-spacing:.04em;font-size:18px;font-weight:800}.sheet-backdrop{z-index:45;background:#39344161;justify-content:center;align-items:flex-end;animation:.15s ease-out fadein;display:flex;position:fixed;inset:0}.sheet{width:min(560px,100%);max-height:calc(100dvh - 40px - var(--safe-t));overscroll-behavior:contain;background:var(--bg);padding:8px var(--gutter) calc(24px + var(--safe-b));border-radius:24px 24px 0 0;animation:.25s cubic-bezier(.22,1,.36,1) sheet-in;overflow-y:auto;box-shadow:0 -10px 40px #39344133}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}@media (width>=700px){.sheet-backdrop{align-items:center}.sheet{border-radius:24px}}.sheet-head{z-index:1;background:var(--bg);justify-content:space-between;align-items:center;padding:10px 0 6px;display:flex;position:sticky;top:-8px}.sheet-head h2{font-size:20px}.center{text-align:center;padding:32px 0}.scoreboard{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:8px;padding:16px 12px;display:flex}.score-side{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.score-name{align-items:center;gap:6px;font-weight:700;display:flex}.score-num{font-size:40px;font-weight:800;line-height:1.1}.score-xiaobo .score-num{color:var(--red-deep)}.score-lala .score-num{color:#a77a10}.score-rate{font-size:13px}.score-mid{color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:32px;font-weight:800;display:flex}.score-mid small{white-space:nowrap;font-size:12px;font-weight:500}.streak{text-align:center;border-radius:14px;margin:12px 0 0;padding:10px 14px;font-weight:700}.streak-xiaobo{background:var(--red-soft);color:var(--red-deep)}.streak-lala{background:var(--yellow-soft);color:#8a6512}.stats-table{border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);margin-top:14px;font-size:15px;overflow:hidden}.stats-table th,.stats-table td{text-align:center;border-bottom:1px solid var(--line);padding:10px 12px}.stats-table tr:last-child td{border-bottom:0}.stats-table td:first-child{text-align:left;color:var(--muted)}.stats-table th{background:var(--surface-2);font-size:14px}.stats-facts{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.stats-facts div{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:4px;padding:12px 14px;font-size:13px;display:flex}.stats-facts strong{font-size:16px}.recent-title{margin:20px 0 8px;font-size:16px}.recent{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.recent li{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;padding:10px 14px}.recent-main{align-items:baseline;gap:8px;font-size:15px;display:flex}.recent-result{font-weight:700}.recent-result.win-xiaobo{color:var(--red-deep)}.recent-result.win-lala{color:#8a6512}.recent-sub{justify-content:space-between;gap:8px;margin-top:3px;font-size:12px;display:flex}.brand-short{display:none}@media (width<=429px){.brand-full{display:none}.brand-short{display:inline}}.wager-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 0 0 1.5px var(--line);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.wager-card.pending{box-shadow:var(--shadow), inset 0 0 0 1.5px var(--yellow)}.wager-card.agreed{box-shadow:var(--shadow), inset 0 0 0 1.5px #8fd3b6}.wager-head{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.wager-head>span:nth-child(2){flex:1}.wager-icon{font-size:18px}.agreed-tag{color:#1f7a5e;background:#e3f4ee;border-radius:6px;margin-left:6px;padding:2px 7px;font-size:12px}.wager-text{text-align:center;word-break:break-word;margin:0;font-size:20px;font-weight:800}.wager-note{text-align:center;margin:-4px 0 0;font-size:12px}.wager-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wager-presets{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface-2);min-height:40px;box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;padding:0 14px;font-size:14px}.chip:active:not(:disabled){transform:scale(.97)}.chip:disabled{opacity:.5}.wager-form{gap:8px;display:flex}.wager-form input{border:1.5px solid var(--line);background:var(--surface-2);min-width:0;height:48px;color:var(--text);border-radius:14px;outline:none;flex:1;padding:0 14px;font-size:16px}.wager-form input:focus{border-color:var(--yellow-deep);background:#fff}.wager-form .btn{flex-shrink:0}.wager-chip{background:var(--yellow-soft);box-shadow:inset 0 0 0 1px var(--yellow);overflow-wrap:anywhere;border-radius:999px;align-self:center;max-width:100%;margin:0;padding:6px 14px;font-size:14px;font-weight:600}.result-wager{overflow-wrap:anywhere;margin-top:4px;font-size:14px;font-weight:700}.modal-actions .modal-single{grid-column:1/-1}.wager-modal-who{color:var(--muted)}.wager-modal-text{color:var(--text);overflow-wrap:anywhere;font-size:22px;font-weight:800}.recent-wager{overflow-wrap:anywhere;margin-top:3px;font-size:13px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.badge{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:4px;right:2px}.player-slot{min-width:0;position:relative}.player-slot .player-card{height:100%}.chat-flights{z-index:48;pointer-events:none;position:fixed;inset:0;overflow:hidden}.chat-flight{max-width:min(200px,60vw);color:var(--text);overflow-wrap:anywhere;pointer-events:auto;cursor:pointer;will-change:transform;background:#fff;border-radius:16px;padding:7px 12px;font-size:15px;line-height:1.35;position:absolute;top:0;left:0;transform:translate(-200px,-200px);box-shadow:0 8px 22px #39344140}.chat-flight.from-xiaobo{box-shadow:0 0 0 2px var(--red), 0 8px 22px #39344140}.chat-flight.from-lala{box-shadow:0 0 0 2px var(--yellow), 0 8px 22px #39344140}.chat-flight.is-emoji{box-shadow:none;background:0 0;padding:0;font-size:44px;line-height:1}.chat-flight.is-meme{padding:4px}.chat-flight.is-meme img{border-radius:10px;max-width:96px;max-height:96px;display:block}.chat-pop{z-index:15;text-align:left;max-width:min(220px,70vw);color:var(--text);cursor:pointer;overflow-wrap:anywhere;background:#fff;border:0;border-radius:14px;padding:8px 12px;font-size:15px;animation:.22s cubic-bezier(.34,1.56,.64,1) pop-in;position:absolute;top:calc(100% + 6px);left:12px;box-shadow:0 8px 24px #3934412e}.chat-pop:before{content:"";border:6px solid #0000;border-top:0;border-bottom-color:#fff;position:absolute;top:-6px;left:22px}.pop-lala{left:auto;right:12px}.pop-lala:before{left:auto;right:22px}.chat-pop img{border-radius:8px;max-width:96px;max-height:96px;display:block}.pop-big{font-size:32px;line-height:1.1}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.9)}}.chat-sheet{height:min(86dvh,720px);padding-bottom:calc(10px + var(--safe-b));flex-direction:column;display:flex;overflow:hidden}.chat-sheet .sheet-head{position:static}.chat-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;padding:4px 2px 10px;display:flex;overflow-y:auto}.chat-row{align-items:flex-end;gap:8px;display:flex}.chat-row.mine{justify-content:flex-end}.chat-col{flex-direction:column;min-width:0;max-width:75%;display:flex}.chat-row.mine .chat-col{align-items:flex-end}.chat-bubble{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:16px 16px 16px 4px;padding:9px 13px;font-size:16px;line-height:1.5}.chat-row.mine .chat-bubble{box-shadow:none;border-radius:16px 16px 4px}.chat-bubble.tone-xiaobo{background:var(--red-deep);color:#fff}.chat-bubble.tone-lala{background:var(--yellow);color:#393441}.chat-big{font-size:44px;line-height:1.1}.chat-meme{background:var(--surface-2);border-radius:12px;max-width:160px;max-height:160px;display:block}.chat-meta{color:var(--muted);margin-top:2px;font-size:11px}.chat-state{color:var(--muted)}.chat-retry{color:var(--danger);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:600}.chat-composer{border-top:1px solid var(--line);align-items:center;gap:6px;padding-top:8px;display:flex}.chat-composer input{border:1.5px solid var(--line);background:var(--surface);min-width:0;height:44px;color:var(--text);border-radius:12px;outline:none;flex:1;padding:0 12px;font-size:16px}.chat-composer input:focus{border-color:var(--muted)}.chat-tool{background:var(--surface-2);cursor:pointer;border:0;border-radius:12px;flex-shrink:0;min-width:44px;height:44px;padding:0 8px;font-size:15px;font-weight:600}.chat-tool.on{background:var(--yellow-soft);box-shadow:inset 0 0 0 1.5px var(--yellow)}.chat-send{flex-shrink:0;min-height:44px;padding:0 14px}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:2px;max-height:200px;padding-top:8px;display:grid;overflow-y:auto}.emoji-grid button,.meme-fallback button{cursor:pointer;background:0 0;border:0;border-radius:10px;height:44px;font-size:26px}.emoji-grid button:active,.meme-fallback button:active{background:var(--surface-2)}.meme-panel{flex-direction:column;gap:6px;min-height:0;max-height:46%;padding-top:8px;display:flex}.meme-search{border:1.5px solid var(--line);background:var(--surface);height:44px;color:var(--text);border-radius:12px;outline:none;padding:0 12px;font-size:16px}.meme-hint{margin:0;font-size:13px}.meme-fallback{gap:4px;display:flex}.meme-fallback button{flex:1}.meme-grid{flex:1;grid-template-columns:repeat(4,1fr);grid-auto-rows:78px;gap:6px;min-height:0;display:grid;overflow-y:auto}.meme-grid button{background:var(--surface-2);cursor:pointer;border:0;border-radius:10px;height:78px;padding:0;overflow:hidden}.meme-grid button:active{transform:scale(.96)}.meme-grid img{object-fit:contain;width:100%;height:100%}@media (width<=359px){.emoji-grid{grid-template-columns:repeat(6,1fr)}.meme-grid{grid-template-columns:repeat(3,1fr)}.chat-tool{min-width:40px;padding:0 6px}}.game{padding-bottom:calc(84px + var(--safe-b))}.chat-dock{z-index:25;left:50%;bottom:calc(12px + var(--safe-b));width:min(600px, calc(100vw - 2 * var(--gutter) - var(--safe-l) - var(--safe-r)));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 28px #39344129, inset 0 0 0 1px var(--line);background:#ffffffeb;border-radius:20px;align-items:center;gap:6px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}.chat-dock-main{background:var(--surface-2);text-align:left;cursor:pointer;border:0;border-radius:14px;flex:1;align-items:center;gap:8px;min-width:0;min-height:44px;padding:0 12px;font-size:15px;display:flex;position:relative}.chat-dock-icon{font-size:18px}.chat-dock-placeholder{color:var(--muted)}.chat-dock-preview{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.chat-dock-main .badge{flex-shrink:0;margin-left:auto;position:static}.chat-dock-tool{background:var(--surface-2);cursor:pointer;border:0;border-radius:14px;flex-shrink:0;min-width:44px;min-height:44px;padding:0 10px;font-size:15px;font-weight:600}.chat-dock-tool:first-of-type{font-size:20px}.toast{bottom:calc(84px + var(--safe-b))}@media (width>=900px) and (height>=560px){.chat-dock{width:360px;left:auto;right:max(24px,50vw - 524px);transform:none}}@media (orientation:landscape) and (height<=560px){.chat-dock{left:auto;right:calc(12px + var(--safe-r));width:min(380px,45vw);transform:none}}.attn-layer{z-index:35;top:calc(64px + var(--safe-t));pointer-events:none;padding:0 var(--gutter);justify-content:center;display:flex;position:fixed;left:0;right:0}.attn-banner{pointer-events:auto;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:12px;max-width:100%;padding:10px 18px 10px 10px;font-size:18px;font-weight:800;animation:.55s cubic-bezier(.34,1.56,.64,1) attn-drop,1.6s ease-in-out .6s infinite attn-float;display:flex;box-shadow:0 14px 36px #39344147}.attn-banner.tone-xiaobo{background:linear-gradient(135deg, #ef6a62, var(--red-deep));color:#fff}.attn-banner.tone-lala{background:linear-gradient(135deg, #ffe08a, var(--yellow));color:#393441}.attn-avatar{border-radius:50%;line-height:0;animation:.9s ease-in-out .45s 2 attn-wiggle;box-shadow:0 0 0 3px #ffffffd9}.attn-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.attn-spark{font-size:20px;animation:.9s ease-in-out infinite attn-pop}@keyframes attn-drop{0%{opacity:0;transform:translateY(-80px)scale(.6)}}@keyframes attn-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes attn-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)scale(1.08)}40%{transform:rotate(12deg)scale(1.08)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}@keyframes attn-pop{0%,to{transform:scale(1)}50%{transform:scale(1.35)rotate(12deg)}}.board-frame.my-turn{animation:1.8s ease-in-out infinite turn-glow}.board-frame.glow-xiaobo{--glow:201, 58, 58}.board-frame.glow-lala{--glow:230, 172, 30}@keyframes turn-glow{0%,to{box-shadow:0 10px 30px #2e544633, 0 0 0 3px rgba(var(--glow), .55), 0 0 18px 4px rgba(var(--glow), .25)}50%{box-shadow:0 10px 30px #2e544633, 0 0 0 5px rgba(var(--glow), .9), 0 0 32px 10px rgba(var(--glow), .4)}}.status-line.attn{animation:1.4s ease-in-out infinite attn-pulse}.status-line.attn .status-icon{animation:.9s ease-in-out infinite attn-pop;display:inline-block}@keyframes attn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.pulse-cta,.pulse-card{animation:1.5s ease-out infinite cta-ring;position:relative}@keyframes cta-ring{0%{box-shadow:0 0 #f2a228b3}70%{box-shadow:0 0 0 14px #f2a22800}to{box-shadow:0 0 #f2a22800}}.modal.urgent{animation:.2s cubic-bezier(.34,1.4,.64,1) modal-in,.5s ease-in-out .2s attn-shake}@keyframes attn-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)rotate(-1.5deg)}40%{transform:translate(9px)rotate(1.5deg)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.board-frame.my-turn{box-shadow:0 0 0 4px rgba(var(--glow), .8)}.pulse-cta,.pulse-card{box-shadow:0 0 0 3px #f2a228cc}}.color-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 0 0 1.5px var(--line);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.color-head{justify-content:space-between;align-items:baseline;gap:8px;font-size:15px;font-weight:600;display:flex}.color-opp{font-size:13px;font-weight:500}.swatches{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.swatches-fruit,.swatches-animal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:232px;padding:2px;overflow-y:auto}.swatches-fruit .swatch-label,.swatches-animal .swatch-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.stone-tabs{gap:6px;display:flex}.stone-tab{background:var(--surface-2);height:32px;color:var(--muted);cursor:pointer;touch-action:manipulation;border:0;border-radius:10px;flex:1;font-size:14px;font-weight:600;position:relative}.stone-tab.on{background:var(--text);color:#fff}.stone-tab-dot{background:var(--red);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:8px}.swatch-fruit{place-items:center;font-size:20px;line-height:1;display:grid}.mini-fruit{background:0 0;place-items:center;display:inline-grid}.stone-emoji{-webkit-user-select:none;user-select:none;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.swatch{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-height:52px;padding:4px 0;display:flex}.swatch-stone{border-radius:50%;width:28px;height:28px;transition:transform .15s}.swatch-label{color:var(--muted);font-size:11px}.swatch.on{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--text)}.swatch.on .swatch-stone{transform:scale(1.12)}.swatch.on .swatch-label{color:var(--text);font-weight:700}.swatch.taken{opacity:.35;cursor:not-allowed}.swatch:active:not(:disabled) .swatch-stone{transform:scale(.9)}@media (width<=359px){.swatches{grid-template-columns:repeat(4,1fr)}}