@font-face{font-family:GeistSans;src:url(/_next/static/media/27834908180db20f-s.p.woff2) format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local("Arial");ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.00%;size-adjust:106.28%}.__className_245d8d{font-family:GeistSans,GeistSans Fallback}.__variable_245d8d{--font-geist-sans:"GeistSans","GeistSans Fallback"}@font-face{font-family:GeistMono;src:url(/_next/static/media/78fec81b34c4a365.p.woff2) format("woff2");font-display:swap;font-weight:100 900}.__className_97c177{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.__variable_97c177{--font-geist-mono:"GeistMono",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.layout{display:grid;grid-template-columns:1fr 300px;gap:30px;max-width:1400px;margin:0 auto;padding:30px 20px;align-items:flex-start}.canvas-container{background:#1a1a1a;padding:20px;border-radius:16px;border:1px solid #333;justify-content:center;position:relative}.canvas-container,.game-menu-container{display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 40px rgba(0,0,0,.4)}.game-menu-container{grid-column:span 2;gap:25px;padding:40px 20px;background:#1f1f1f;border-radius:20px;max-width:600px;margin:40px auto}.game-title{font-size:3.5rem;font-weight:800;color:var(--text);letter-spacing:-1px;line-height:1;margin-bottom:5px;text-align:center}.game-title .logo-dot{color:var(--accent)}.game-subtitle{font-size:1.1rem;color:var(--text-dim);margin-bottom:25px;text-align:center}.card{background:#2b2b2b;border-radius:12px;padding:25px;width:100%;max-width:400px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.2)}.welcome-card h3{font-size:1.5rem;color:var(--accent);margin-bottom:10px}.welcome-card p{color:var(--text-dim);font-size:.95rem;line-height:1.5}.mode-select-card h3{font-size:1.3rem;color:var(--text);margin-bottom:15px}.mode-btn{display:block;width:100%;padding:15px;margin-bottom:15px;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 10px rgba(0,0,0,.2)}.mode-btn:last-child{margin-bottom:0}.mode-btn.brown{background-color:#7b4f3b}.mode-btn.brown:hover{background-color:#6a4532;transform:translateY(-2px);box-shadow:0 6px 15px rgba(123,79,59,.4)}.mode-btn.red{background-color:#a84f4f}.mode-btn.red:hover{background-color:#934343;transform:translateY(-2px);box-shadow:0 6px 15px rgba(168,79,79,.4)}.pi-login-card p{color:var(--text-dim);font-size:.9rem;margin-bottom:15px}.btn-pi-login{background:var(--accent);color:#fff;border:none;padding:12px 25px;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-shadow:0 4px 10px rgba(76,175,80,.3);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn-pi-login:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 6px 15px rgba(76,175,80,.5)}.pi-icon{width:24px;height:24px;color:#fff}.small-text{font-size:.8rem;color:#666;margin-top:10px}.game-over-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10}.game-over-card{background:var(--panel);border-radius:16px;padding:30px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.6);max-width:350px;width:90%;animation:fadeInScale .3s ease-out forwards}.game-over-card h2{color:var(--accent);font-size:2rem;margin-bottom:15px}.game-over-card p{font-size:1.4rem;font-weight:700;margin-bottom:20px}.p1-winner-text{color:#fff}.p2-winner-text{color:#111;text-shadow:0 0 5px hsla(0,0%,100%,.5)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.panel{position:sticky;top:100px}.panel h3{font-size:1.2rem;color:var(--accent);border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:10px}.turn-indicator{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:10px}.score-row{font-size:1rem;color:var(--text-dim);margin-bottom:5px}@media (max-width:1000px){.layout{grid-template-columns:1fr;padding:20px 15px;gap:25px}.game-menu-container{margin:20px auto;padding:30px 15px;width:100%}.game-title{font-size:2.8rem}.game-subtitle{font-size:1rem}.panel{order:-1;position:static}.canvas-container{padding:15px}}