*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{color:#fff;background:#c5a0594d}:root{--wood-dark:#2c1e14;--wood-light:#5d4037;--marble-white:radial-gradient(circle at 30% 30%,#fff 0%,#f5f5f5 40%,#dcdcdc 80%,#b0b0b0 100%);--marble-black:radial-gradient(circle at 30% 30%,#4a4a4a 0%,#2c2c2c 40%,#1a1a1a 80%,#000 100%);--node-glow:#fff6;--gold:#c5a059;--gold-dark:#a8832a;--gold-light-bg:#c5a05914;--gold-border:#c5a05940;--transition:color .2s,background .2s,border-color .2s,box-shadow .2s}[data-theme=dark]{--bg:#0d0d0d;--bg-surface:#141414;--bg-card:#ffffff08;--bg-card-hov:#ffffff0f;--border:#ffffff14;--border-mid:#ffffff1f;--text:#f0f0f0;--text-secondary:#ffffff73;--text-muted:#ffffff38;--nav-bg:#0d0d0df2;--nav-border:#ffffff0f;--shadow-lg:0 24px 64px #000000b3}[data-theme=light]{--bg:#f7f5f0;--bg-surface:#fff;--bg-card:#00000008;--bg-card-hov:#0000000f;--border:#00000014;--border-mid:#00000024;--text:#111;--text-secondary:#00000080;--text-muted:#00000047;--nav-bg:#f7f5f0f2;--nav-border:#00000012;--shadow-lg:0 24px 64px #0000001a}body{background-color:var(--bg);color:var(--text);transition:background-color .3s,color .3s}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes float-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.6s both float-up}.animate-fade-in-delay{animation:.6s .15s both float-up}.animate-fade-in-delay2{animation:.6s .3s both float-up}.glass-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:20px}.gold-border{border:1px solid #c5a05940}.gold-text{background:linear-gradient(135deg,#c5a059,#f0d080,#c5a059);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.white-grad-text{background:linear-gradient(#fff 30%,#ffffff80);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-container{-webkit-backdrop-filter:blur(32px);z-index:100;background:#080808f2;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:64px;padding:0 36px;transition:box-shadow .3s;display:flex;position:sticky;top:0}.nav-container.scrolled{box-shadow:0 4px 40px #0009}.nav-left{align-items:center;gap:32px;min-width:0;display:flex}.nav-logo{color:#fff;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.nav-badge{color:#000;background:linear-gradient(135deg,#c5a059,#e8c27a);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:900;display:flex;box-shadow:0 4px 12px #c5a05966}.nav-logo-txt{letter-spacing:-.5px;text-transform:uppercase;font-size:17px;font-weight:900}.nav-links{align-items:center;gap:2px;display:flex}.nav-link{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:color .2s,background .2s;position:relative}.nav-link:after{content:"";opacity:0;background:#c5a059;border-radius:2px;height:2px;transition:opacity .2s,transform .2s;position:absolute;bottom:4px;left:14px;right:14px;transform:scaleX(0)}.nav-link.active,.nav-link:hover{color:#c5a059;background:#c5a0590f}.nav-link.active:after{opacity:1;transform:scaleX(1)}.nav-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-login{color:#ffffffb3;cursor:pointer;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s}.btn-login:hover{color:#fff;border-color:#ffffff4d}.btn-join{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;background:linear-gradient(135deg,#c5a059,#a8832a);border-radius:8px;padding:8px 18px;font-size:13px;font-weight:900;text-decoration:none;transition:box-shadow .2s,transform .15s;box-shadow:0 4px 16px #c5a0594d}.btn-join:hover{transform:translateY(-1px);box-shadow:0 8px 24px #c5a05973}.nav-theme-btn{border:1px solid var(--border-mid);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-theme-btn:hover{color:var(--text);border-color:var(--gold);background:var(--gold-light-bg)}.nav-hamburger{border:1px solid var(--border-mid);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:none}.nav-hamburger span{background:#ffffffb3;border-radius:2px;width:18px;height:2px;transition:transform .3s,opacity .3s,background .2s;display:block}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile-drawer{-webkit-backdrop-filter:blur(32px);z-index:99;opacity:0;pointer-events:none;background:#080808fa;border-bottom:1px solid #ffffff14;flex-direction:column;gap:4px;padding:16px 20px 24px;transition:transform .25s,opacity .25s;display:flex;position:fixed;top:64px;left:0;right:0;transform:translateY(-10px)}.nav-mobile-drawer.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-mobile-link{color:#fff9;text-transform:uppercase;letter-spacing:1px;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,color .2s}.nav-mobile-link:hover,.nav-mobile-link.active{color:#c5a059;background:#c5a05914}.nav-mobile-divider{background:#ffffff0f;height:1px;margin:8px 0}.nav-mobile-actions{gap:10px;margin-top:8px;display:flex}.nav-mobile-actions a{text-align:center;flex:1}body{color:#fff;background:#0a0a0a;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.board-container{aspect-ratio:1;background-image:url(/walnut_board.png);background-size:cover;border-radius:6px;flex-shrink:0;width:min(90vw,680px,100vh - 120px);max-width:680px;position:relative;overflow:visible;box-shadow:0 24px 60px #000000e6,inset 0 0 120px #0006,0 0 0 12px #3d2b1f,0 0 0 16px #2c1e14}.board-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.board-line{stroke:#000000a6;stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(1px 1px 1px #ffffff14)}.board-line-highlight{stroke:var(--accent-gold);stroke-width:4px;opacity:.45;filter:blur(1.5px)}.node{z-index:20;cursor:pointer;contain:layout style;justify-content:center;align-items:center;width:12%;height:12%;display:flex;position:absolute;transform:translate(-50%,-50%)}.node:before{content:"";background:#2b1d12;border-radius:50%;flex-shrink:0;width:14%;min-width:8px;height:14%;min-height:8px;box-shadow:inset 0 2px 4px #00000080}.node.selected:after{content:"";border:2px solid var(--accent-gold);box-shadow:0 0 14px var(--accent-gold);z-index:-1;border-radius:50%;position:absolute;inset:4px}.node.highlight:after{content:"";z-index:1;background:#ffffff47;border-radius:50%;width:28%;height:28%;position:absolute}.jump-indicator{border:2px dashed var(--accent-gold);pointer-events:none;border-radius:50%;width:55%;height:55%;animation:3s linear infinite rotate;position:absolute}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stone{z-index:10;border-radius:50%;justify-content:center;align-items:center;width:70%;height:70%;transition:box-shadow .25s,filter .25s;display:flex;position:absolute;box-shadow:0 6px 14px #000c,inset 0 -3px 6px #0006}.stone:after{content:"";filter:blur(2px);background:#ffffff38;border-radius:50%;width:28%;height:28%;position:absolute;top:15%;left:15%}.stone.p1{background:var(--marble-white);border:1px solid #0000001a}.stone.p2{background:var(--marble-black);border:1px solid #ffffff1a}.tabletop{perspective:1000px;background:radial-gradient(circle,#2c1e14 0%,#000 100%);justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.game-layout{justify-content:center;align-items:start;gap:32px;width:100%;max-width:1600px;margin-top:20px;padding:20px;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:20px;width:320px;padding:28px;display:flex;box-shadow:0 30px 80px #00000080}.player-card{background:#ffffff0d;border:1px solid #0000;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:background .3s,border-color .3s,box-shadow .3s;display:flex}.player-card.active{background:#c5a05926;border-color:#c5a05966;box-shadow:0 0 24px #c5a0591a}.player-avatar{background:var(--wood-dark);border:2px solid var(--accent-gold);width:52px;height:52px;color:var(--accent-gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;box-shadow:0 6px 14px #0006}.avatar-white{background:var(--marble-white);color:#000;border:none}.avatar-black{background:var(--marble-black);color:#fff;border-color:#fff3}.difficulty-select{appearance:none;color:#fff;cursor:pointer;background:#0006;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-weight:500;transition:border-color .2s}.difficulty-select:hover{border-color:var(--accent-gold)}.btn-primary{background:var(--accent-gold);cursor:pointer;text-align:center;border:none;border-radius:12px;padding:14px;font-weight:700;text-decoration:none;transition:filter .2s,box-shadow .2s;box-shadow:0 4px 12px #c5a0594d;color:#000!important}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 8px 20px #c5a05966}.btn-secondary{color:#fff;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:14px;font-weight:600;transition:background .2s,border-color .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.hero-grid{grid-template-columns:1fr 1fr}@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-grid>div:first-child{order:2}.hero-grid>div:last-child{order:1}}@media (max-width:900px){.nav-theme-btn{display:none}.nav-container{padding:0 20px}.nav-links,.nav-right .btn-login,.nav-right .btn-join,.nav-right>span{display:none}.nav-hamburger{display:flex}.game-layout{flex-direction:column!important;align-items:center!important}.sidebar{order:2!important;width:100%!important;max-width:560px!important}.board-container{width:min(94vw,560px);max-width:560px}}@media (max-width:600px){.board-container{width:92vw;max-width:100%;box-shadow:0 12px 32px #000000e6,0 0 0 8px #3d2b1f,0 0 0 11px #2c1e14}.stone{width:72%;height:72%}}@media (max-width:860px){.auth-left-panel{display:none!important}}:root{--accent-gold:#c5a059}.slide-indicator{pointer-events:none;background:radial-gradient(circle,#6ee7b7d9 0%,#22c55e8c 70%);border-radius:50%;width:26%;height:26%;animation:1.6s ease-in-out infinite slide-pulse;position:absolute;box-shadow:0 0 12px #22c55e8c}@keyframes slide-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.hint-line{stroke:var(--accent-gold);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:3 2;filter:drop-shadow(0 0 4px var(--accent-gold));opacity:.95;animation:1.2s linear infinite hint-flow}.hint-target{fill:var(--accent-gold);filter:drop-shadow(0 0 5px var(--accent-gold));opacity:.85;animation:1s ease-in-out infinite hint-pulse-circle}@keyframes hint-flow{to{stroke-dashoffset:-10px}}@keyframes hint-pulse-circle{0%,to{r:3;opacity:.8}50%{r:4.5;opacity:1}}.node.hint-pulse:before{animation:1s ease-in-out infinite hint-node-pulse;box-shadow:0 0 0 3px #c5a05980,0 0 14px #c5a05999}@keyframes hint-node-pulse{0%,to{box-shadow:0 0 0 3px #c5a05966,0 0 12px #c5a05966}50%{box-shadow:0 0 0 5px #c5a059b3,0 0 18px #c5a059cc}}.board-shake{animation:.36s cubic-bezier(.36,.07,.19,.97) both shake-board}@keyframes shake-board{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.node.slide-target.highlight:after{background:#6ee7b72e}.node.jump-target.highlight:after{background:#f871712e}.trail-line{stroke:var(--accent-gold);stroke-width:1.6px;stroke-linecap:round;filter:drop-shadow(0 0 5px #c5a059cc);animation:1.6s ease-out forwards trail-fade}.trail-endpoint{fill:var(--accent-gold);filter:drop-shadow(0 0 5px var(--accent-gold));animation:1.6s ease-out forwards trail-endpoint-fade}.trail-endpoint-to{animation:1.6s ease-out forwards trail-endpoint-fade-to}@keyframes trail-fade{0%{opacity:0}15%{opacity:1}60%{opacity:.85}to{opacity:0}}@keyframes trail-endpoint-fade{0%{opacity:0;r:1.5}20%{opacity:1;r:4.5}to{opacity:0;r:4.5}}@keyframes trail-endpoint-fade-to{0%{opacity:0;r:1.5}35%{opacity:1;r:5.5}to{opacity:0;r:5.5}}@media (max-width:1024px){.game-layout{flex-direction:column!important;align-items:center!important;gap:16px!important;max-width:720px!important}.game-board-wrap{order:1!important;width:100%!important}.game-left-panel{order:2!important;width:100%!important;max-width:640px!important}.game-right-panel{order:3!important;width:100%!important;max-width:640px!important}.game-area{padding:20px 16px!important}}@media (max-width:900px){.game-page-nav{padding:10px 16px!important}.game-page-nav .game-nav-links{display:none!important}}@media (max-width:600px){.game-area{padding:12px 8px!important}.game-layout{gap:12px!important}.game-left-panel,.game-right-panel{border-radius:16px!important;gap:10px!important;padding:14px!important}.game-page-nav .game-nav-auth{display:none!important}.game-page-nav{padding:8px 12px!important}.board-container{width:min(96vw,560px)!important}}@media (max-width:380px){.game-left-panel,.game-right-panel{padding:12px!important}}.dot-pulse{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dot-pulse;display:inline-block}@keyframes dot-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media (max-width:900px){.lobby-grid{grid-template-columns:1fr!important}.lobby-wrap{padding:32px 16px!important}}@media (max-width:540px){.lb-grid-row{grid-template-columns:40px 1fr 60px!important}.lb-grid-row .lb-extra-col{display:none}}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fa93af41-module__0D_jrq__className{font-family:Inter,Inter Fallback;font-style:normal}