@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;--cream:#f3ecde;--gold:#c39a55;--neon-pink:255,45,127;--neon-cyan:23,200,255}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#0b0907}body{color:var(--cream);font-family:DM Sans,sans-serif;background:radial-gradient(120% 85% at 50% -8%,#32220f 0,#1b1410 40%,#0a0908 78%,#070605 100%);text-shadow:0 2px 4px rgba(0,0,0,.85)}body:before{opacity:.15;background-image:url(/textures/wood-table-001.jpg);background-size:700px;mix-blend-mode:soft-light}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{z-index:2;background:radial-gradient(32vmax 21vmax at 50% 0,rgba(255,184,99,.15),transparent 72%),radial-gradient(135% 105% at 50% 42%,transparent 28%,rgba(3,2,2,.5) 76%,rgba(2,1,1,.85) 100%)}main{width:100vw;min-height:100vh;position:relative;overflow:hidden;transition:box-shadow .2s ease,background-color .2s ease}.status-card,.waiting,button,footer,header{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.brand,.brand *{-webkit-user-drag:none}.name-prompt input{-webkit-user-select:text;user-select:text}main:after,main:before{content:"";position:absolute;z-index:2;top:16vh;width:44vw;height:34vh;border-radius:50%;filter:blur(40px);pointer-events:none}main:before{left:-14vw;filter:blur(64px);background:radial-gradient(closest-side,rgba(var(--neon-pink),.16),transparent 80%);opacity:.44;animation:sign-pink 9s infinite}main:after{right:-16vw;top:27vh;background:radial-gradient(closest-side,rgba(var(--neon-cyan),.26),transparent 72%);opacity:.7;animation:sign-cyan 11s infinite}@keyframes sign-pink{0%,42%,44%,71%,73%,to{opacity:.44}43%{opacity:.15}72%{opacity:.28}88%{opacity:.56}}@keyframes sign-cyan{0%,24%,26%,62%,64%,to{opacity:.7}25%{opacity:.32}63%{opacity:.95}}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 rgba(236,225,202,.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;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;text-shadow:0 0 7px rgba(255,166,77,.85),0 0 20px rgba(255,110,40,.45);animation:buzz 7s infinite}@keyframes buzz{0%,96%,to{opacity:1}97%{opacity:.3}98%{opacity:.9}99%{opacity:.5}}.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;align-items:center;gap:10px}.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}.table-wrap{width:100vw;height:100vh;min-height:0;position:relative;touch-action:none}.board-canvas{width:100%;height:100%;cursor:grab}.board-canvas:active{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(14,10,7,.4);border:1px solid rgba(255,212,155,.14);border-radius:50%}.waiting h2{font:600 34px Playfair Display,serif;margin:22px 0 5px;text-shadow:0 2px 4px rgba(0,0,0,.85),0 0 26px rgba(255,170,80,.22)}.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 rgba(255,255,255,.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(14,10,7,.42);border:1px solid rgba(240,205,150,.16);padding:12px 22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:min(420px,90vw);box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,214,160,.08)}.bottom-status{position:absolute;z-index:10;left:50%;bottom:40px;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}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}.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 rgba(238,225,200,.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 rgba(238,225,200,.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)}.name-actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.name-actions button{margin:0;white-space:nowrap}@media (max-width:400px){.name-prompt{padding:24px}.name-actions button{padding:10px;font-size:12px}}@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}.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:30px}.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}}.lobby-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.lobby-actions button{margin:4px 0}button:disabled,select:disabled{opacity:.6;cursor:default}@media (max-width:520px){.lobby-actions button{font-size:10px;padding:9px}}.status-card{max-width:calc(100vw - 24px);width:max-content}@media (max-width:520px){header{gap:7px}.brand{font-size:10px;gap:4px;white-space:nowrap}.brand-mark{font-size:12px}.nav-match{min-width:0;gap:5px}.nav-match>span{gap:4px}.nav-match>span>span{max-width:74px;white-space:normal;font-size:12px}.nav-match strong{min-width:17px;font-size:20px}.identity{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.player-avatar{border-radius:50%;object-fit:cover;border:1px solid rgba(236,225,202,.3)}.anonymous-avatar,.player-avatar{width:28px;height:28px;flex-shrink:0}.anonymous-avatar{display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1;text-shadow:none}.name-avatar{display:block;margin:16px auto 4px;font-size:52px;line-height:1.2;text-shadow:none}main{min-height:100dvh;width:100%}.table-wrap{width:100%;height:100dvh}header>*{min-width:0}.nav-actions{flex-wrap:wrap}.nav-actions button{overflow-wrap:anywhere}.bottom-status{width:min(640px,calc(100% - 24px));min-width:0;bottom:max(12px,env(safe-area-inset-bottom));max-height:45vh;max-height:45dvh;overflow-y:auto}.lobby-actions{min-width:0}.lobby-actions button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;flex:0 1 auto}.render-fps{position:absolute;z-index:4;right:12px;bottom:max(4px,env(safe-area-inset-bottom));font-size:11px;color:#c9c0af;pointer-events:none}.fullscreen-control{position:relative;display:inline-flex;flex-shrink:0}.fullscreen-control button{display:grid;place-items:center;margin:0;width:48px;height:48px;padding:10px;border:0;background:none;box-shadow:none}.fullscreen-error{position:absolute;right:0;top:100%;width:220px;padding:8px;background:#1b1410;font-size:12px;letter-spacing:normal}@media (max-width:900px){header{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.nav-actions{grid-column:1/-1;justify-content:center;gap:8px}.identity,.nav-match{justify-content:flex-end}.nav-actions button{font-size:11px;padding:7px 10px}.status-card{padding:10px 12px}.status-card>p{font-size:18px}}@media (max-height:500px){.status-card>p{font-size:15px}.lobby-actions{gap:6px}.lobby-actions button{padding:7px;font-size:10px}}:fullscreen main>header{display:none}.fullscreen-exit{position:fixed;z-index:30;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.fullscreen-exit .fullscreen-error{top:calc(100% + 6px)}:fullscreen .bottom-status,:fullscreen .fullscreen-error,:fullscreen .name-overlay,:fullscreen .render-fps{display:none}.bottom-status{width:max-content;min-width:min(420px,calc(100% - 24px));max-width:calc(100% - 24px)}.lobby-actions .lobby-actions{display:contents}@media (max-width:1100px){header{grid-template-columns:minmax(0,1fr) auto}header .brand{display:none}header .nav-match{justify-content:center}header .nav-actions{grid-column:auto;justify-content:flex-end}}.nav-actions .fullscreen-control button{padding:10px}@media (max-width:520px){.nav-match>span>span{max-width:54px}header .nav-actions{max-width:40vw}}header{padding-inline:max(60px,clamp(22px,5vw,72px))}.nav-actions .fullscreen-control{position:absolute;right:8px;top:50%;transform:translateY(-50%)}@media (max-width:420px){.nav-match>span>span[title]{display:none}.nav-match .anonymous-avatar,.nav-match .player-avatar{width:22px;height:22px;font-size:20px}.nav-match>span{gap:3px}.nav-match{gap:4px}}