@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,600;1,500&display=swap");:root{color-scheme:dark;--ink:#19201d;--cream:#f3ecde;--gold:#c39a55;--red:#a83d32}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#17221e}body{color:var(--cream);font-family:DM Sans,sans-serif;background:radial-gradient(circle at 50% 20%,#30453d 0,#1c2d27 35%,#111b18 100%);text-shadow:0 2px 4px rgba(0,0,0,.85)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url(/textures/wood-table-001.jpg);background-size:700px;mix-blend-mode:soft-light}main{width:100vw;min-height:100vh;position:relative;overflow:hidden;transition:box-shadow .2s ease,background-color .2s ease}main.your-turn{background:rgba(42,112,72,.13);box-shadow:inset 0 0 180px rgba(74,157,102,.2)}main.opponent-turn{background:rgba(36,74,139,.16);box-shadow:inset 0 0 180px rgba(49,92,174,.24)}header{position:absolute;z-index:10;inset:0 0 auto;min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;padding:10px clamp(22px,5vw,72px);border-bottom:1px solid hsla(41,47%,86%,.13);background:linear-gradient(180deg,rgba(10,17,15,.82),rgba(10,17,15,.34));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);letter-spacing:.13em;font-size:16px;grid-gap:24px;gap:24px}.brand,header{align-items:center}.brand{color:var(--cream);text-decoration:none;display:flex;gap:13px;font-weight:600}.brand small{color:#a4afa9;font-size:12px;letter-spacing:.16em;margin-left:7px}.brand-mark{color:var(--gold);font-size:19px}.identity{gap:9px;color:#d6cdbd;letter-spacing:.04em}.identity,.nav-match{display:flex;align-items:center}.nav-match{justify-content:center;gap:18px;letter-spacing:.02em}.nav-match>span{display:flex;align-items:center;gap:9px;color:#89938d;transition:color .3s ease}.nav-match>span.active{color:#fff}.nav-match>span>span{display:flex;flex-direction:column;white-space:nowrap}.nav-match small{font-size:12px;color:#a09887;letter-spacing:.1em;margin-top:2px}.nav-match strong{min-width:25px;color:#eadbb9;font:600 25px Playfair Display,serif;text-align:center}.nav-match em{color:#a29682;font:italic 15px Playfair Display,serif}.nav-actions{display:flex;justify-content:flex-end}.nav-actions button{margin:0}.online-dot{width:7px;height:7px;background:#79a77d;border-radius:50%;box-shadow:0 0 0 4px rgba(121,167,125,.11)}.game-shell{position:absolute;z-index:0;inset:0;width:100%;margin:0;padding:0}.intro{align-self:start;padding-top:70px;z-index:1}.eyebrow{color:var(--gold);letter-spacing:.3em;font-size:10px}.eyebrow,h1{font-weight:600}h1{font-size:clamp(48px,6vw,77px);line-height:.9;letter-spacing:-.04em;margin:12px 0 20px}.subtitle,h1{font-family:Playfair Display,serif}.subtitle{color:#aeb9b2;font-style:italic;line-height:1.5;font-size:16px;max-width:190px}.table-wrap{width:100vw;height:100vh;min-height:0;position:relative;touch-action:none}.board-canvas{width:100%;height:100%;cursor:-webkit-grab;cursor:grab}.board-canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.board-loading,.waiting{position:absolute;inset:15% 4%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(11,21,17,.35);border:1px solid hsla(41,60%,82%,.13);border-radius:50%}.waiting h2{font:600 34px Playfair Display,serif;margin:22px 0 5px}.waiting p{color:#bbc4bf;font-size:18px}.waiting small{color:#98a59e;font-size:14px}.waiting.paused{border-radius:24px}.pieces{position:relative;width:72px;height:47px}.pieces i{position:absolute;width:45px;height:17px;border-radius:50%;background:#ae493d;box-shadow:inset 0 4px 5px hsla(0,0%,100%,.14),0 9px 16px rgba(0,0,0,.3);transform:rotate(-8deg)}.pieces i:last-child{background:#262b29;left:29px;top:22px;transform:rotate(8deg)}.loader{width:32px;height:1px;margin-top:25px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scaleX(2);opacity:.45}}.status-card{z-index:1;background:rgba(12,21,18,.36);border:1px solid hsla(39,53%,86%,.13);padding:12px 22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:min(420px,90vw)}.bottom-status{position:absolute;z-index:10;left:50%;bottom:54px;transform:translateX(-50%);margin:0}.your-turn .status-card{border-color:rgba(103,184,126,.42);box-shadow:0 0 28px rgba(66,150,94,.13)}.opponent-turn .status-card{border-color:rgba(83,125,199,.38);box-shadow:0 0 28px rgba(51,91,164,.13)}.status-card>p{text-align:center;color:#eee4d1;font:italic 21px Playfair Display,serif;margin:0}.players{grid-template-columns:1fr auto 1fr;grid-gap:10px;gap:10px}.players,.players span{display:grid;align-items:center}.players span{min-width:0;grid-template-columns:auto 1fr;grid-gap:0 8px;gap:0 8px;color:#9b9f9a;font-size:12px;overflow:hidden}.players span.active{color:#fff}.players span:first-child{text-align:left}.players span:last-child{text-align:right;grid-template-columns:1fr auto}.players span:last-child b{grid-column:2;grid-row:1/3}.players small{grid-column:2;font-size:8px;letter-spacing:.12em;color:#867d6c;margin-top:3px}.players span:last-child small{grid-column:1}.players em{font:italic 11px Playfair Display,serif;color:#776d5d}.players b{display:block;width:15px;height:15px;border-radius:50%;box-shadow:inset 0 2px 2px hsla(0,0%,100%,.15)}.red-chip{background:var(--red)}.dark-chip{background:#222826}button{display:block;margin:16px auto 0;border:1px solid var(--gold);color:#f4e4c9;background:transparent;padding:10px 15px;font:600 14px DM Sans;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}button.quit{border-color:hsla(39,19%,74%,.3);color:#8f998f;padding:7px 11px}footer{position:absolute;z-index:10;inset:auto 0 0;padding:16px;text-align:center;font-size:14px;letter-spacing:.08em;pointer-events:none}footer a{color:#67746e;text-decoration:none;pointer-events:auto}footer a:hover{color:#9ca9a2}.auth-redirect{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;letter-spacing:.06em;color:#c9c0af;font-size:13px}.name-overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:rgba(8,14,12,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.name-prompt{width:min(460px,100%);padding:38px;text-align:center;background:rgba(26,39,34,.96);border:1px solid hsla(39,53%,86%,.2);box-shadow:0 28px 90px rgba(0,0,0,.48)}.name-prompt h2{margin:10px 0 8px;font:600 34px Playfair Display,serif}.name-prompt p{margin:0 0 22px;color:#b9c2bd;font-size:16px}.name-prompt input{width:100%;margin-top:14px;border:1px solid hsla(39,53%,86%,.3);border-radius:0;padding:13px 15px;color:#fff4de;background:#111c18;font:500 20px DM Sans,sans-serif;text-align:center;outline:none;text-shadow:0 2px 4px rgba(0,0,0,.85)}.name-prompt input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(195,154,85,.13)}@media (max-width:900px){header{grid-template-columns:auto 1fr auto;padding:8px 16px;gap:10px}.brand small{display:none}.brand{font-size:14px;gap:7px}.nav-match{gap:8px}.nav-match>span{gap:5px}.nav-match small{display:none}.nav-match b{width:11px;height:11px}.game-shell{padding:0}.table-wrap{width:100vw;height:100vh;min-height:0}.status-card{margin:0}.identity{font-size:14px}.online-dot{display:none}}@media (max-width:520px){header{min-height:60px;padding:7px 10px}.table-wrap{height:100vh;min-height:0}.status-card{margin:0}.bottom-status{bottom:48px}.waiting{inset:8% 3%}.nav-match>span>span{max-width:72px;overflow:hidden;text-overflow:ellipsis}.nav-actions button{font-size:8px;padding:6px}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}