.main-menu-container{width:100%;height:100%;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.55) 100%);z-index:10}.menu-content{text-align:center;pointer-events:auto;z-index:10}.menu-title{font-size:clamp(3.2rem,8vw,6.5rem);font-weight:900;letter-spacing:.25em;margin-bottom:.4rem;text-shadow:0 0 50px rgba(255,215,0,.6)}.title-glow{background:linear-gradient(135deg,gold,#fff275,gold,#b8860b,gold);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;filter:drop-shadow(0 0 25px rgba(255,215,0,.7))}.menu-subtitle{font-size:clamp(.85rem,2vw,1.25rem);color:#ffffffbf;letter-spacing:.18em;margin-bottom:2.8rem;font-weight:300;text-transform:uppercase}.menu-version{margin:-2.4rem 0 2.4rem;font-size:.66rem;letter-spacing:.25em;color:#ffffff4d}.play-button{position:relative;padding:1.2rem 4.5rem;font-size:1.3rem;font-weight:800;letter-spacing:.22em;color:#111;background:linear-gradient(135deg,gold,#ffc000,#d4af37);border:none;border-radius:50px;cursor:pointer;overflow:hidden;transition:transform .2s var(--ease-out),box-shadow .25s ease;text-transform:uppercase;box-shadow:0 10px 35px #ffd70066;pointer-events:auto}.play-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-100%);transition:transform .6s var(--ease-out)}.button-text{position:relative;z-index:2}.menu-items{display:flex;flex-direction:column;gap:.9rem;margin-top:2.5rem;align-items:center}.menu-item{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.75rem 2.2rem;background:#ffffff0f;border:1px solid rgba(255,215,0,.25);border-radius:30px;cursor:pointer;transition:transform .16s var(--ease-out),background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:270px;color:#fff;font-weight:500;letter-spacing:.06em}.item-icon{font-size:1.2rem}.menu-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s var(--ease-out)}.menu-modal-card{background:#12121cf5;border:1px solid rgba(255,215,0,.4);border-radius:24px;padding:2.2rem;width:90%;max-width:600px;max-height:88vh;overflow-y:auto;position:relative;box-shadow:0 25px 70px #000c,0 0 35px #ffd70033;animation:zoom-modal .3s var(--ease-out)}.modal-close-icon{position:absolute;top:1.2rem;right:1.4rem;background:#ffffff1a;border:none;color:#ffffffb3;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:transform .16s var(--ease-out),background-color .16s ease,color .16s ease}.modal-title{font-size:1.6rem;color:gold;letter-spacing:.08em;margin-bottom:.3rem}.modal-subtitle{font-size:.88rem;color:#ffffffb3;margin-bottom:1.6rem}.config-group{margin-bottom:1.5rem;text-align:left}.config-label{display:block;font-size:.85rem;font-weight:700;color:#ffffffe6;letter-spacing:.05em;margin-bottom:.6rem}.toggle-options{display:flex;gap:.6rem;flex-wrap:wrap}.option-btn{flex:1;min-width:140px;padding:.7rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:#ffffffd9;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .16s var(--ease-out),background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;text-align:center}.option-btn.active{background:#ffd70040;border-color:gold;color:gold;box-shadow:0 0 15px #ffd7004d}.start-game-btn{width:100%;padding:1rem;margin-top:1.2rem;background:linear-gradient(135deg,gold,#b8860b);color:#000;font-size:1.1rem;font-weight:800;letter-spacing:.15em;border:none;border-radius:40px;cursor:pointer;transition:transform .16s var(--ease-out),box-shadow .25s ease;box-shadow:0 8px 25px #ffd70066}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.theme-card{display:flex;align-items:center;gap:.8rem;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:14px;cursor:pointer;transition:transform .16s var(--ease-out),background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.theme-card.active{border-color:gold;background:#ffd70026;box-shadow:0 0 15px #ffd7004d}.theme-swatch{width:34px;height:34px;border-radius:50%;border:2px solid;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.swatch-accent{width:12px;height:12px;border-radius:50%}.theme-details{display:flex;flex-direction:column}.theme-name{font-size:.85rem;font-weight:700;color:#fff}.theme-sub{font-size:.72rem;color:#fff9}.rules-cards-container{display:flex;flex-direction:column;gap:.8rem;text-align:left}.rule-card{display:flex;gap:1rem;background:#ffffff0a;border:1px solid rgba(255,215,0,.15);border-radius:14px;padding:.9rem}.rule-icon{font-size:1.6rem;flex-shrink:0}.rule-info h4{color:gold;font-size:.95rem;margin-bottom:.25rem}.rule-info p{color:#fffc;font-size:.82rem;line-height:1.45;margin:0}.credits-content{text-align:left;line-height:1.6;color:#ffffffd9;font-size:.9rem}.credits-content p{margin-bottom:1rem}.tech-stack-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.tag{background:#ffd70026;border:1px solid rgba(255,215,0,.35);color:gold;padding:.3rem .7rem;border-radius:20px;font-size:.75rem;font-weight:600}.decorative-corner{position:absolute;width:120px;height:120px;pointer-events:none;opacity:.5}.decorative-corner:before{content:"";position:absolute;border:2px solid rgba(255,215,0,.35)}.top-left{top:20px;left:20px}.top-left:before{top:0;left:0;border-right:none;border-bottom:none;width:60px;height:60px}.top-right{top:20px;right:20px}.top-right:before{top:0;right:0;border-left:none;border-bottom:none;width:60px;height:60px}.bottom-left{bottom:20px;left:20px}.bottom-left:before{bottom:0;left:0;border-right:none;border-top:none;width:60px;height:60px}.bottom-right{bottom:20px;right:20px}.bottom-right:before{bottom:0;right:0;border-left:none;border-top:none;width:60px;height:60px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-modal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(max-width:650px){.theme-grid{grid-template-columns:1fr}.menu-modal-card{padding:1.5rem}.toggle-options{flex-direction:column}.option-btn{width:100%}}@media(prefers-reduced-motion:reduce){.title-glow{animation:none}}@media(hover:hover)and (pointer:fine){.play-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 18px 50px #ffd700a6}.play-button:hover:before{transform:translate(100%)}.menu-item:hover{background:#ffd70026;border-color:gold;transform:translate(8px);box-shadow:0 6px 25px #ffd70040;color:gold}.modal-close-icon:hover{background:#ffd7004d;color:gold}.option-btn:hover{background:#ffd70026;border-color:#ffd70066}.start-game-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ffd70099}.theme-card:hover{border-color:#ffd70080;background:#ffffff14}}.play-button:active,.menu-item:active{transform:scale(.97)}.modal-close-icon:active{transform:scale(.9)}.option-btn:active,.start-game-btn:active{transform:scale(.97)}.theme-card:active{transform:scale(.98)}.resume-card{display:flex;align-items:center;gap:.7rem;margin-top:1.2rem;padding:.7rem 1rem;border-radius:14px;border:1px solid rgba(255,215,0,.35);background:#12121cd9;color:#fff;box-shadow:0 8px 24px #0006}.resume-card-icon{font-size:1.3rem}.resume-card-copy{display:flex;flex-direction:column;flex:1}.resume-card-title{font-size:.85rem;font-weight:700;color:gold;letter-spacing:.04em}.resume-card-sub{font-size:.72rem;color:#ffffff8c}.resume-card-btn{padding:.4rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:transform .16s var(--ease-out),background-color .16s ease-out}.resume-card-btn.primary{border:none;background:linear-gradient(135deg,gold,#b8860b);color:#111}.resume-card-btn:active{transform:scale(.97)}.invite-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#080810;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.invite-card{position:relative;width:min(460px,92vw);max-height:88vh;overflow-y:auto;background:#12121cf7;border:1px solid rgba(255,215,0,.35);border-radius:18px;padding:1.6rem 1.4rem 1.4rem;color:#fff;box-shadow:0 18px 50px #0009}.invite-close{position:absolute;top:.7rem;right:.8rem;background:none;border:none;color:#ffffff8c;font-size:1rem;cursor:pointer}.invite-close:hover{color:#fff}.invite-kicker{display:block;font-size:.66rem;letter-spacing:.2em;color:gold;margin-bottom:.4rem}.invite-build-tag{margin-left:.5rem;color:#ffffff59;font-style:normal;font-size:.6rem;letter-spacing:.1em}.invite-title{margin:0 0 1rem;font-size:1.15rem;letter-spacing:.04em}.invite-step{display:flex;flex-direction:column;gap:.55rem}.invite-lead{margin:0;color:#fffc;font-size:.85rem;line-height:1.5}.invite-hint{margin:0;color:#ffffff73;font-size:.72rem;line-height:1.4}.invite-codebox{background:#00000080;border:1px dashed rgba(255,215,0,.4);border-radius:12px;padding:.7rem .8rem;font-family:ui-monospace,Consolas,monospace;font-size:.62rem;line-height:1.5;color:#ffd70099;max-height:130px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;user-select:all}.invite-paste{width:100%;min-height:88px;resize:vertical;background:#00000073;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font:inherit;font-size:.75rem;padding:.6rem .7rem}.invite-paste:focus{outline:1px solid rgba(255,215,0,.6)}.invite-btn{padding:.7rem 1rem;border-radius:30px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font:inherit;font-weight:700;font-size:.78rem;letter-spacing:.08em;cursor:pointer;transition:transform .16s cubic-bezier(.22,1,.36,1),background-color .16s ease-out,opacity .16s ease-out}.invite-btn.gold{border:none;background:linear-gradient(135deg,gold,#b8860b);color:#111}.invite-btn.ghost{background:none}.invite-btn:disabled{opacity:.4;cursor:default}.invite-btn:active:not(:disabled){transform:scale(.97)}.invite-connected{align-items:center;text-align:center}.invite-pulse{width:12px;height:12px;border-radius:50%;background:#4ade80;box-shadow:0 0 #4ade8080;animation:invite-pulse 1.6s ease-out infinite}@keyframes invite-pulse{0%{box-shadow:0 0 #4ade8080}to{box-shadow:0 0 0 14px #4ade8000}}.invite-qr{align-self:center;width:180px;height:180px;border-radius:10px;border:4px solid #fff;background:#fff}.invite-scan-box{position:relative;align-self:center;width:200px;height:150px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,215,0,.4);background:#000}.invite-viewfinder{width:100%;height:100%;object-fit:cover}.invite-scan-hint{position:absolute;left:0;right:0;bottom:0;padding:.25rem .4rem;background:#000000a6;color:gold;font-size:.66rem;text-align:center}.invite-error{margin:.6rem 0 0;color:#f87171;font-size:.78rem;line-height:1.4}@media(prefers-reduced-motion:reduce){.invite-pulse{animation:none}}.game-scene-container{width:100%;height:100%;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;transition:filter .24s var(--ease-out)}.game-scene-container.camera-switching{filter:blur(3px)}.game-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem 1.8rem;z-index:10}.game-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;pointer-events:auto}.header-left{display:flex;align-items:center;gap:1rem}.hud-button{padding:.6rem 1.2rem;background:#14141ea6;border:1px solid rgba(255,215,0,.3);color:gold;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .16s var(--ease-out),background-color .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px #0000004d}.game-badges{display:flex;flex-direction:column;gap:.25rem}.mode-badge,.rule-badge{font-size:.75rem;letter-spacing:.05em;padding:.2rem .6rem;border-radius:12px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mode-badge{color:gold;border:1px solid rgba(255,215,0,.25);font-weight:600}.rule-badge{color:#ffffffbf;border:1px solid rgba(255,255,255,.1)}.scoreboard{display:flex;align-items:center;gap:1.2rem;background:#0a0a12bf;padding:.5rem 1.2rem;border-radius:40px;border:1px solid rgba(255,215,0,.25);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0006}.player-card{display:flex;align-items:center;gap:.8rem;padding:.4rem .8rem;border-radius:30px;position:relative;transition:background-color .25s ease,box-shadow .25s ease}.player-card.active-turn{background:#ffd70026;box-shadow:0 0 20px #ffd70059}.player-card.opponent-turn{background:#64647826;box-shadow:0 0 15px #64647840;opacity:.85}.player-card.opponent-turn .avatar{background:#6464784d}.player-card.opponent-turn .turn-ring{border-color:#a0a0c0;box-shadow:0 0 10px #a0a0c066;animation:pulse-glow-dim 2s infinite}@keyframes pulse-glow-dim{0%,to{opacity:.4}50%{opacity:.7}}.turn-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:30px;border:2px solid #ffd700;box-shadow:0 0 12px #ffd70099;pointer-events:none;animation:pulse-glow 1.5s infinite}.avatar{font-size:1.5rem;background:#ffffff1a;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%}.player-details{display:flex;flex-direction:column}.player-details .name{font-size:.8rem;color:#fffc;font-weight:500;letter-spacing:.05em}.player-details .score{font-size:1.4rem;font-weight:800;color:gold;line-height:1.1;text-shadow:0 0 10px rgba(255,215,0,.5)}.vs-badge{display:flex;flex-direction:column;align-items:center;font-weight:700;font-size:.85rem;color:#ffffff80}.sowing-indicator{font-size:.7rem;color:gold;animation:pulse-glow 1.5s infinite}.hud-toolbar{display:flex;align-items:center;gap:.5rem}.tool-btn{background:#14141ea6;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem .8rem;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .16s var(--ease-out),background-color .2s ease,border-color .2s ease,color .2s ease;display:flex;align-items:center;gap:.35rem}.tool-btn:disabled{opacity:.35;cursor:not-allowed}.tool-btn.active{background:#ffd7004d;border-color:gold;color:gold}.pit-badge{background:#0a0a0fd9;border:1px solid rgba(255,255,255,.3);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;box-shadow:0 4px 10px #00000080;pointer-events:auto;transition:transform .2s ease,background-color .2s ease}.pit-badge.selectable{background:#b8860bd9;border-color:gold;color:#fff;cursor:pointer;box-shadow:0 0 12px #ffd70099;animation:badge-pulse 2s ease-in-out infinite}.pit-badge.active-sow{background:#fa0;color:#000;transform:scale(1.3);box-shadow:0 0 20px #fa0}.pit-badge.hinted{background:#0f8;color:#000;box-shadow:0 0 20px #0f8;animation:badge-pulse-green 1.5s infinite}.store-badge{background:#0a0a0fe0;border:1px solid rgba(255,215,0,.4);padding:.3rem .7rem;border-radius:15px;text-align:center;box-shadow:0 6px 16px #0009;min-width:80px;transition:transform .2s ease}.store-badge.active-sow{border-color:gold;box-shadow:0 0 25px #ffd700cc;transform:scale(1.1)}.store-badge-label{font-size:9px;color:#fff9;letter-spacing:.08em}.store-badge-count{font-size:18px;font-weight:800;color:gold;line-height:1;transition:transform .22s var(--ease-out),opacity .22s var(--ease-out)}@starting-style{.store-badge-count{opacity:.4;transform:scale(1.35)}}.sowing-hand-badge{background:#000000d9;border:1px solid #ffd700;color:gold;padding:.25rem .6rem;border-radius:15px;font-size:12px;font-weight:700;box-shadow:0 0 15px #ffd700b3;white-space:nowrap}.toast-notification{position:absolute;top:15%;left:50%;transform:translate(-50%) scale(1);padding:.7rem 1.8rem;border-radius:30px;font-size:1rem;font-weight:700;letter-spacing:.05em;z-index:100;pointer-events:none;opacity:1;transition:transform .26s var(--ease-out),opacity .26s var(--ease-out);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@starting-style{.toast-notification{opacity:0;transform:translate(-50%,-16px) scale(.95)}}.toast-notification.toast-leaving{opacity:0;transform:translate(-50%,-12px) scale(.97);transition:transform .16s var(--ease-out),opacity .16s var(--ease-out)}.toast-notification.info{background:#1e3250e6;border:1px solid #4ecdc4;color:#4ecdc4;box-shadow:0 10px 30px #4ecdc466}.toast-notification.extra{background:#3c2d0ae6;border:1px solid #ffd700;color:gold;box-shadow:0 10px 35px #ffd70080}.toast-notification.capture{background:#461414e6;border:1px solid #ff6b6b;color:#ff6b6b;box-shadow:0 10px 35px #ff6b6b80}.game-footer{display:flex;justify-content:center;align-items:center;pointer-events:auto}.action-feed-container{display:flex;align-items:center;gap:1.2rem;background:#0c0c14cc;border:1px solid rgba(255,215,0,.25);padding:.6rem 1.5rem;border-radius:30px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000080;max-width:800px}.turn-status-badge{font-size:.85rem;font-weight:700;color:gold;white-space:nowrap}.pulse-text{animation:pulse-glow 1.5s infinite}.action-feed-text{font-size:.85rem;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint-modal-card{position:absolute;bottom:5.5rem;right:2rem;background:#0f141ef2;border:1px solid #00ff88;border-radius:18px;padding:1.2rem;width:320px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 35px #00ff8840;pointer-events:auto;animation:slide-up .3s var(--ease-out);z-index:50}.hint-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.hint-header h4{color:#0f8;font-size:.95rem;letter-spacing:.05em;margin:0}.close-hint-btn{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1rem}.hint-body{margin-bottom:1rem}.hint-recommendation{font-size:.9rem;color:#fff;margin-bottom:.3rem}.hint-reason{font-size:.8rem;color:#ffffffbf;line-height:1.4}.play-hint-btn{width:100%;padding:.6rem;background:linear-gradient(135deg,#0f8,#00b359);color:#000;border:none;border-radius:20px;font-weight:700;cursor:pointer;transition:transform .2s ease}.game-over-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;pointer-events:auto}.confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.game-over-modal{background:#12121cf2;border:2px solid #ffd700;border-radius:24px;padding:2.5rem;width:90%;max-width:520px;text-align:center;box-shadow:0 20px 60px #000c,0 0 40px #ffd7004d;position:relative;z-index:10;animation:zoom-in .4s var(--ease-out)}.trophy-icon{font-size:3.5rem;margin-bottom:.5rem;animation:bounce 1.5s infinite}.winner-title{font-size:1.8rem;font-weight:900;color:gold;letter-spacing:.1em;margin-bottom:.4rem;text-shadow:0 0 25px rgba(255,215,0,.5)}.winner-subtitle{font-size:.95rem;color:#fffc;margin-bottom:1.8rem}.match-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:.8rem;display:flex;flex-direction:column;gap:.2rem}.stat-label{font-size:.75rem;color:#fff9;letter-spacing:.05em}.stat-value{font-size:1.3rem;font-weight:700;color:#fff}.stat-value.p1-val{color:gold}.stat-value.p2-val{color:#ff6b6b}.game-over-actions{display:flex;gap:1rem;justify-content:center}.modal-btn{padding:.8rem 1.8rem;border-radius:30px;font-size:.95rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:transform .16s var(--ease-out),background-color .2s ease,box-shadow .25s ease;border:none}.modal-btn.primary-btn{background:linear-gradient(135deg,gold,#b8860b);color:#000;box-shadow:0 6px 20px #ffd70066}.modal-btn.secondary-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}@keyframes badge-pulse{0%,to{box-shadow:0 0 10px #ffd70066}50%{box-shadow:0 0 20px #ffd700cc}}@keyframes badge-pulse-green{0%,to{box-shadow:0 0 10px #0f86}50%{box-shadow:0 0 22px #0f8c}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoom-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:.55}50%{opacity:1}}@media(max-width:860px){.game-ui{padding:.8rem 1rem}.game-header{flex-direction:column;gap:.6rem}.game-badges{display:none}.scoreboard{padding:.3rem .8rem;gap:.6rem}.player-card{gap:.4rem;padding:.2rem .5rem}.avatar{width:30px;height:30px;font-size:1.1rem}.player-details .score{font-size:1.1rem}.tool-btn .btn-label{display:none}.action-feed-container{max-width:95%;padding:.5rem 1rem;gap:.8rem}.hint-modal-card{right:1rem;bottom:5rem;width:calc(100vw - 2rem)}}@media(prefers-reduced-motion:reduce){.pit-badge.selectable,.pit-badge.hinted,.trophy-icon,.sowing-indicator,.pulse-text,.turn-ring{animation:none}}@media(hover:hover)and (pointer:fine){.hud-button:hover{background:#ffd70033;border-color:#ffd700b3;transform:translateY(-2px)}.tool-btn:hover:not(:disabled){background:#ffd70040;border-color:gold;transform:translateY(-2px);color:gold}.pit-badge.selectable:hover{transform:scale(1.25);background:gold;color:#000}.play-hint-btn:hover{transform:translateY(-2px)}.modal-btn.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffd70099}.modal-btn.secondary-btn:hover{background:#fff3}}.hud-button:active{transform:scale(.97)}.tool-btn:active:not(:disabled){transform:scale(.97)}.pit-badge.selectable:active{transform:scale(1.1)}.play-hint-btn:active,.modal-btn:active{transform:scale(.97)}.turn-timer{margin-left:.4rem;padding:.15rem .5rem;border-radius:10px;background:#00000080;border:1px solid rgba(255,215,0,.35);color:gold;font-size:.68rem;letter-spacing:.06em}.turn-timer.low{border-color:#f87171b3;color:#f87171;animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.5}}.online-banner{position:absolute;top:5.4rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;border-radius:30px;background:#14141ee6;border:1px solid rgba(255,215,0,.4);box-shadow:0 8px 24px #0006;z-index:40;pointer-events:auto}.online-banner.lost{border-color:#f8717199}.online-banner-text{color:gold;font-size:.82rem;letter-spacing:.05em}.online-banner.lost .online-banner-text{color:#f87171}.online-banner-btn{padding:.35rem .9rem;border-radius:20px;border:1px solid rgba(255,215,0,.4);background:#ffd7001f;color:gold;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:transform .16s var(--ease-out),background-color .16s ease-out}.online-banner-btn.danger{border-color:#f8717180;color:#f87171;background:#f871711f}.online-banner-btn:active{transform:scale(.97)}.reconnect-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:center;justify-content:center;background:#080810;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.reconnect-card{width:min(420px,92vw);display:flex;flex-direction:column;gap:.55rem;background:#12121cf7;border:1px solid rgba(255,215,0,.35);border-radius:18px;padding:1.4rem;color:#fff;box-shadow:0 18px 50px #0009}.reconnect-title{margin:0;font-size:1.1rem;letter-spacing:.04em}.reconnect-lead{margin:0 0 .4rem;color:#ffffffbf;font-size:.84rem;line-height:1.5}@media(prefers-reduced-motion:reduce){.turn-timer.low{animation:none}}.app-container{width:100%;height:100%;position:relative;overflow:hidden}.transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out);z-index:1000;display:flex;align-items:center;justify-content:center}.transition-overlay.active{opacity:1;pointer-events:all}.transition-circle{width:10vmax;height:10vmax;border-radius:50%;background:radial-gradient(circle,gold,#b8860b,#8b4513);transform:scale(.05);transition:transform .8s var(--ease-out)}.transition-overlay.active .transition-circle{transform:scale(30)}@media(prefers-reduced-motion:reduce){.transition-circle{transition:none}}:root{--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e)}#root{position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}