:root{color-scheme:dark;--bg:#080808;--panel:#12110e;--ink:#f5f0e5;--muted:#bcb39e;--gold:#d9bc78;--gold2:#f0d99b;--line:#57492f;--danger:#df8269;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100svh;background:radial-gradient(circle at 50% 28%,#32281433,transparent 42%),var(--bg);-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}.home-bar{position:sticky;top:0;z-index:30;display:flex;min-height:calc(52px + env(safe-area-inset-top));align-items:center;justify-content:center;gap:10px;padding-top:env(safe-area-inset-top);border-bottom:1px solid #ffe7a7;background:linear-gradient(110deg,#ad8534,#eed78b 48%,#ad8534);color:#090806;text-decoration:none;font-size:.88rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.home-bar:before{content:"←";font-size:1.15rem}.online-shell{width:min(100%,520px);min-height:calc(100svh - 52px);margin:auto;padding:14px 16px max(10px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.online-kicker{margin:0 0 4px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.18em}.topbar h1{margin:0;color:var(--gold);font:500 27px/1 Georgia,serif}.top-actions{display:flex;gap:4px}.icon-button{display:grid;width:39px;height:39px;place-items:center;flex:0 0 39px;border:1px solid #5b4b2b;border-radius:50%;background:#15130e;color:#ecd59c;font-size:21px}.info-icon{font:italic 700 19px Georgia,serif}.entry-view{margin:auto 0;padding:24px 0 42px}.entry-copy{text-align:center}.eyebrow{margin:0 0 9px;color:var(--gold);font-size:11px;font-weight:850;letter-spacing:.16em}.entry-copy h2{margin:0;color:var(--gold2);font:400 clamp(2.4rem,11vw,4rem)/1 Georgia,serif}.entry-copy>p:last-child{max-width:420px;margin:18px auto 26px;color:var(--muted);line-height:1.55}.name-field{display:block;max-width:390px;margin:0 auto 18px}.name-field span,dialog label>span{display:block;margin-bottom:8px;color:var(--gold2);font-size:13px;font-weight:800}input,select{width:100%;min-height:50px;border:1px solid #6a5936;border-radius:11px;background:#11100d;padding:10px 13px}.entry-actions{display:grid;max-width:390px;margin:auto;gap:11px}.primary-action,.secondary-action{min-height:88px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;border-radius:15px;padding:14px 16px}.primary-action{border:1px solid var(--gold);background:var(--gold);color:#0b0906}.secondary-action{border:1px solid #76613a;background:#15130e}.primary-action>span,.secondary-action>span{grid-row:1/3;font-size:29px}.primary-action b,.secondary-action b{font-size:17px}.primary-action small,.secondary-action small{opacity:.72}.entry-error{max-width:390px;margin:16px auto 0;color:#f1a38e;text-align:center}.room-strip{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:#11100d}.room-strip>div span{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.15em}.room-strip strong{color:var(--gold2);font-size:21px;letter-spacing:.19em}.room-strip button{border:1px solid #6d5a34;border-radius:999px;background:#1b1811;padding:8px 11px;font-size:11px;font-weight:800}.connection{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px}.connection i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#79bd75;box-shadow:0 0 9px #79bd75}.connection.offline i{background:#d17c68;box-shadow:none}.spectator-banner{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:8px;border:1px solid #675733;border-radius:9px;color:#e7d49d;font-size:12px}.players{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.players article{position:relative;display:grid;min-width:0;padding:9px 11px;border:1px solid #443a29;border-radius:12px;background:#0e0d0b}.players article.active{border-color:#d9bc78;box-shadow:inset 0 0 0 1px #d9bc7844}.player-heading{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.13em}.players article>strong{overflow:hidden;margin-top:4px;color:var(--gold2);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.players article>small{color:#82ba7a;font-size:9px}.players article>span:last-child{margin-top:4px;color:var(--muted);font-size:9px}.mini-piece{width:15px;height:15px;border-radius:50%;box-shadow:0 2px #0008,inset 1px 1px 2px #fff5}.mini-piece.light{background:repeating-radial-gradient(circle,#dec296 0 2px,#ae7e4d 3px 4px)}.mini-piece.dark{background:repeating-radial-gradient(circle,#93634f 0 2px,#4b2d26 3px 4px)}.turn-panel{text-align:center;padding:8px 5px 6px}.turn-panel span{display:block;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.14em}.turn-panel strong{display:block;margin-top:3px;color:#ebe2ce;font-size:14px}.board-frame{width:min(100%,calc(100svh - 375px),468px);aspect-ratio:1;margin:auto;padding:7px;border:1px solid #8a7138;border-radius:20px;background:linear-gradient(145deg,#342a16,#15130e 72%);box-shadow:0 18px 55px #000a,inset 0 1px #ffe5a53d;touch-action:none;user-select:none}.board{position:relative;width:100%;height:100%;overflow:hidden;contain:layout paint;border:1px solid #382f20;border-radius:13px;background:radial-gradient(circle at 50% 45%,#3a2d1b,#1b160f 68%);touch-action:none}.board svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.board svg path{fill:none;stroke:#c9aa69;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.point{position:absolute;width:11.5%;height:11.5%;transform:translate(-50%,-50%);display:grid;place-items:center;border:0;background:transparent;padding:0;touch-action:none}.point:before{content:"";position:absolute;left:50%;top:50%;width:18%;height:18%;transform:translate(-50%,-50%);border:1px solid #f0d99b;border-radius:50%;background:#17120b;box-shadow:0 0 0 3px #201a10}.piece{position:absolute;inset:8%;border-radius:50%;opacity:0;transform:scale(.35);transition:transform .22s cubic-bezier(.22,1.25,.42,1),opacity .12s,filter .16s}.has-piece .piece{opacity:1;transform:scale(1)}.is-light .piece{border:1px solid #d1ad79;background:radial-gradient(circle at 50% 48%,transparent 0 14%,#9b744b66 15% 18%,transparent 19% 31%,#9b744b5c 32% 35%,transparent 36% 49%,#8a653f55 50% 54%,transparent 55%),linear-gradient(135deg,#f1ddb8 5%,#d7b98b 48%,#b38655 100%);box-shadow:0 3px 0 #8b653d,0 6px 7px #000b,inset 2px 2px 4px #fff8}.is-dark .piece{border:1px solid #835846;background:radial-gradient(circle at 50% 48%,transparent 0 14%,#d1a17b61 15% 18%,transparent 19% 31%,#d6aa8657 32% 35%,transparent 36% 49%,#d9ae8950 50% 54%,transparent 55%),linear-gradient(135deg,#8a604c 5%,#654137 48%,#38211d 100%);box-shadow:0 3px 0 #321b17,0 6px 7px #000c,inset 2px 2px 4px #d6a17a70}.is-selectable .piece{filter:drop-shadow(0 0 7px #f3d88b)}.is-selected .piece{outline:2px solid #fff0b2;outline-offset:2px}.is-target:after{content:"";position:absolute;left:50%;top:50%;width:30%;height:30%;transform:translate(-50%,-50%);border:2px solid #fff4bf;border-radius:50%;background:#d9bc78;box-shadow:0 0 15px #f2d98baa;animation:pulse 1s ease-in-out infinite;will-change:opacity}.is-capture .piece{filter:drop-shadow(0 0 8px #ef8d72)}.last-to .piece{outline:2px solid #f5dc98;outline-offset:2px;filter:drop-shadow(0 0 8px #efd17a)}.last-from:after,.last-capture:after{position:absolute;inset:3%;width:auto;height:auto;transform:none;border-radius:50%;background:transparent;box-shadow:none;opacity:1;pointer-events:none;animation:none}.last-from:after{content:"";border:2px solid #ead18d}.last-capture:after{content:"";inset:15%;border:2px dashed #df8269;background:linear-gradient(45deg,transparent 45%,#f3b09e 46% 54%,transparent 55%),linear-gradient(-45deg,transparent 45%,#f3b09e 46% 54%,transparent 55%),#26130fcc}.point:disabled{cursor:default}.room-actions{display:flex;justify-content:center;gap:8px;margin-top:8px}.quiet-button,.danger-button{min-height:38px;border-radius:999px;padding:7px 14px;font-size:11px;font-weight:800}.quiet-button{border:1px solid #665631;background:#15130e}.danger-button{border:1px solid #9b5949;background:#311711;color:#f3c0b2}.ad-reservation{display:grid;min-height:28px;place-items:center;margin-top:auto;border:1px dashed #41371f;border-radius:9px;color:#6e6759;font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}dialog{width:min(calc(100% - 28px),430px);max-height:calc(100dvh - 28px);margin:auto;overflow:auto;border:1px solid #9a7b3b;border-radius:20px;background:linear-gradient(145deg,#191713,#090909 70%);color:var(--ink);padding:22px;box-shadow:0 32px 110px #000e}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.dialog-top h2,dialog h2{margin:0;color:var(--gold2);font:400 30px/1.05 Georgia,serif}dialog label{display:block;margin-bottom:14px}.switch-row{display:flex;min-height:49px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.switch-row input{appearance:none;position:relative;width:40px;height:24px;min-height:24px;flex:0 0 40px;padding:0;border-radius:20px;background:#39372f}.switch-row input:before{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#f5f0e5;transition:transform .2s}.switch-row input:checked{background:var(--gold)}.switch-row input:checked:before{transform:translateX(16px);background:#111}.primary-button,.secondary-button{display:flex;width:100%;min-height:49px;align-items:center;justify-content:center;border-radius:11px;font-weight:800}.primary-button{border:1px solid var(--gold);background:var(--gold);color:#0a0906}.secondary-button{border:1px solid #8f7543;background:transparent}.dialog-buttons{display:flex;gap:8px;margin-top:20px}.dialog-buttons>*{flex:1}.code-input{text-transform:uppercase;font-size:28px;font-weight:800;letter-spacing:.22em;text-align:center}.rules p,dialog>p{color:#d6cebd;line-height:1.55}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition-duration:.01ms!important}@keyframes pulse{50%{opacity:.56;box-shadow:0 0 7px #f2d98b66}}
.account-name{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-weight:750}
.board-frame{width:min(100%,calc(100svh - 416px),468px)}
@media(max-width:375px){.online-shell{padding-inline:10px}.topbar h1{font-size:23px}.top-actions{gap:2px}.icon-button{width:36px;flex-basis:36px}.board-frame{width:min(100%,calc(100svh - 360px));padding:5px}.players article{padding-inline:8px}}
@media(min-width:700px) and (orientation:portrait){.online-shell{width:min(100%,800px);padding:22px 34px 14px}.topbar h1{font-size:40px}.icon-button{width:46px;height:46px;flex-basis:46px}.room-view{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.room-strip,.spectator-banner,.players,.turn-panel,.room-actions{grid-column:1}.board-frame{grid-column:2;grid-row:1/6;width:min(100%,620px);align-self:center}.players{grid-template-columns:1fr}.turn-panel{text-align:left}.ad-reservation{min-height:38px}}
@media(min-width:700px) and (orientation:portrait){.online-shell{padding-block:14px 10px}.topbar{margin-bottom:8px}.room-view{display:block}.room-strip{grid-template-columns:auto 1fr auto;padding-block:7px}.connection{grid-column:auto}.spectator-banner{margin-top:4px;padding:5px}.players{grid-template-columns:1fr 1fr;margin-top:4px}.players article{padding-block:6px}.turn-panel{padding-block:5px}.board-frame{width:min(80vw,calc(100svh - 380px),620px)}.room-actions{margin-top:6px}.ad-reservation{min-height:28px}}
@media(min-width:900px) and (orientation:landscape){.online-shell{width:min(100%,1040px)}.room-view{display:grid;grid-template-columns:300px minmax(0,1fr);gap:8px 28px}.room-strip,.spectator-banner,.players,.turn-panel,.room-actions{grid-column:1}.players{grid-template-columns:1fr}.board-frame{grid-column:2;grid-row:1/6;width:min(68vh,560px)}.ad-reservation{max-width:300px}}
.players article.is-gone{border-color:#7e493e}.players article.is-gone>small{color:#e89b88}
.login-note,.mode-note{max-width:390px;margin:14px auto 0;color:var(--muted);text-align:center;line-height:1.45}.login-note a{color:var(--gold2)}.mode-note{margin:-5px 0 15px;text-align:left;font-size:12px}.room-strip small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.room-actions{flex-wrap:wrap}
.moving-point{position:absolute;z-index:12;display:block;pointer-events:none;will-change:transform}.moving-point .piece{transition:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}