.cg-wrap{box-sizing:content-box;position:relative;display:block}cg-container{position:absolute;width:100%;height:100%;display:block;top:0}cg-board{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:0;background-size:cover}cg-board square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:cover;z-index:2;will-change:transform;pointer-events:none}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{overflow:hidden;position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.6}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs{overflow:visible;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{overflow:hidden;opacity:.6;z-index:2}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg{overflow:visible}.cg-wrap coords{position:absolute;display:flex;pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px}.cg-wrap coords.ranks{left:4px;top:-20px;flex-flow:column-reverse;height:100%;width:12px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{left:-15px;align-items:flex-end}.cg-wrap coords.files{bottom:-4px;left:24px;flex-flow:row;width:100%;height:16px;text-transform:uppercase;text-align:center}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:1 1 auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.cg-wrap coords.squares{bottom:0;left:0;text-transform:uppercase;text-align:right;flex-flow:column-reverse;height:100%;width:12.5%}.cg-wrap coords.squares.black{flex-flow:column}.cg-wrap coords.squares.left{text-align:left}.cg-wrap coords.squares coord{padding:6% 4%}.cg-wrap coords.squares.rank2{transform:translate(100%)}.cg-wrap coords.squares.rank3{transform:translate(200%)}.cg-wrap coords.squares.rank4{transform:translate(300%)}.cg-wrap coords.squares.rank5{transform:translate(400%)}.cg-wrap coords.squares.rank6{transform:translate(500%)}.cg-wrap coords.squares.rank7{transform:translate(600%)}.cg-wrap coords.squares.rank8{transform:translate(700%)}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:dark;--moss-top: #2C362B;--moss-bottom: #232B22;--panel: #3A4639;--panel-deep: #333F32;--sand: #E2D5B9;--muted: #9DAE96;--honey: #CDAD67;--honey-hi: #D9BC7B;--rose: #E8857D;--ink: #23272C;--line: rgba(226, 213, 185, .08);--line-strong: rgba(226, 213, 185, .14);--wash: rgba(226, 213, 185, .06);--wash-hi: rgba(226, 213, 185, .11);--sq-light: #EDE6D3;--sq-dark: #8DA586;--lm-light: #E3D9A0;--lm-dark: #B4B86E;--select: rgba(205, 173, 103, .6);--dot: rgba(35, 39, 44, .25);--premove: rgba(63, 111, 143, .5);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow-lg: 0 28px 60px -18px rgba(0, 0, 0, .6), 0 6px 18px rgba(0, 0, 0, .22)}*,*:before,*:after{box-sizing:border-box}html{height:100%;background:var(--moss-bottom);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100%;color:var(--sand);background-color:var(--moss-bottom);background-image:radial-gradient(1100px 760px at 32% 38%,#9dae9613,#9dae9600 62%),linear-gradient(180deg,var(--moss-top) 0%,var(--moss-bottom) 100%);background-attachment:fixed;font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}#app{min-height:100vh;min-height:100dvh}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--honey);outline-offset:2px}.hidden{display:none!important}.noscript{max-width:420px;margin:0 auto;padding:48px 20px;color:var(--sand);font-size:15px}.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn{height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid var(--line-strong);background:var(--wash);color:var(--sand);font-weight:600;font-size:14px;letter-spacing:.005em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .06s ease}.btn .icon{width:17px;height:17px}.btn:hover{background:var(--wash-hi);border-color:#e2d5b933}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:default;opacity:.55;transform:none}.btn.primary{background:var(--honey);border-color:transparent;color:var(--ink);box-shadow:0 8px 20px -10px #cdad67b3}.btn.primary:hover{background:var(--honey-hi)}.btn.danger{background:var(--rose);border-color:transparent;color:var(--ink);box-shadow:0 8px 20px -10px #e8857db3}.btn.danger:hover{background:#ee968f}.icon-btn{width:36px;height:36px;border:0;border-radius:9px;padding:0;display:grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.icon-btn:hover{background:var(--wash-hi);color:var(--sand)}.side-mark{width:12px;height:12px;flex:none;border-radius:50%}.side-mark.white{background:var(--sq-light);box-shadow:inset 0 0 0 1px #0000002e}.side-mark.black{background:var(--ink);box-shadow:inset 0 0 0 1px #e2d5b952}.meta-sep{width:3px;height:3px;flex:none;border-radius:50%;background:currentColor;opacity:.55}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--sq-dark) url(/pieces/wN.png) center / 82% no-repeat;box-shadow:inset 0 0 0 1px #0000001f,0 6px 16px -6px #00000080}.brand-name{font-weight:700;font-size:19px;letter-spacing:-.01em}.brand-sub{font-weight:500;font-size:19px;color:var(--muted);letter-spacing:-.01em}.screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.screen-card{width:min(440px,100%);padding:30px 28px 28px;border-radius:18px;background:linear-gradient(180deg,#3a4639f5,#333e32f5);border:1px solid var(--line);box-shadow:var(--shadow-lg);text-align:left}.screen-title{margin:22px 0 8px;font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.015em}.screen-body{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.screen-card .btn{margin-top:22px}.screen-card.loading .screen-body{margin-top:10px}.loader{display:flex;gap:7px;margin-top:26px}.loader span{width:9px;height:9px;border-radius:50%;background:var(--honey);animation:wafi-pulse 1.1s ease-in-out infinite}.loader span:nth-child(2){animation-delay:.15s}.loader span:nth-child(3){animation-delay:.3s}@keyframes wafi-pulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.frame{position:relative;padding:var(--frame-pad, 24px);border-radius:12px;background:linear-gradient(180deg,#3d4a3c,#364335);box-shadow:inset 0 1px #e2d5b912,inset 0 0 0 1px #0000001f,var(--shadow-lg)}.board-host{position:relative;width:var(--board, 480px);height:var(--board, 480px);border-radius:3px;box-shadow:0 0 0 1px #00000038,0 2px 10px #00000040}.board-host .cg-wrap{width:100%;height:100%}.coords{position:absolute;display:flex;color:#e2d5b9c7;font-weight:600;font-size:clamp(9px,calc(var(--frame-pad, 24px) * .48),12.5px);line-height:1;letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none}.coords span{flex:1 1 0;display:flex;align-items:center;justify-content:center}.coords.files{left:var(--frame-pad, 24px);right:var(--frame-pad, 24px);height:var(--frame-pad, 24px)}.coords.files.top{top:0}.coords.files.bottom{bottom:0}.coords.ranks{top:var(--frame-pad, 24px);bottom:var(--frame-pad, 24px);width:var(--frame-pad, 24px);flex-direction:column}.coords.ranks.left{left:0}.coords.ranks.right{right:0}cg-board{border-radius:3px;background-color:var(--sq-light);background-image:repeating-conic-gradient(var(--sq-dark) 0 25%,var(--sq-light) 0 50%);background-size:25% 25%}cg-board square.lm-light{background-color:var(--lm-light)}cg-board square.lm-dark{background-color:var(--lm-dark)}cg-board square.selected{background-color:var(--select)}cg-board square.move-dest{background:radial-gradient(var(--dot) 18%,rgba(35,39,44,0) calc(18% + 1px))}cg-board square.move-dest.oc{background:radial-gradient(transparent 0%,transparent calc(80% - 1px),var(--dot) 80%)}cg-board square.move-dest:hover{background:#cdad6773}cg-board square.premove-dest{background:radial-gradient(var(--premove) 18%,rgba(63,111,143,0) calc(18% + 1px))}cg-board square.premove-dest.oc{background:radial-gradient(transparent 0%,transparent calc(80% - 1px),var(--premove) 80%)}cg-board square.current-premove{background-color:#3f6f8f6b}cg-board square.check{background:radial-gradient(ellipse at center,#e8857d,#e8857deb 25%,#e8857d59 62%,#e8857d00 86%)}.cg-wrap piece{background-size:cover;background-repeat:no-repeat}.cg-wrap piece.pawn.white{background-image:url(/pieces/wP.png)}.cg-wrap piece.knight.white{background-image:url(/pieces/wN.png)}.cg-wrap piece.bishop.white{background-image:url(/pieces/wB.png)}.cg-wrap piece.rook.white{background-image:url(/pieces/wR.png)}.cg-wrap piece.queen.white{background-image:url(/pieces/wQ.png)}.cg-wrap piece.king.white{background-image:url(/pieces/wK.png)}.cg-wrap piece.pawn.black{background-image:url(/pieces/bP.png)}.cg-wrap piece.knight.black{background-image:url(/pieces/bN.png)}.cg-wrap piece.bishop.black{background-image:url(/pieces/bB.png)}.cg-wrap piece.rook.black{background-image:url(/pieces/bR.png)}.cg-wrap piece.queen.black{background-image:url(/pieces/bQ.png)}.cg-wrap piece.king.black{background-image:url(/pieces/bK.png)}cg-board piece.dragging{filter:drop-shadow(0 10px 10px rgba(0,0,0,.33))}.cg-wrap piece.ghost{opacity:.32}.cg-wrap.manipulable cg-board{cursor:pointer}.promo{position:absolute;inset:0;z-index:30;border-radius:3px;background:#1e251d99;animation:wafi-fade .12s ease-out}.promo-choice{position:absolute;width:12.5%;height:12.5%;padding:0;border:0;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 50% 42%,#f4eedf,#e4dcc6 62%,#c9c0a6);box-shadow:0 6px 14px #00000059;transition:border-radius .15s ease,background .15s ease,transform .15s ease}.promo-choice:hover{border-radius:10%;background:var(--honey)}.promo-piece{display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:82%;transition:background-size .15s ease}.promo-choice:hover .promo-piece{background-size:96%}@supports selector(:has(*)){.promo-choice:focus-visible{outline:none}.promo:not(:has(.promo-choice:hover)) .promo-choice:focus-visible{border-radius:10%;background:var(--honey)}.promo:not(:has(.promo-choice:hover)) .promo-choice:focus-visible .promo-piece{background-size:96%}}.promo-piece.white.queen{background-image:url(/pieces/wQ.png)}.promo-piece.white.rook{background-image:url(/pieces/wR.png)}.promo-piece.white.bishop{background-image:url(/pieces/wB.png)}.promo-piece.white.knight{background-image:url(/pieces/wN.png)}.promo-piece.black.queen{background-image:url(/pieces/bQ.png)}.promo-piece.black.rook{background-image:url(/pieces/bR.png)}.promo-piece.black.bishop{background-image:url(/pieces/bB.png)}.promo-piece.black.knight{background-image:url(/pieces/bN.png)}@keyframes wafi-fade{0%{opacity:0}to{opacity:1}}.game{--col-h: calc(var(--board) + 2 * var(--frame-pad) + 2 * var(--bar-h) + 2 * var(--gap));min-height:100vh;min-height:100dvh;padding:var(--page-pad);display:flex;align-items:center;justify-content:center;gap:var(--col-gap, 16px)}.board-col{flex:none;width:calc(var(--board) + 2 * var(--frame-pad));display:flex;flex-direction:column;gap:var(--gap)}.pbar{container-type:inline-size;height:var(--bar-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 0 4px}.pbar-who{min-width:0;display:flex;align-items:center;gap:10px}.pname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;letter-spacing:-.005em}.prating{flex:none;color:var(--muted);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.prating:empty{display:none}.material{flex:none;display:inline-flex;align-items:center;gap:5px;margin-left:2px}.mp-group{display:inline-flex}.material:empty{display:none}.mp{width:18px;height:18px;background-color:#e2d5b99e;-webkit-mask:var(--piece) center / contain no-repeat;mask:var(--piece) center / contain no-repeat}.mp+.mp{margin-left:-9px}.mp.wQ,.mp.bQ{--piece: url(/pieces/wQ.png)}.mp.wR,.mp.bR{--piece: url(/pieces/wR.png)}.mp.wB,.mp.bB{--piece: url(/pieces/wB.png)}.mp.wN,.mp.bN{--piece: url(/pieces/wN.png)}.mp.wP,.mp.bP{--piece: url(/pieces/wP.png)}.lead{margin-left:3px;color:var(--muted);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.pbar.to-move .side-mark{box-shadow:0 0 0 2px var(--moss-bottom),0 0 0 3.5px var(--honey)}@container (max-width: 340px){.prating,.mp-group{display:none}}.clock{flex:none;min-width:112px;height:calc(var(--bar-h) - 12px);padding:0 16px;border-radius:10px;display:flex;align-items:center;justify-content:flex-end;background:#3a4639d9;box-shadow:inset 0 0 0 1px var(--line);color:#e2d5b99e;font-size:calc(var(--bar-h) * .45);font-weight:600;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:.01em;line-height:1;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.clock.waiting{color:var(--sand);box-shadow:inset 0 0 0 1.5px #cdad678c}.clock.running{background:var(--honey);color:var(--ink);box-shadow:0 10px 24px -12px #cdad67bf}.clock.low{color:var(--rose)}.clock.running.low{background:var(--rose);color:var(--ink);box-shadow:0 10px 24px -12px #e8857dcc}.clock.daily{font-size:calc(var(--bar-h) * .36)}.clock.tenths .clock-text{letter-spacing:0}.side{flex:none;width:var(--panel-w);height:var(--col-h);display:flex;flex-direction:column;border-radius:16px;background:linear-gradient(180deg,#3c483bf7,#343f33f7);border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}.side-head{display:flex;align-items:center;gap:6px;min-height:58px;padding:10px 10px 10px 18px;border-bottom:1px solid var(--line)}.side-head .back{margin-left:-10px}.meta{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 9px;color:var(--muted)}.meta-tc{color:var(--sand);font-size:15px;font-weight:700;letter-spacing:-.005em}.meta-mode{font-size:14px;font-weight:500}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.chip.watch{background:#9dae9624;color:var(--muted)}.chip.watch .icon{width:15px;height:15px}.chip.conn{gap:6px;padding-left:8px;background:#cdad6724;color:var(--sand)}.chip.conn:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--honey);animation:wafi-pulse 1.1s ease-in-out infinite}.tools{display:flex;gap:2px}.status{padding:18px 18px 17px;border-bottom:1px solid var(--line)}.status-head{font-size:23px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.status-detail{margin-top:5px;color:var(--muted);font-size:14px;line-height:1.45}.status-detail:empty{display:none}.status-detail.urgent{color:var(--rose)}.status.tone-turn .status-head,.status.tone-win .status-head{color:var(--honey)}.status.tone-loss .status-head{color:var(--rose)}.status.tone-turn{box-shadow:inset 3px 0 0 var(--honey)}.offer{margin-top:13px;padding:10px 12px;border-radius:10px;background:#cdad671f;border:1px solid rgba(205,173,103,.28);color:var(--honey);font-size:13.5px;font-weight:600}.offer.mine{background:var(--wash);border-color:var(--line);color:var(--sand)}.toast{margin-top:13px;padding:10px 12px;border-radius:10px;background:#e8857d1a;border:1px solid rgba(232,133,125,.34);color:#f3d9d5;font-size:13.5px;font-weight:500;line-height:1.4;animation:wafi-drop .18s ease-out}.toast.info{background:#cdad6714;border-color:#cdad674d;color:var(--sand)}.moves{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 0;scrollbar-width:thin;scrollbar-color:rgba(226,213,185,.18) transparent}.moves-grid{display:grid;grid-template-columns:50px 1fr 1fr;align-items:stretch}.mv-num{padding:6px 0;text-align:center;color:var(--muted);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;background:#00000012}.mv{padding:6px 14px;font-size:14.5px;font-weight:500;white-space:nowrap;border-radius:6px;margin:1px 4px}.mv.cur{background:#cdad672b;color:var(--honey);font-weight:700}.moves-empty{padding:28px 16px;text-align:center;color:var(--muted);font-size:13.5px}.moves-result{margin:8px 14px 4px;padding:10px 12px 11px;border-radius:12px;background:#0000001a;text-align:center}.moves-result .score{color:var(--honey);font-size:21px;font-weight:700;letter-spacing:.02em}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px 14px;border-top:1px solid var(--line)}.actions .btn.wide{grid-column:1 / -1}.actions.three{grid-template-columns:repeat(3,minmax(0,1fr))}.actions.three .btn{padding:0 8px;gap:6px}.side-foot{display:grid;gap:8px;padding:10px 14px 14px;border-top:1px solid var(--line)}.thread-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border-radius:9px;color:var(--muted);font-size:13.5px;font-weight:500;text-decoration:none;transition:background-color .15s ease,color .15s ease}.thread-link:hover{background:var(--wash);color:var(--sand)}.thread-link .icon{width:17px;height:17px}@keyframes wafi-drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.game.compact .pname{font-size:14px}.game.compact .clock{min-width:92px;border-radius:8px}.game.compact .status{padding:12px 14px}.game.compact .status-head{font-size:19px}.game.compact .side-head{min-height:48px}.game[data-layout=stack]{flex-direction:column;align-items:center;justify-content:flex-start;padding-bottom:max(18px,env(safe-area-inset-bottom))}.game[data-layout=stack] .board-col{margin-top:max(0px,env(safe-area-inset-top))}.game[data-layout=stack] .pbar{padding:0 10px}.game[data-layout=stack] .side{width:calc(var(--board) + 2 * var(--frame-pad));max-width:calc(100% - 20px);height:auto}.game[data-layout=stack] .side-head{order:0}.game[data-layout=stack] .status{order:1}.game[data-layout=stack] .actions{order:2;border-top:0;border-bottom:1px solid var(--line)}.game[data-layout=stack] .moves{order:3;max-height:240px}.game[data-layout=stack] .side-foot{order:4}@media(max-width:519px){.game[data-layout=stack] .frame{border-radius:0}.game[data-layout=stack] .board-host,.game[data-layout=stack] cg-board{border-radius:1px}.pname{font-size:15px}.clock{min-width:96px;padding:0 12px}.status-head{font-size:20px}}.lobby{width:min(760px,100%);margin:0 auto;padding:26px 20px 40px}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.lobby-user{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 12px;border-radius:999px;background:var(--wash);border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:600}.lobby-error{margin:0 0 18px;padding:10px 14px;border-radius:10px;background:#e8857d1a;border:1px solid rgba(232,133,125,.3);color:#f3d9d5;font-size:13.5px}.lobby-section+.lobby-section{margin-top:30px}.lobby-section h2{margin:0 0 12px 2px;color:var(--muted);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.game-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:82px;padding:14px 16px 14px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#3c483bf5,#354034f5);box-shadow:0 14px 30px -18px #000000b3;color:var(--sand);text-align:left;cursor:pointer;transition:transform .12s ease,border-color .15s ease,background-color .15s ease}.game-card:hover{transform:translateY(-1px);border-color:var(--line-strong)}.game-card.tone-turn{border-color:#cdad676b}.gc-players{min-width:0;display:grid;gap:7px}.gc-player{min-width:0;display:flex;align-items:center;gap:9px}.gc-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600}.gc-player.you .gc-name:after{content:"you";margin-left:7px;color:var(--muted);font-size:12px;font-weight:500}.gc-meta{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.gc-info{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12.5px;font-weight:500}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge .icon{width:14px;height:14px}.badge.turn{background:var(--honey);color:var(--ink)}.badge.wait{background:var(--wash-hi);color:var(--sand)}.badge.watch{background:#9dae9629;color:var(--muted)}.cards-empty{grid-column:1 / -1;display:grid;gap:4px;padding:20px 18px;border-radius:14px;border:1px dashed var(--line-strong);color:var(--muted);font-size:13.5px}.cards-empty strong{color:var(--sand);font-size:14.5px;font-weight:600}.game-card.skeleton{cursor:default;background:linear-gradient(90deg,#3a463999,#465445bf,#3a463999);background-size:200% 100%;animation:wafi-shimmer 1.4s ease-in-out infinite}@keyframes wafi-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:519px){.lobby{padding:18px 12px 32px}.cards{grid-template-columns:1fr}}