@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lora-latin-600-normal-B-3RcLOQ.woff2) format("woff2"),url(/assets/lora-latin-600-normal-Dc3EneHn.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/lora-latin-700-normal-BHK4Pzk4.woff2) format("woff2"),url(/assets/lora-latin-700-normal-Yfa97ytg.woff) format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/source-sans-3-latin-400-normal-DQi5PRDE.woff2) format("woff2"),url(/assets/source-sans-3-latin-400-normal-AFMiCETP.woff) format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/source-sans-3-latin-600-normal-DeckBYAU.woff2) format("woff2"),url(/assets/source-sans-3-latin-600-normal-BvDVuF-j.woff) format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/source-sans-3-latin-700-normal-CkzU-mV9.woff2) format("woff2"),url(/assets/source-sans-3-latin-700-normal-BBbVrHF_.woff) format("woff")}.rules-page{min-height:100svh;padding:clamp(18px,5vw,56px) 14px;overflow-y:auto;background:radial-gradient(circle at 50% 0,rgba(255,248,218,.22),transparent 34rem),#30271c}.rules-page-card,.rules-dialog-card{width:min(100%,720px);margin:0 auto;padding:clamp(20px,5vw,42px);border:1px solid rgba(85,61,30,.6);border-radius:12px;background:var(--paper-light);color:var(--ink);box-shadow:0 14px 48px #110b0559}.rules-content{font-size:16px;line-height:1.55}.rules-content header,.rules-content section{max-width:62ch}.rules-content header{margin-bottom:28px}.rules-eyebrow{margin:0;color:#765d2d;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.rules-content h1{margin:3px 0 8px;font-size:clamp(32px,7vw,48px);line-height:1}.rules-content h2{margin:28px 0 6px;color:#6b4b1f;font-size:21px}.rules-content p,.rules-content ul{margin:8px 0}.rules-content li+li{margin-top:5px}.rule-patterns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}.rule-pattern{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid rgba(70,55,34,.28);border-radius:8px;background:#ffffff47;font-size:13px}.rule-gem-row{display:inline-flex;gap:0px}.rule-gem{width:24px;height:24px;object-fit:contain}.rules-example-board{display:grid;gap:8px;width:min(100%,320px);margin:18px auto}.rules-example-grid{display:grid;aspect-ratio:var(--rules-example-cols) / var(--rules-example-rows);border:2px solid rgba(118,93,45,.64);background:#b7a88d}.rules-example-board figcaption{color:var(--ink-soft);font-size:12px;line-height:1.35}.rule-note{padding-left:12px;border-left:3px solid var(--gold);color:var(--ink-soft)}.rules-primary-action{display:block;width:min(100%,320px);margin:30px auto 0;padding:12px 18px;border:1px solid #765d2d;border-radius:7px;background:#765d2d;color:#fff8e5;font:inherit;font-weight:800;text-align:center;text-decoration:none;cursor:pointer}.rules-primary-action:disabled{opacity:.55;cursor:wait}.rules-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:clamp(10px,3vw,28px);border:0;overflow-y:auto;background:transparent}.rules-dialog::backdrop{background:#140e08b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rules-dialog-card{position:relative}.rules-close{position:sticky;z-index:1;top:0;float:right;width:44px;height:44px;border:1px solid rgba(70,55,34,.4);border-radius:50%;background:var(--paper-light);color:var(--ink);font-size:26px;line-height:1;cursor:pointer}@media(max-width:560px){.rule-patterns{grid-template-columns:1fr}.rules-dialog{padding:0}.rules-dialog-card{min-height:100%;border:0;border-radius:0}}.cell{position:relative;width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;padding:0;border:0;border-right:1px solid rgba(72,56,34,.26);border-bottom:1px solid rgba(72,56,34,.26);background:#beac8780;cursor:pointer;appearance:none;transition:background .15s ease}.cell.active-surface:before{content:"";position:absolute;top:0;left:0;width:10%;height:10%;transform:translate(-60%,-60%) rotate(45deg);background:#b1a18c;pointer-events:none}.cell.last-move:after{content:"";position:absolute;inset:0;z-index:1;background:var(--last-move-tint);pointer-events:none}.cell.last-move-red{--last-move-tint: rgba(167, 47, 49, .24)}.cell.last-move-blue{--last-move-tint: rgba(40, 95, 155, .24)}div.cell{cursor:default}.cell.active-surface{background:#e9ddbdb8}.cell.dormant{background:#ae9d84}.placement-circle{width:25%;aspect-ratio:1;border:1.5px solid rgba(92,71,40,.35);border-radius:50%;pointer-events:none}.cell.in-valid-area:hover,.cell.in-valid-area:focus-visible{background:#decda8e6}.cell.in-valid-area:focus-visible{z-index:8;outline:3px solid #101010;outline-offset:-3px}.cell-preview{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .12s ease}.cell.in-valid-area:hover .cell-preview,.cell.in-valid-area:focus-visible .cell-preview{opacity:1}.cell.in-valid-area:hover .placement-circle,.cell.in-valid-area:focus-visible .placement-circle{opacity:0}.cell.socket{background:transparent}.socket-bezel{position:relative;z-index:2;display:block;width:72%;aspect-ratio:1;object-fit:contain;top:6%;left:-2%;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.cell-frame,.frame-edge,.frame-peg{position:absolute;pointer-events:none}.cell-frame{inset:0;z-index:6}.frame-edge-top,.frame-edge-bottom{left:0;right:0;height:2px}.frame-edge-left,.frame-edge-right{top:0;bottom:0;width:2px}.frame-edge{z-index:1}.frame-edge-top{top:-1px;background:linear-gradient(var(--gold-bright) 0 1px,var(--gold) 0px 2px)}.frame-edge-right{right:-1px;background:linear-gradient(to left,var(--gold-bright) 0 1px,var(--gold) 0px 2px)}.frame-edge-bottom{bottom:-1px;background:linear-gradient(to top,var(--gold-bright) 0 1px,var(--gold) 0px 2px)}.frame-edge-left{left:-1px;background:linear-gradient(to right,var(--gold-bright) 0 1px,var(--gold) 0px 2px)}.frame-peg{z-index:2;width:6px;aspect-ratio:1;outline:1px solid var(--gold);border-radius:40%;background:var(--gold-bright)}:root{--paper: #e8dcc1;--paper-light: #f1e8d3;--ink: #29271f;--ink-soft: #655e50;--gold: #a8843e;--gold-bright: #d3ad58;--red: #a72f31;--blue: #285f9b;--green: #35865e;--red-dark: #671b23;--blue-dark: #173b68;--green-dark: #1c593c;--skin-light: #c99c78;--skin-weathered: #9a6e4e;--sack-gap: 30px;--sack-row-height: 112px;--font-body: "Source Sans 3", Arial, sans-serif;--font-heading: Lora, Georgia, serif;color:var(--ink);font-family:var(--font-body);font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{overflow-x:hidden;background:radial-gradient(circle at 30% 12%,rgba(255,255,255,.18),transparent 25%),repeating-linear-gradient(8deg,transparent 0 7px,rgba(65,50,30,.025) 8px 9px),var(--paper)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}:where(button,a,input,select,textarea):focus-visible{outline:3px solid #101010;outline-offset:3px}.game-table{position:relative;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:linear-gradient(90deg,rgba(70,48,25,.07),transparent 4%,transparent 96%,rgba(70,48,25,.07)),transparent;isolation:isolate}.table-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.28;background:repeating-linear-gradient(2deg,transparent 0 17px,rgba(57,46,31,.08) 18px),repeating-linear-gradient(92deg,transparent 0 31px,rgba(255,255,255,.08) 32px);mix-blend-mode:multiply}.top-banner{position:relative;z-index:12;flex:0 0 auto;display:flex;align-items:center;gap:14px;min-height:104px;width:100%;padding:12px 16px;background:var(--paper-light);border-bottom:1px solid rgba(70,55,34,.4);box-shadow:0 2px 8px #34281a2e}.banner-identity{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;line-height:1.05}.banner-room{display:block;max-width:180px;overflow:hidden;font-size:12px;text-overflow:ellipsis;color:var(--ink-soft);white-space:nowrap}.banner-opponent{max-width:11rem;overflow:hidden;color:var(--ink);font-size:.82rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.copy-invite{padding:5px 8px;border:1px solid #765d2d;border-radius:5px;background:#765d2d;color:#fff8e5;font-size:12px;cursor:pointer}.banner-clocks{display:flex;gap:6px}.game-clock{display:inline-flex;align-items:baseline;gap:5px;min-width:66px;padding:5px 7px;border:1px solid rgba(70,55,34,.35);border-radius:6px;background:#ffffff59;color:var(--ink-soft);font:700 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.game-clock.clock-red>span{color:var(--red)}.game-clock.clock-blue>span{color:var(--blue)}.game-clock.active{border-color:currentColor;background:#ffffffb8;color:var(--ink);box-shadow:0 1px 4px #34281a2e}.banner-turn{position:absolute;left:50%;font-size:32px;font-weight:800;white-space:nowrap;transform:translate(-50%)}.banner-turn.turn-red{color:var(--red)}.banner-turn.turn-blue{color:var(--blue)}.banner-conn{font-weight:400;color:#c21515}.banner-options{position:relative;margin-left:auto}.options-button{width:44px;height:44px;padding:0;border:1px solid var(--ink-soft);border-radius:6px;background:transparent;color:var(--ink);font-size:18px;line-height:1;cursor:pointer}.options-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:25;display:flex;flex-direction:column;min-width:132px;padding:5px;border:1px solid rgba(70,55,34,.5);border-radius:8px;background:var(--paper-light);box-shadow:0 6px 18px #281c0e47}.options-menu button{padding:8px 10px;border:0;border-radius:5px;background:transparent;color:var(--ink);font-size:13px;text-align:left;cursor:pointer}.options-menu button:not(:disabled):hover{background:#78623f29}.options-menu button:disabled{color:var(--ink-soft);opacity:.5;cursor:default}.player-rail{position:relative;flex:0 0 auto;height:calc(var(--sack-row-height) + (var(--sack-gap) * 2) + 2.8rem);pointer-events:none}.gem-sacks{position:absolute;z-index:3;left:50%;top:calc(100% + var(--sack-gap));transform:translate(-50%);width:min(100%,420px);height:var(--sack-row-height);display:flex;align-items:flex-end;justify-content:space-around;pointer-events:auto}.gem-sack{position:relative;width:31%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;overflow:visible;filter:drop-shadow(2px 3px 2px rgba(40,28,14,.22));transition:transform .12s ease}.gem-sack-red{--sack-color: var(--red)}.gem-sack-blue{--sack-color: var(--blue)}.gem-sack-green{--sack-color: var(--green)}.gem-sack img{display:block;position:absolute;left:50%;top:50%;width:180px;max-width:none;height:auto;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-drag:none}.gem-sack-label{position:absolute;left:50%;bottom:-.25rem;z-index:2;min-width:4.25rem;padding:.25rem .5rem;border:2px solid var(--sack-color);border-radius:999px;background:var(--paper-light);color:var(--sack-color);font-size:.72rem;font-weight:800;line-height:1;text-transform:capitalize;transform:translate(-50%);pointer-events:none}.gem-sack.is-selected{filter:drop-shadow(2px 3px 2px rgba(40,28,14,.22)) drop-shadow(0 0 .35rem color-mix(in srgb,var(--sack-color),transparent 35%))}.gem-sack:active{transform:translateY(2px)}.player-banner{position:absolute;bottom:0;left:50%;display:flex;align-items:center;justify-content:center;width:100%;min-height:clamp(1.85rem,5svh,2.25rem);padding:.32rem clamp(.8rem,3vw,1.25rem) max(.32rem,env(safe-area-inset-bottom));border:0;border-radius:0;background:color-mix(in srgb,var(--banner-color),transparent 28%);box-shadow:none;color:#fff6df;font-size:clamp(.82rem,2.2vw,.98rem);font-weight:800;line-height:1;transform:translate(-50%)}.player-banner-red{--banner-color: #a72f31}.player-banner-blue{--banner-color: #285f9b}.board-viewport{position:relative;z-index:4;flex:1 1 auto;min-height:0;width:100%;container-type:size;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 7px 8px rgba(52,39,23,.12))}.board{position:relative;width:min(100cqi,100cqb);height:min(100cqi,100cqb);flex:0 0 auto;background:#ae9d84;border:1px solid rgba(54,49,39,.5)}.board-window{position:absolute;inset:0;overflow:hidden}.board-cells{position:absolute;z-index:4;left:calc(var(--render-col-offset) * 100% / var(--board-side));top:calc(var(--render-row-offset) * 100% / var(--board-side));display:grid;width:calc(var(--render-cols) * 100% / var(--board-side));height:calc(var(--render-rows) * 100% / var(--board-side));background:#ae9d84}.board-pegs{position:absolute;z-index:7;left:calc(var(--render-col-offset) * 100% / var(--board-side));top:calc(var(--render-row-offset) * 100% / var(--board-side));width:calc(var(--render-cols) * 100% / var(--board-side));height:calc(var(--render-rows) * 100% / var(--board-side));pointer-events:none}.board-frame-peg{left:calc(var(--peg-col) * 100% / var(--render-cols));top:calc(var(--peg-row) * 100% / var(--render-rows));transform:translate(-50%,-50%)}.gem{position:relative;z-index:3;display:block;width:100%;aspect-ratio:1;object-fit:contain;transform-origin:center;filter:drop-shadow(.8px .8px .3px rgba(42,31,21,.3));pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;top:6%;left:-2%}.cell .gem-red{transform:scale(.8);left:-1%}.cell .gem-blue,.cell .gem-green{transform:scale(.8)}.cell.socket .cell-preview .gem{width:72%;transform:none}.gem-ghost{opacity:.26;filter:grayscale(.2)}@keyframes gem-land{0%{opacity:0}}.cell .gem,.hand-gem .gem{animation:gem-land .18s ease-out}.cell-preview .gem{animation:none}@media(prefers-reduced-motion:reduce){.cell .gem,.hand-gem .gem{animation:none}}.player-hand{position:absolute;pointer-events:none;z-index:8;aspect-ratio:1024 / 1536;filter:drop-shadow(3px 5px 4px rgba(40,28,14,.26))}.hand-sleeve,.hand-pose{position:absolute;z-index:9;inset:0;transform-origin:center}.hand-sleeve img,.hand-pose img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}.hand-sleeve{width:120%;height:120%}.player-hand-bottom.player-hand-woman .hand-sleeve{transform-origin:center;transform:translate(22%,56%) rotate(5deg)}.player-hand-bottom.player-hand-man .hand-sleeve{transform-origin:center;transform:translate(-49%,-72%) rotate(12deg)}.player-hand-top.player-hand-woman .hand-sleeve{transform-origin:center;transform:translate(15%,58%) rotate(12deg)}.player-hand-top.player-hand-man .hand-sleeve{transform-origin:center;transform:translate(-45%,-72%) rotate(15deg)}.hand-gem{position:absolute;width:65%;transform-origin:center;z-index:8}.player-hand-bottom{right:-20%;bottom:-40%;width:clamp(158px,46vw,280px)}.player-hand-top{left:-13%;top:-13%;width:clamp(150px,44vw,260px)}.player-hand-bottom.player-hand-man,.player-hand-top.player-hand-woman{transform:rotate(180deg)}.player-hand-bottom.player-hand-woman .hand-gem{left:-2%;top:7.5%;width:50%;rotate:130deg}.player-hand-bottom.player-hand-man .hand-gem{left:52%;top:51%;width:60%;rotate:30deg}.end-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#1a120880;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.end-card{min-width:min(280px,80vw);padding:24px 28px;text-align:center;border:1px solid rgba(70,55,34,.55);border-radius:12px;background:var(--paper-light);box-shadow:0 12px 40px #140c0580}.end-card h2{margin:0 0 18px;font-size:26px;color:var(--ink)}.result-details{display:grid;gap:7px;margin:0 0 18px;text-align:left}.result-details div{display:grid;grid-template-columns:88px 1fr;gap:8px}.result-details dt{color:var(--ink-soft);font-size:12px}.result-details dd{margin:0;font-size:13px}.end-card-win h2{color:var(--green-dark)}.end-card-lose h2{color:var(--red-dark)}.end-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.rematch-status{margin:-2px 0 14px;color:var(--green-dark);font-size:13px}.end-primary,.end-secondary{padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer}.end-primary:disabled{opacity:.62;cursor:wait}.report-toggle{margin-top:16px;padding:8px;border:0;background:transparent;color:var(--ink-soft);font-size:12px;text-decoration:underline;cursor:pointer}.report-form{display:grid;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(70,55,34,.28);text-align:left}.report-form label{display:grid;gap:5px;color:var(--ink-soft);font-size:12px}.report-form select,.report-form textarea{width:100%;padding:8px;border:1px solid rgba(70,55,34,.5);border-radius:5px;background:#ffffff73;color:var(--ink);font:inherit}.report-form textarea{resize:vertical}.report-actions{display:flex;justify-content:flex-end;gap:8px}.report-success{margin:16px 0 0;color:var(--green-dark);font-size:13px}.end-primary{border:1px solid #765d2d;background:#765d2d;color:#fff8e5}.end-secondary{border:1px solid var(--ink-soft);background:transparent;color:var(--ink-soft)}.lobby-stage{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(150% 80% at 50% 0%,rgba(150,108,56,.4),transparent 55%),linear-gradient(180deg,#5a4026,#4a3420 46%,#3c2917)}.lobby{width:min(380px,calc(100vw - 32px));padding:26px 24px 28px;text-align:center;border:1px solid rgba(70,55,34,.55);border-radius:10px;background:radial-gradient(120% 90% at 50% 0%,rgba(255,252,238,.5),transparent 60%),var(--paper-light);box-shadow:0 14px 40px #140c0573,inset 0 0 0 2px #a8843e40}.lobby.lobby-records{width:min(620px,calc(100vw - 32px))}.lobby-gems{display:flex;justify-content:center;align-items:center;gap:6px;height:46px;margin-bottom:6px}.lobby-gems img{height:100%;filter:drop-shadow(1px 2px 1px rgba(42,31,21,.28))}.lobby-gems img:nth-child(2){height:112%}.lobby h1{margin:0;font-size:26px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 1px rgba(20,12,5,.25)}.subtitle{margin:3px 0 22px;color:var(--ink-soft);font-style:italic}.player-summary{margin:-12px 0 14px;color:var(--ink-soft);font-size:12px}.lobby-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px}.lobby .lobby-nav button{padding:8px 4px;border-color:#655e5099;background:transparent;color:var(--ink-soft)}.lobby .lobby-nav button.active{border-color:#765d2d;background:#765d2d;color:#fff8e5}.lobby-records>h2{margin:18px 0 8px;font-size:17px}.records-table{display:grid;border:1px solid rgba(118,93,45,.35);text-align:left}.records-row{display:grid;grid-template-columns:52px minmax(100px,1fr) 64px 82px;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(118,93,45,.2);font-size:13px}.records-row:last-child{border-bottom:0}.records-heading{background:#a8843e1f;color:var(--ink-soft);font-size:11px;text-transform:uppercase}.viewer-row{background:#35865e21}.records-row a,.public-profile a{color:var(--blue-dark)}.public-profile>h1{overflow-wrap:anywhere}.profile-rating{color:var(--gold);font-size:20px;font-weight:700}.history-list{display:grid;gap:8px;text-align:left}.history-game{padding:11px 12px;border:1px solid rgba(118,93,45,.35);background:#a8843e12}.history-meta{margin-top:4px;color:var(--ink-soft);font-size:11px}.public-leaderboard>p{color:var(--ink-soft)}.public-leaderboard>a,.public-links a{color:var(--blue-dark)}.public-leaderboard>a{display:inline-block;margin-top:20px}.result-win{color:var(--green-dark)}.result-loss{color:var(--red-dark)}.result-draw{color:var(--ink-soft)}.quick-play,.private-play{display:grid;gap:8px;margin-bottom:20px;padding:14px;border:1px solid rgba(118,93,45,.45);background:#a8843e14}.lobby-searching .quick-play{padding:20px 16px;border-color:#35865ea6;background:radial-gradient(circle at 50% 10%,rgba(53,134,94,.18),transparent 58%),#a8843e14;box-shadow:inset 0 0 0 2px #35865e1a}.matchmaking-search{display:grid;justify-items:center;gap:9px}.searching-gems{display:flex;align-items:center;justify-content:center;gap:3px;min-height:44px}.searching-gems img{width:38px;height:38px;filter:drop-shadow(1px 2px 1px rgba(42,31,21,.25));animation:searching-gem 1.35s ease-in-out infinite}.searching-gems img:nth-child(2){animation-delay:.15s}.searching-gems img:nth-child(3){animation-delay:.3s}@keyframes searching-gem{0%,60%,to{transform:translateY(0) scale(.9);opacity:.58}30%{transform:translateY(-5px) scale(1.06);opacity:1}}.quick-play .searching-kicker,.quick-play .searching-lock,.private-play .play-option-lock{color:var(--green-dark);font-size:11px;font-weight:700;letter-spacing:.04em}.quick-play .searching-kicker{text-transform:uppercase}.quick-play .searching-detail{color:var(--ink)}.lobby .cancel-search{width:100%;margin-top:3px;border-color:var(--ink-soft);background:transparent;color:var(--ink)}.play-option-disabled{opacity:.62}.private-play .play-option-lock{margin-top:2px}@media(prefers-reduced-motion:reduce){.searching-gems img{animation:none;opacity:1}}.quick-play h2,.quick-play p,.private-play h2,.private-play p{margin:0}.quick-play h2,.private-play h2{color:var(--ink);font-size:17px}.quick-play p,.private-play p{color:var(--ink-soft);font-size:12px}.private-play{margin-bottom:18px}.lobby form,.lobby label{text-align:left}.lobby form,.lobby label{display:flex;flex-direction:column;gap:8px}.lobby form{gap:18px}.lobby label{color:var(--ink-soft);font-size:13px}.lobby input{padding:10px;border:1px solid var(--ink-soft);background:#fff3;color:var(--ink)}.lobby button{padding:11px;border:1px solid #765d2d;background:#765d2d;color:#fff8e5;cursor:pointer}.lobby button:disabled{opacity:.45;cursor:default}.lobby .lobby-rules{border-color:var(--ink-soft);background:transparent;color:var(--ink)}.lobby-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.lobby-settings button{border-color:var(--ink-soft);background:transparent;color:var(--ink)}.connection-hint{display:grid;gap:5px;margin:16px 0 0;color:var(--ink-soft);font-size:11px;line-height:1.35}.connection-hint code{overflow-wrap:anywhere;color:var(--ink)}.muted{font-size:11px}@media(min-width:700px){.game-table{width:min(100vw,820px);margin:auto;border-inline:1px solid rgba(70,55,34,.18)}.opponent-rail{height:clamp(96px,14svh,150px)}.player-rail{height:clamp(180px,26svh,220px)}}@media(max-height:720px){.opponent-rail{height:clamp(44px,9svh,64px)}}@media(max-height:560px){.opponent-rail{height:clamp(36px,8svh,50px)}}@media(max-width:560px){.lobby-stage{align-items:start;padding:max(38px,calc(env(safe-area-inset-top) + 30px)) max(12px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.lobby{width:min(100%,380px);padding:22px 18px 24px}.account-chip span{max-width:42vw}.top-banner{min-height:112px;padding:12px}.copy-invite,.lobby button,.end-actions button,.report-actions button{min-height:44px}.banner-identity{width:100%;padding-top:46px;align-items:center}.banner-room{display:none}.records-row{grid-template-columns:38px minmax(76px,1fr) 48px 66px;gap:5px;padding-inline:7px;font-size:12px}.banner-turn{top:14px;font-size:25px}.banner-options{position:absolute;top:12px;right:12px}.opponent-rail{height:clamp(48px,11svh,96px)}.player-banner{min-height:clamp(1.95rem,6svh,2.45rem);font-size:clamp(.88rem,4vw,1.05rem)}.board{width:min(100cqb,calc(100cqi + 24px));height:min(100cqb,calc(100cqi + 24px))}.end-card{width:calc(100vw - 24px);min-width:0;max-height:calc(100dvh - 24px);padding:20px 18px;overflow-y:auto}}.auth-stage{position:relative;isolation:isolate;min-height:100dvh;display:grid;place-items:center;padding:1.25rem;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgb(255 255 255 / 34%),transparent 20%),repeating-linear-gradient(7deg,transparent 0 11px,rgb(77 56 31 / 5%) 12px 13px),var(--paper)}.auth-card{position:relative;width:min(100%,28rem);padding:clamp(1.5rem,5vw,2.35rem);border:1px solid rgb(118 93 45 / 64%);border-radius:.85rem;background:linear-gradient(120deg,rgb(255 255 255 / 32%),transparent 38%),var(--paper-light);box-shadow:0 1.5rem 4rem #3d29124d,inset 0 0 0 .25rem #fffaeb6b}.auth-gems{display:flex;gap:.5rem;margin:0 0 1rem}.auth-gems img{width:clamp(1.8rem,7vw,2.3rem);height:clamp(1.8rem,7vw,2.3rem);filter:drop-shadow(0 .18rem .18rem rgb(65 45 24 / 22%))}.auth-card h1{margin:0;color:var(--ink);font-size:clamp(2rem,8vw,2.7rem);line-height:.98}.auth-card form{display:grid;gap:.75rem;margin-top:1.5rem}.auth-card label{color:var(--ink);font-weight:700}.auth-card input{min-height:3rem;padding:.75rem;border:1px solid rgb(118 93 45 / 70%);border-radius:.45rem;color:var(--ink);background:#fffcf0c2;font:inherit}.auth-card button{min-height:3rem;border:1px solid #765d2d;border-radius:.45rem;color:#fff8e5;background:#765d2d;font:inherit;font-weight:700}.auth-card button:disabled{cursor:not-allowed;opacity:.62}.auth-eyebrow{margin:0 0 .35rem;color:var(--blue-dark);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.auth-intro{margin:.8rem 0 0;color:var(--ink-soft)}.google-sign-in{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;width:100%;margin-top:1.5rem;border:1px solid rgb(82 75 59 / 68%)!important;background:#fffdf6cc!important;color:var(--ink)!important}.google-mark{flex:0 0 auto;width:1.15rem;height:1.15rem}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.2rem 0 -.25rem;color:var(--ink-soft);font-size:.82rem;text-align:center}.auth-divider:before,.auth-divider:after{flex:1;height:1px;content:"";background:#765d2d52}.auth-notice{margin-top:1.5rem;padding:1rem;border:1px solid rgb(40 95 155 / 32%);border-radius:.45rem;background:#285f9b1c}.auth-error{color:var(--red-dark);font-weight:700}.auth-help{margin:-.25rem 0 0;color:var(--ink-soft);font-size:.82rem}.auth-card .public-links{margin:1.5rem 0 0}.account-chip{position:fixed;z-index:20;top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));display:flex;align-items:center;gap:.45rem;max-width:calc(100vw - 1.5rem);padding:.25rem .38rem .25rem .62rem;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;background:#0a0e1de5;box-shadow:0 .5rem 1.5rem #00000040;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}.account-chip span{overflow:hidden;color:#ffffffb8;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.account-chip button{min-height:1.6rem;padding:.18rem .55rem;border:0;border-radius:999px;font:inherit;font-size:.78rem;font-weight:700}.sign-out-dialog{width:min(calc(100% - 2rem),28rem);padding:0;border:0;border-radius:1rem;color:#182033;background:transparent}.sign-out-dialog::backdrop{background:#050812b8;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.sign-out-dialog-card{display:grid;gap:.85rem;padding:clamp(1.25rem,5vw,2rem);border:1px solid rgb(255 255 255 / 45%);border-radius:1rem;background:#f8f0dc;box-shadow:0 1.5rem 5rem #00000073}.sign-out-dialog-card h2,.sign-out-dialog-card p{margin:0}.sign-out-dialog-card .auth-eyebrow{color:#315a86}.sign-out-dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.sign-out-dialog-actions button{min-height:2.75rem;padding:.6rem 1rem;border:1px solid #6f6655;border-radius:.6rem;font:inherit;font-weight:700}.sign-out-dialog-actions .sign-out-confirm{border-color:#7b1f27;color:#fff8ec;background:#7b1f27}@media(max-width:560px){.auth-stage{align-items:start;padding-top:max(4.75rem,calc(env(safe-area-inset-top) + 2rem))}.account-chip{right:max(.5rem,env(safe-area-inset-right));max-width:calc(100vw - 1rem - env(safe-area-inset-left))}.account-chip button{min-height:2rem}}.admin-stage{min-height:100dvh;padding:clamp(1rem,3vw,2.5rem);background:#141827;color:#f5f1e8;font-family:var(--font-body)}.admin-stage h1,.admin-stage h2,.admin-stage h3{font-family:var(--font-heading)}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:90rem;margin:0 auto 2rem}.admin-header h1{margin:.2rem 0 0}.admin-header nav{display:flex;gap:.75rem;align-items:center}.admin-header a,.admin-header button,.admin-actions button{min-height:44px;padding:.65rem .9rem;border:1px solid #91a7ff;border-radius:.5rem;background:#29345f;color:#fff;font-weight:700}.admin-error{max-width:90rem;margin:1rem auto;padding:1rem;border:1px solid #ff8c8c;background:#4a2029}.admin-section{max-width:90rem;margin:0 auto 2rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem}.admin-card{display:grid;gap:.5rem;min-width:0;padding:1rem;border:1px solid #3f4868;border-radius:.75rem;background:#1d2338}.admin-card small{color:#b7c5ff}.admin-card span{color:#c9ccda}.admin-card code{overflow-wrap:anywhere;color:#aebdf8}.admin-actions{display:grid;grid-template-columns:1fr auto;gap:.6rem;margin-top:.5rem}.admin-actions label{display:grid;gap:.25rem;color:#c9ccda;font-size:.8rem}.admin-actions input{min-height:44px;padding:.6rem;border:1px solid #596484;border-radius:.4rem;background:#111525;color:#fff}.admin-actions button:disabled{opacity:.45}.admin-actions .admin-danger{border-color:#ff8c8c;background:#682b38}.admin-table-wrap{overflow-x:auto}.admin-stage table{width:100%;border-collapse:collapse;background:#1d2338}.admin-stage th,.admin-stage td{padding:.75rem;border-bottom:1px solid #3f4868;text-align:left}@media(max-width:600px){.admin-header{align-items:flex-start}.admin-header nav{flex-direction:column}.admin-actions{grid-template-columns:1fr}}