@import"https://fonts.googleapis.com/css2?family=Rye&family=Vollkorn:wght@400;600;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f8fafc;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}#root{width:100%;min-height:100vh}a{font-weight:500;color:#fbbf24;text-decoration:inherit}a:hover{color:#f59e0b}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1e293b;color:#f8fafc;cursor:pointer;transition:all .25s ease}button:hover{border-color:#fbbf24;background-color:#334155}button:focus,button:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e293b80;border-radius:4px}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}*{box-sizing:border-box;margin:0;padding:0}.game-container{min-height:100vh;background:transparent;color:#f8fafc;font-family:Inter,Segoe UI,system-ui,sans-serif;padding:1.5rem;position:relative;overflow:hidden}.game-container.has-bg-image{background:transparent}.game-container{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><line x1="4" y1="28" x2="28" y2="4" stroke="%238B4513" stroke-width="3" stroke-linecap="round"/><circle cx="28" cy="4" r="3" fill="%23654321"/><line x1="4" y1="28" x2="8" y2="24" stroke="%23A0522D" stroke-width="2"/></svg>') 4 28,auto}.game-container.processing{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="12" fill="none" stroke="%23fbbf24" stroke-width="3" stroke-dasharray="20 10"/></svg>') 16 16,wait}@keyframes screen-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.screen-shake{animation:screen-shake .4s ease-out}@keyframes float-up{0%{transform:translateY(0) scale(.8);opacity:0}20%{transform:translateY(-10px) scale(1);opacity:1}80%{transform:translateY(-50px) scale(1);opacity:1}to{transform:translateY(-70px) scale(.9);opacity:0}}.floating-text{position:fixed;padding:.5rem 1rem;background:#0f172af2;border:2px solid #fbbf24;border-radius:1rem;color:#fbbf24;font-weight:700;font-size:1rem;white-space:nowrap;pointer-events:none;z-index:1000;animation:float-up 2s ease-out forwards;box-shadow:0 4px 20px #fbbf2466;transform:translate(-50%,-50%)}.floating-text.hit{border-color:#22c55e;color:#22c55e;box-shadow:0 4px 20px #22c55e66;font-size:1.2rem}.floating-text.miss{border-color:#ef4444;color:#ef4444;box-shadow:0 4px 20px #ef444466}.floating-text.voice{border-color:#a855f7;color:#e9d5ff;background:#581c87e6;box-shadow:0 4px 20px #a855f766;font-size:.9rem;max-width:250px;white-space:normal;text-align:center}.connect-screen{display:flex;justify-content:center;align-items:center;min-height:85vh;position:relative;z-index:1}.connect-card{background:#1e293bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.2);border-radius:1.5rem;padding:3rem;text-align:center;max-width:28rem;box-shadow:0 25px 50px -12px #00000080}.game-logo{font-size:4rem;margin-bottom:.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.game-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.game-subtitle{color:#94a3b8;font-size:1rem;margin-bottom:2rem}.rules-preview{text-align:left;margin-bottom:2rem}.rule-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0f172a80;border-radius:.75rem;margin-bottom:.5rem;font-size:.95rem}.btn{padding:.875rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.btn-secondary{background:#47556980;color:#f8fafc;border:1px solid rgba(148,163,184,.3)}.btn-secondary:hover{background:#475569b3}.wallet-bar{display:flex;justify-content:space-between;align-items:center;background:#1e293b99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem 1.5rem;border-radius:1rem;margin-bottom:1rem;border:1px solid rgba(148,163,184,.1)}.wallet-address{font-family:JetBrains Mono,monospace;color:#64748b;font-size:.85rem}.balance{font-size:1.5rem;font-weight:700;color:#fbbf24}.wallet-actions{display:flex;gap:.75rem;align-items:center}.turn-indicator{padding:.5rem 1.25rem;border-radius:2rem;font-weight:600;font-size:.9rem}.your-turn{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #22c55e4d}50%{box-shadow:0 0 20px #22c55e80}}.opponent-turn{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.message-bar{text-align:center;padding:1rem;background:#1e293b66;border-radius:.75rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:500}.game-area{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;align-items:flex-start}.arena-container{background:#1e293b80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.5rem 2rem 2rem;border-radius:1.25rem;border:1px solid rgba(148,163,184,.1)}.arena-title{text-align:center;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.sheep-counter{text-align:center;color:#4ade80;font-weight:600;margin-bottom:1.25rem}.arena{display:flex;flex-direction:column;align-items:flex-start;perspective:800px}.arena-row{display:flex;gap:4px;margin-bottom:-12px}.hex-cell{width:48px;height:56px;background:linear-gradient(145deg,#47556999,#33415566);display:flex;align-items:center;justify-content:center;cursor:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1.4rem;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);position:relative;transform:translateZ(0);box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0003}.hex-cell:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.05) 0%,transparent 60%);clip-path:inherit;pointer-events:none}.hex-cell:hover{transform:scale(1.08) translateY(-2px);z-index:10}.hex-cell.placeable{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><text x="4" y="24" font-size="20">🐑</text><circle cx="24" cy="8" r="6" fill="%2322c55e" opacity="0.8"/><text x="21" y="12" font-size="12" fill="white" font-weight="bold">+</text></svg>') 8 20,pointer}.hex-cell.placeable:hover{background:linear-gradient(145deg,#22c55e80,#16a34a4d);box-shadow:0 0 20px #22c55e66,inset 0 1px #fff3}.hex-cell.sheep{background:linear-gradient(145deg,#22c55e99,#16a34a66);box-shadow:0 0 15px #22c55e4d,inset 0 1px #fff3;animation:sheep-breathe 2s ease-in-out infinite;cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><text x="4" y="24" font-size="20">🐑</text><circle cx="24" cy="8" r="6" fill="%23ef4444" opacity="0.8"/><text x="21" y="12" font-size="12" fill="white" font-weight="bold">−</text></svg>') 8 20,pointer}@keyframes sheep-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.hex-cell.targetable{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g transform="rotate(-15, 16, 16)"><line x1="4" y1="28" x2="28" y2="4" stroke="%238B4513" stroke-width="3" stroke-linecap="round"/><circle cx="28" cy="4" r="4" fill="%23FFD700"/><line x1="4" y1="28" x2="8" y2="24" stroke="%23A0522D" stroke-width="2"/></g><circle cx="26" cy="6" r="6" fill="%23FFD70044"/></svg>') 4 28,crosshair}.hex-cell.targetable:hover{background:linear-gradient(145deg,#fbbf2499,#f59e0b66);box-shadow:0 0 25px #fbbf2480,inset 0 1px #fff3;transform:scale(1.12) translateY(-3px)}.hex-cell.hit{background:linear-gradient(145deg,#ef4444cc,#b91c1c99);animation:explode .5s ease-out;box-shadow:0 0 20px #ef444499,0 0 40px #ef44444d}.hex-cell.hit:after{content:"💥";position:absolute;font-size:1.6rem;animation:burst .5s ease-out forwards}@keyframes explode{0%{transform:scale(1);filter:brightness(1)}25%{transform:scale(1.3);filter:brightness(2)}50%{transform:scale(1.1);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}@keyframes burst{0%{transform:scale(.5);opacity:1}50%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:0}}.hex-cell.miss{background:linear-gradient(145deg,#47556980,#3341554d);animation:bounce .4s ease-out}.hex-cell.miss:after{content:"💨";position:absolute;font-size:1.2rem;animation:puff .4s ease-out forwards}@keyframes bounce{0%{transform:scale(1) translateY(0)}30%{transform:scale(.9) translateY(4px)}60%{transform:scale(1.05) translateY(-2px)}to{transform:scale(1) translateY(0)}}@keyframes puff{0%{transform:scale(.5);opacity:1}to{transform:scale(1.2) translateY(-8px);opacity:0}}.side-panel{width:280px;display:flex;flex-direction:column;gap:1rem}.panel-section{background:#1e293b80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.25rem;border-radius:1rem;border:1px solid rgba(148,163,184,.1)}.panel-section h4{color:#fbbf24;font-size:1rem;font-weight:600;margin-bottom:1rem}.placement-info{text-align:center;padding:1rem;background:#fbbf241a;border-radius:.75rem;margin-bottom:1rem}.sheep-count{font-size:2.5rem;font-weight:800;color:#fbbf24}.placement-info p{color:#94a3b8;font-size:.85rem;margin-top:.5rem}.controls{display:flex;gap:.75rem}.controls .btn{flex:1;padding:.75rem}.economics{font-size:.95rem;line-height:2}.cost{color:#f87171;font-weight:600}.reward{color:#4ade80;font-weight:600}.transactions{max-height:180px;overflow-y:auto}.tx-desc{color:#94a3b8}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100;padding:1.5rem}.modal-card{background:linear-gradient(145deg,#1e293b,#0f172a);padding:3rem;border-radius:1.5rem;text-align:center;border:1px solid rgba(148,163,184,.2);box-shadow:0 25px 50px #00000080;max-width:28rem}.modal-emoji{font-size:4rem;margin-bottom:1rem}.modal-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.final-balance{font-size:1.25rem;color:#fbbf24;margin:1.5rem 0;font-weight:600}.rules-modal{text-align:left;max-width:32rem;max-height:80vh;overflow-y:auto}.rules-modal h2{color:#fbbf24;text-align:center;margin-bottom:1.5rem}.rules-modal h3{color:#f59e0b;margin:1.5rem 0 .5rem;font-size:1.1rem}.rules-modal p{color:#cbd5e1;line-height:1.6}.rules-modal ul{color:#cbd5e1;padding-left:1.5rem;line-height:1.8}.rules-modal .btn{margin-top:1.5rem;width:100%}@media(max-width:1024px){.game-area{flex-direction:column;align-items:center}.side-panel{width:100%;max-width:500px}}@media(max-width:640px){.wallet-bar{flex-direction:column;gap:1rem;text-align:center}.hex-cell{width:36px;height:42px;font-size:1rem}.arena-row{gap:3px;margin-bottom:-9px}.sound-toggle{width:48px;height:48px;bottom:1rem;right:1rem}}.current-pot{margin-top:.75rem;padding:.5rem;background:#fbbf2426;border-radius:.5rem;color:#fbbf24;font-weight:600;animation:pulse-pot 2s ease-in-out infinite}.economics div{margin:.25rem 0}.game-container{cursor:crosshair}.opponent-arena .cell:not(.hit):not(.miss){cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="14" fill="none" stroke="%23ff4444" stroke-width="2"/><circle cx="16" cy="16" r="3" fill="%23ff4444"/><line x1="16" y1="0" x2="16" y2="10" stroke="%23ff4444" stroke-width="2"/><line x1="16" y1="22" x2="16" y2="32" stroke="%23ff4444" stroke-width="2"/><line x1="0" y1="16" x2="10" y2="16" stroke="%23ff4444" stroke-width="2"/><line x1="22" y1="16" x2="32" y2="16" stroke="%23ff4444" stroke-width="2"/></svg>') 16 16,crosshair}.opponent-arena .cell:not(.hit):not(.miss):hover{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="14" fill="none" stroke="%23ffcc00" stroke-width="3"/><circle cx="16" cy="16" r="4" fill="%23ffcc00"/><line x1="16" y1="0" x2="16" y2="10" stroke="%23ffcc00" stroke-width="2"/><line x1="16" y1="22" x2="16" y2="32" stroke="%23ffcc00" stroke-width="2"/><line x1="0" y1="16" x2="10" y2="16" stroke="%23ffcc00" stroke-width="2"/><line x1="22" y1="16" x2="32" y2="16" stroke="%23ffcc00" stroke-width="2"/></svg>') 16 16,crosshair}.player-arena.setup-phase .cell:not(.sheep){cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><text x="4" y="24" font-size="24">🐑</text></svg>') 16 16,pointer}.player-arena.setup-phase .cell.sheep{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><text x="4" y="24" font-size="24">❌</text></svg>') 16 16,pointer}.opponent-arena .cell.hit,.opponent-arena .cell.miss{cursor:not-allowed}.game-container.processing{cursor:wait}.game-container.processing *{cursor:wait!important}.game-container.opponent-turn .opponent-arena .cell{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="14" fill="none" stroke="%23666666" stroke-width="2" stroke-dasharray="4"/><text x="8" y="22" font-size="16" fill="%23666666">⏳</text></svg>') 16 16,wait}.btn,.tier-btn,.cell,.clickable{cursor:pointer}.btn:disabled,.tier-btn:disabled,[disabled]{cursor:not-allowed}.wallet-address,.wallet-address-full{cursor:text}.wallet-address-full:hover{cursor:copy}.draggable{cursor:grab}.draggable:active{cursor:grabbing}.help-icon,[title]{cursor:help}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;box-shadow:0 4px 14px #fbbf244d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#47556980;color:#e2e8f0;border:1px solid #475569}.btn-secondary:hover:not(:disabled){background:#475569b3;border-color:#64748b}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.btn-icon{padding:.5rem;width:2.5rem;height:2.5rem;border-radius:50%}.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:1rem;padding:2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000080;animation:modal-appear .3s ease-out}@keyframes modal-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-emoji{font-size:3rem;margin-bottom:1rem}.modal-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-card p{color:#94a3b8;margin-bottom:1rem}.rules-modal{max-width:500px;text-align:left}.rules-modal h2{text-align:center;margin-bottom:1.5rem}.rules-modal h3{color:#fbbf24;font-size:1rem;margin:1rem 0 .5rem}.rules-modal p{margin-bottom:.75rem}.rules-modal ul{list-style:none;padding:0;margin:.5rem 0 1rem}.rules-modal li{padding:.5rem 0;border-bottom:1px solid rgba(148,163,184,.1);color:#cbd5e1}.rules-modal li:last-child{border-bottom:none}.leaderboard-modal{max-width:450px}.leaderboard-modal h2{margin-bottom:1.5rem}.leaderboard-list{max-height:300px;overflow-y:auto;margin-bottom:1rem}.leaderboard-entry{display:flex;align-items:center;padding:.75rem;background:#0003;border-radius:.5rem;margin-bottom:.5rem}.leaderboard-entry .rank{font-weight:700;color:#fbbf24;width:2.5rem}.leaderboard-entry .name{flex:1;color:#e2e8f0}.leaderboard-entry .wins{font-weight:600;color:#4ade80}.no-data{color:#64748b;padding:2rem;text-align:center}.modal-card .final-balance{font-size:1.1rem;font-weight:600;color:#fbbf24;margin:1rem 0;padding:.5rem;background:#fbbf241a;border-radius:.5rem}.floating-text{position:fixed;pointer-events:none;font-weight:700;font-size:1.25rem;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:1000;animation:float-up 2s ease-out forwards}.floating-text.hit{color:#4ade80}.floating-text.miss{color:#f87171}.floating-text.reward{color:#fbbf24;font-size:1.5rem}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.1)}to{opacity:0;transform:translateY(-60px) scale(.8)}}.screen-shake{animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.processing:before{content:"";position:fixed;inset:0;background:#0000004d;z-index:50;pointer-events:none}.spinner{font-size:3rem;animation:spin-slow 2s linear infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #fbbf244d}to{box-shadow:0 0 20px #fbbf2499}}.bounce{animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.slide-in{animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pot-breakdown{background:#0000004d;border-radius:.75rem;padding:1rem;margin:1rem 0;text-align:center}.pot-title{font-size:1.2rem;font-weight:700;color:#fbbf24;margin-bottom:.75rem}.pot-details{font-size:.85rem;color:#94a3b8;margin-bottom:.75rem}.pot-details div{margin:.25rem 0}.pot-split{border-top:1px solid rgba(148,163,184,.2);padding-top:.75rem}.winner-reward{font-size:1.1rem;font-weight:600;color:#4ade80;margin-bottom:.5rem}.loser-result{font-size:1.1rem;font-weight:600;color:#f87171;margin-bottom:.5rem}.platform-cut{font-size:.9rem;color:#94a3b8}.current-pot{margin-top:.75rem;padding:.5rem;background:#fbbf2426;border-radius:.5rem;color:#fbbf24;font-weight:600;text-align:center;animation:pulse-pot 2s ease-in-out infinite}@keyframes pulse-pot{0%,to{opacity:1}50%{opacity:.7}}.economics div{margin:.25rem 0;display:flex;justify-content:space-between}.economics .cost{color:#f87171}.economics .reward{color:#4ade80}.final-balance{font-size:1.1rem;font-weight:600;color:#fbbf24;margin:1rem 0;padding:.5rem;background:#fbbf241a;border-radius:.5rem}.tier-selector{margin:1.5rem auto;padding:1.5rem;max-width:500px;background:radial-gradient(ellipse at 20% 80%,rgba(74,122,60,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,90,43,.08) 0%,transparent 50%),linear-gradient(170deg,#152314f2,#121c12f7);border-radius:1rem;border:2px solid rgba(101,140,78,.3);box-shadow:0 10px 40px #00000080,0 0 0 1px #658c4e1a inset,0 1px #b4d28c14 inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.tier-selector:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,rgba(139,90,43,.4) 0px,rgba(139,90,43,.4) 8px,transparent 8px,transparent 16px)}.tier-selector.compact{padding:.75rem;max-width:400px}.tier-label{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(101,140,78,.2);color:#c8ddb8;font-size:1rem;text-align:center}.tier-label span:first-child{background:linear-gradient(135deg,#a8d48c,#6da34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.1rem;letter-spacing:.5px}.tier-label .bsv-price{font-size:.75rem;color:#7a9a68;font-weight:400;background:#0000004d;padding:.25rem .5rem;border-radius:.375rem;border:1px solid rgba(101,140,78,.15)}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem;justify-items:center}@media(max-width:500px){.tier-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.tier-grid{grid-template-columns:1fr 1fr;gap:.5rem}}.tier-selector.compact .tier-grid{grid-template-columns:repeat(7,1fr);gap:.25rem}.tier-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:80px;padding:.875rem .5rem;border:2px solid rgba(101,140,78,.3);border-radius:.75rem;background:radial-gradient(circle at 30% 30%,rgba(200,220,180,.06) 0%,transparent 50%),linear-gradient(145deg,#192816f2,#0f190fe6);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:inherit;gap:.375rem;box-shadow:0 2px 8px #00000040,0 1px #b4d28c0d inset;position:relative}.tier-btn:hover:not(:disabled){border-color:#6da34d;background:radial-gradient(circle at 50% 50%,rgba(109,163,77,.15) 0%,transparent 60%),linear-gradient(145deg,#1e321cf2,#142312e6);transform:translateY(-3px);box-shadow:0 8px 25px #6da34d33,0 4px 12px #0000004d,0 1px #b4d28c1a inset}.tier-btn.selected{border-color:#6da34d;background:radial-gradient(circle at 50% 40%,rgba(109,163,77,.2) 0%,transparent 60%),linear-gradient(145deg,#23371ef2,#142312e6);box-shadow:0 0 20px #6da34d40,0 4px 15px #0000004d,0 0 40px #6da34d14 inset;transform:translateY(-2px)}.tier-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none}.tier-icon{font-size:1.75rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));color:#c8ddb8}.tier-btn.selected .tier-icon{color:#a8d48c}.tier-selector.compact .tier-icon{font-size:1.25rem}.tier-name{font-size:.65rem;color:#7a9a68;text-transform:uppercase;letter-spacing:.75px;font-weight:500}.tier-btn.selected .tier-name{color:#a8d48c}.tier-selector.compact .tier-name{display:none}.tier-amount{font-weight:500;color:#a8d48c;font-size:1.1rem;text-shadow:0 1px 3px rgba(0,0,0,.4)}.tier-btn.selected .tier-amount{color:#c8f0a0;text-shadow:0 0 8px rgba(168,212,140,.3)}.tier-selector.compact .tier-amount{font-size:.75rem}.tier-sats{font-size:.6rem;color:#5c7a4a;font-family:Courier New,monospace}.fee-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;margin-top:1rem;padding:.75rem 1rem;border-top:none;font-size:.85rem;color:#94ab84;text-align:center;background:#8b5a2b14;border:1px solid rgba(139,90,43,.15);border-radius:.5rem;position:relative}.fee-notice svg{color:#7a9a68}.fee-icon{font-size:1.1rem}.selected-tier-info{display:flex;align-items:center;justify-content:center;gap:.625rem;margin-top:1rem;padding:.75rem 1rem;background:radial-gradient(ellipse at 50% 50%,rgba(109,163,77,.15) 0%,transparent 70%),#19281699;border-radius:.625rem;border:1px solid rgba(109,163,77,.25);animation:meadow-glow 2.5s ease-in-out infinite}@keyframes meadow-glow{0%,to{box-shadow:0 0 10px #6da34d26,0 2px 8px #0003}50%{box-shadow:0 0 25px #6da34d4d,0 4px 15px #0000004d}}.selected-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));color:#a8d48c}.selected-name{font-weight:500;color:#a8d48c;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(max-width:480px){.tier-selector{margin:1rem auto;padding:1rem}.fee-notice{font-size:.8rem}}.wallet-page{min-height:100vh;background-image:url(/wallet-bg.svg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding:1.5rem 1rem;color:#f0e8d8;font-family:Vollkorn,Georgia,serif;display:flex;justify-content:center;align-items:center;text-align:center;align-content:center}.wallet-container{max-width:600px;width:100%;background:#0f0a05b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(139,105,20,.3);border-radius:1rem;padding:1.5rem;box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff08 inset;position:relative}.wallet-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid rgba(139,105,20,.25);position:relative}.wallet-header h1{margin:0;font-family:Rye,cursive;font-size:1.5rem;color:#d4a838;text-shadow:0 2px 6px rgba(0,0,0,.5);letter-spacing:1px}.back-button{position:absolute;left:0;top:calc(50% - .425rem);transform:translateY(-50%);background:#8b691426;border:1px solid rgba(139,105,20,.35);color:#c9a84c;padding:.5rem 1rem;border-radius:.4rem;cursor:pointer;transition:all .25s;font-family:Vollkorn,serif;font-size:.88rem;font-weight:600}.back-button:hover{background:#8b69144d;border-color:#d4a838;transform:translateY(-50%) translate(-2px)}.balance-card{background:linear-gradient(135deg,#b8860bd9,#daa520e6 40%,#b8860bd9);border-radius:.75rem;padding:1.5rem;text-align:center;margin-bottom:1rem;color:#1a120a;box-shadow:0 6px 24px #daa5204d,inset 0 1px #fff3;position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.balance-label{font-family:Rye,cursive;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;opacity:.7}.balance-amount{font-family:Rye,cursive;font-size:2.2rem;font-weight:700;margin:.4rem 0;text-shadow:0 1px 2px rgba(0,0,0,.15)}.balance-secondary{display:flex;justify-content:center;gap:1.5rem;font-size:.88rem;font-weight:600;opacity:.75}.refresh-btn{margin-top:1rem;background:#0000002e;border:1px solid rgba(0,0,0,.15);color:#1a120a;padding:.45rem 1.25rem;border-radius:.4rem;cursor:pointer;font-family:Vollkorn,serif;font-weight:700;font-size:.82rem;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#0000004d}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.wallet-message{padding:.7rem 1rem;border-radius:.45rem;margin-bottom:1rem;text-align:center;animation:msg-slide .3s ease-out;font-size:.88rem;font-weight:600}@keyframes msg-slide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.wallet-message.info{background:#8b69142e;border:1px solid rgba(139,105,20,.35);color:#d4a838}.wallet-message.success{background:#4c8c322e;border:1px solid rgba(76,140,50,.35);color:#8bc34a}.wallet-message.error{background:#b4321e2e;border:1px solid rgba(180,50,30,.35);color:#e57373}.wallet-tabs{display:flex;gap:.35rem;margin-bottom:0}.tab{flex:1;padding:.7rem .4rem;background:#00000040;border:1px solid rgba(139,105,20,.15);border-bottom:2px solid transparent;border-radius:.45rem .45rem 0 0;color:#fbc635;cursor:pointer;transition:all .2s;font-family:Vollkorn,serif;font-size:.88rem;font-weight:600}.tab:hover{color:#fbc635;background:#8b691414}.tab.active{background:#8b69141a;border-color:#8b69144d;border-bottom-color:#d4a838;color:#d4a838}.tab-content{background:#0003;border:1px solid rgba(139,105,20,.15);border-top:none;border-radius:0 0 .65rem .65rem;padding:1.25rem}.address-section{margin-bottom:1.25rem}.address-label{font-family:Rye,cursive;font-size:.7rem;color:#c9a84c;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1.5px;text-align:center}.address-box{display:flex;align-items:center;justify-content:space-between;background:#0000004d;padding:.85rem 1rem;border-radius:.45rem;font-family:Courier New,monospace;font-size:.75rem;word-break:break-all;cursor:pointer;border:1px dashed rgba(139,105,20,.3);transition:all .2s;line-height:1.5}.address-box:hover{background:#8b691414;border-color:#d4a838}.address-text{flex:1;font-size:1rem;text-align:center;color:#d6cdbc}.copy-icon{font-size:1.2rem;margin-left:.6rem;opacity:.5;transition:opacity .2s}.address-box:hover .copy-icon{opacity:1}.address-hint{font-size:.72rem;color:#c9a84c66;text-align:center;margin:.5rem 0 0;font-style:italic}.qr-section{text-align:center;margin:1.25rem 0;display:flex;flex-direction:column;align-items:center}.qr-code{margin-top:.85rem;background:#f5f0e0;padding:.85rem;border-radius:.65rem;display:inline-block;box-shadow:0 4px 16px #0000004d}.qr-code img{display:block;border-radius:.2rem}.backup-section{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(139,105,20,.15);text-align:center;display:flex;flex-direction:column;align-items:center}.backup-title{font-family:Rye,cursive;font-size:.85rem;margin-bottom:.85rem;color:#c9a84c}.backup-warning{font-size:.78rem;color:#c0584a;margin-top:.75rem;line-height:1.45;font-style:italic}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-family:Rye,cursive;font-size:.7rem;color:#ffc404;margin-bottom:.45rem;text-transform:uppercase;letter-spacing:1.5px}.form-group input{width:100%;padding:.8rem .9rem;background:#0000004d;border:1px solid rgba(139,105,20,.2);border-radius:.45rem;color:#e8dcc8;font-family:Vollkorn,serif;font-size:.95rem;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#d4a838;box-shadow:0 0 0 2px #d4a8381f}.form-group input.invalid{border-color:#b83420;box-shadow:0 0 0 2px #b834201f}.form-group input::placeholder{color:#c9a84c4d;font-style:italic}.amount-helpers{display:flex;gap:.4rem;margin-top:.5rem}.amount-helpers button{flex:1;padding:.5rem;background:#8b691414;border:1px solid rgba(139,105,20,.2);border-radius:.35rem;color:#c9a84c99;cursor:pointer;font-family:Vollkorn,serif;font-size:.82rem;font-weight:600;transition:all .2s}.amount-helpers button:hover{background:#8b691433;border-color:#d4a838;color:#d4a838}.send-preview{background:#0003;padding:1rem;border-radius:.45rem;margin-bottom:1rem;border:1px solid rgba(139,105,20,.1)}.preview-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.88rem;color:#c9a84c99}.preview-row.total{border-top:1px solid rgba(139,105,20,.15);margin-top:.4rem;padding-top:.65rem;font-weight:700;color:#d4a838}.preview-row.usd{font-size:.78rem;color:#c9a84c66}.preview-value{font-family:Courier New,monospace;font-weight:600}.send-btn{width:100%;padding:.9rem;font-size:1.05rem}.insufficient-warning{text-align:center;color:#c0584a;font-size:.82rem;margin-top:.7rem;font-weight:600}.no-history{text-align:center;color:#c9a84c66;padding:2rem 1rem}.no-history-icon{font-size:3rem;margin-bottom:.85rem;opacity:.4}.no-history-hint{font-size:.82rem;margin-top:.4rem;font-style:italic}.tx-list{max-height:340px;overflow-y:auto;margin-bottom:.85rem;scrollbar-width:thin;scrollbar-color:rgba(139,105,20,.25) transparent}.tx-list::-webkit-scrollbar{width:5px}.tx-list::-webkit-scrollbar-track{background:transparent}.tx-list::-webkit-scrollbar-thumb{background:#8b691440;border-radius:3px}.tx-item{display:flex;align-items:center;gap:.85rem;padding:.85rem;border-bottom:1px solid rgba(139,105,20,.08);transition:all .2s;border-radius:.35rem}.tx-item:hover{background:#8b69140f}.tx-icon{font-size:1.3rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.tx-item.receive .tx-icon{background:#4c8c321f}.tx-item.send .tx-icon{background:#b4321e1f}.tx-details{flex:1;min-width:0}.tx-amount{font-weight:700;font-family:Courier New,monospace;font-size:.9rem}.tx-item.receive .tx-amount{color:#8bc34a}.tx-item.send .tx-amount{color:#e57373}.tx-date{font-size:.7rem;color:#c9a84c59;margin-top:.25rem}.tx-link{font-size:1.1rem;cursor:pointer;opacity:.4;transition:all .2s;flex-shrink:0}.tx-link:hover{opacity:1;transform:scale(1.1)}.refresh-history-btn{width:100%}.wallet-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:.7rem .85rem;background:#00000026;border-radius:.4rem;font-size:.78rem;color:#f0c755f4}.network-badge{display:flex;align-items:center;gap:.3rem;font-weight:600}.price-info{font-family:Courier New,monospace;font-weight:600;color:#f2dd88e0}.wallet-page .btn{padding:.7rem 1.3rem;border-radius:.4rem;font-family:Vollkorn,serif;font-weight:700;cursor:pointer;transition:all .25s;border:none;font-size:.92rem}.wallet-page .btn-primary{background:linear-gradient(135deg,#b8860b,#daa520 40%,#cd9b1d);color:#1a120a;box-shadow:0 3px 12px #daa52040}.wallet-page .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 18px #daa52059;filter:brightness(1.06)}.wallet-page .btn-primary:active:not(:disabled){transform:translateY(0)}.wallet-page .btn-primary:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.5)}.wallet-page .btn-secondary{background:#8b69141a;border:1px solid rgba(139,105,20,.3);color:#c9a84c}.wallet-page .btn-secondary:hover:not(:disabled){background:#8b691438;border-color:#d4a838}.wallet-page .btn-warning{background:#b4321e1a;border:1px solid rgba(180,50,30,.3);color:#c0584a}.wallet-page .btn-warning:hover{background:#b4321e33}@media(max-width:480px){.wallet-page{padding:.75rem}.wallet-container{padding:1.1rem;border-radius:.75rem}.wallet-header h1{font-size:1.25rem}.balance-amount{font-size:1.7rem}.balance-secondary{flex-direction:column;gap:.2rem}.wallet-tabs{gap:.2rem}.tab{padding:.55rem .3rem;font-size:.78rem}.tab-content{padding:.9rem}.amount-helpers{flex-wrap:wrap}.amount-helpers button{flex:1 1 45%}}.lobby-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem}.lobby-card{width:100%;max-width:600px;margin:0 auto;padding:2rem;background:linear-gradient(145deg,#220f2a45,#0a1e816b);border-radius:1.25rem;border:1px solid rgba(148,163,184,.15);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.lobby-card h2{margin:0 0 1.5rem;font-size:1.75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wallet-info{margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:.75rem;border:1px solid rgba(148,163,184,.1)}.wallet-address-full{font-family:Courier New,monospace;font-size:.9rem;color:#fff;padding:.75rem;background:#0000004d;border-radius:.5rem;cursor:pointer;word-break:break-all;transition:all .2s;border:1px dashed rgba(148,163,184,.2)}.wallet-address-full:hover{background:#fbbf241a;border-color:#fbbf244d;color:#e2e8f0}.balance-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.balance{font-size:1.5rem;font-weight:600;color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.3)}.fund-instructions{margin-top:.75rem;padding:.75rem;background:#fbbf241a;border-radius:.5rem;font-size:.85rem;color:#fbbf24}.username-input{margin-bottom:1rem}.username-input input{width:100%;padding:.875rem 1rem;background:#0000004d;border:2px solid rgba(148,163,184,.2);border-radius:.5rem;color:#f8fafc;font-size:1rem;text-align:center;transition:all .2s;box-sizing:border-box}.username-input input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433}.username-input input::placeholder{color:#64748b}.lobby-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem}.lobby-actions .btn{min-width:120px}.balance-warning{margin-top:1rem;padding:.75rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;font-size:.85rem;color:#fca5a5;text-align:center}.lobby-card .tier-selector{max-width:none;margin:1.5rem 0}.connect-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem}.connect-card{width:100%;max-width:420px;margin:0 auto;padding:2.5rem 2rem;background:linear-gradient(145deg,#0f172af2,#1e293bf2);border-radius:1.25rem;border:1px solid rgba(148,163,184,.15);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.game-logo{font-size:3rem;margin-bottom:.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.game-title{font-size:2.5rem;font-weight:600;margin:0;background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.game-subtitle{color:#94a3b8;margin:.5rem 0 2rem;font-size:1rem}.rules-preview{margin:1.5rem 0;text-align:left}.rule-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 0;color:#cbd5e1;font-size:.9rem}.rule-icon{font-size:1.25rem;width:2rem;text-align:center}.import-wallet{margin-top:1rem}.import-wallet input{width:100%;padding:.75rem 1rem;background:#0000004d;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;color:#f8fafc;font-size:.9rem;text-align:center;box-sizing:border-box}.import-wallet input:focus{outline:none;border-color:#64748b}.import-wallet input::placeholder{color:#64748b}.matchmaking-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem}.matchmaking-card{width:100%;max-width:350px;margin:0 auto;padding:2.5rem 2rem;background:linear-gradient(145deg,#0f172af2,#1e293bf2);border-radius:1.25rem;border:1px solid rgba(148,163,184,.15);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.matchmaking-card .spinner{font-size:4rem;animation:spin 2s linear infinite;margin-bottom:1rem}.game-container.setup-phase-bg{background-image:url(/setup-bg.svg);background-size:cover;background-position:center;background-repeat:no-repeat}.game-container.battle-phase-bg{background-image:url(/battle-bg.svg);background-size:cover;background-position:center;background-repeat:no-repeat}@keyframes spin{to{transform:rotate(360deg)}}.matchmaking-card h2{margin:0 0 .5rem;color:#e2e8f0}.matchmaking-card p{color:#94a3b8;margin:0 0 1.5rem}.lobby-screen{background-image:url(/lobby-bg.svg);background-size:cover;background-position:center;background-repeat:no-repeat}.game-layout{max-width:1200px;margin:0 auto;padding:0 1.5rem}.wallet-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(148,163,184,.1);background:linear-gradient(180deg,#0f172af2,#0f172acc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.wallet-bar .wallet-address{font-size:.85rem;color:#94a3b8}.wallet-bar .balance{font-size:1.1rem;font-weight:600;color:#4ade80}.wallet-actions{display:flex;align-items:center;gap:.75rem}.turn-indicator{padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.9rem;animation:pulse 2s ease-in-out infinite}.turn-indicator.your-turn{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.turn-indicator.opponent-turn{background:#94a3b833;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.message-bar{text-align:center;padding:.75rem 0;background:#0000004d;color:#fbbf24;font-weight:500;min-height:1.5rem}.game-area{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:1rem;row-gap:.5rem;padding:1rem 0;align-items:start}.player-arena{grid-column:1;grid-row:1}.side-panel{grid-column:2;grid-row:1 / 3;align-self:start}.opponent-arena{grid-column:1;grid-row:2}@media(max-width:960px){.game-layout{padding:0 .75rem}.wallet-bar{padding:.6rem 0;gap:.5rem}.message-bar{padding:.6rem 0}.game-area{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.75rem 0}.player-arena,.opponent-arena{width:100%;max-width:500px}.side-panel{width:100%;max-width:500px;order:3}}@media(max-width:480px){.game-layout{padding:0 .5rem}.wallet-bar{padding:.5rem 0;font-size:.8rem}.wallet-bar .balance{font-size:.95rem}.wallet-actions{gap:.4rem}.turn-indicator{padding:.35rem .6rem;font-size:.8rem}.cell{width:38px;height:42px;font-size:1rem}.arena{padding:.75rem}.arena-title{font-size:.95rem}}.arena{background:#0f172a26;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:1rem;padding:1.25rem;border:1px solid rgba(148,163,184,.08);box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center}.arena-title{text-align:center;font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:#e2e8f0;text-shadow:0 1px 4px rgba(0,0,0,.4)}.player-arena .arena-title{color:#26c962}.opponent-arena .arena-title{color:#650909}.hex-grid{display:flex;flex-direction:column;align-items:center;gap:0;flex:1;justify-content:center}.hex-row{display:flex;justify-content:center;margin-top:-8px}.hex-row:first-child{margin-top:0}.cell{width:52px;height:58px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;font-size:1.3rem;-webkit-user-select:none;user-select:none;position:relative;margin:0 2px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(180deg,#6aad45,#4a8c2a);overflow:hidden}.cell:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#5a9c35,#3d7a22);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:-1;transform:scale(1.06)}.cell:after{content:"";position:absolute;inset:3px;background:linear-gradient(170deg,#7ac050,#5a9c35 40%,#4a8c2a);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:-1;animation:grass-sway var(--sway-duration, 3s) ease-in-out infinite;animation-delay:var(--sway-delay, 0s)}@keyframes grass-sway{0%,to{background:linear-gradient(170deg,#7ac050,#5a9c35 40%,#4a8c2a);transform:scale(1)}33%{background:linear-gradient(165deg,#80c858,#5ea838 40%,#4e9030);transform:scale(1.01) translate(.5px)}66%{background:linear-gradient(175deg,#72b848,#569832 40%,#468424);transform:scale(.99) translate(-.5px)}}.hex-row:nth-child(odd) .cell:nth-child(odd){--sway-duration: 2.8s;--sway-delay: 0s}.hex-row:nth-child(odd) .cell:nth-child(2n){--sway-duration: 3.2s;--sway-delay: .4s}.hex-row:nth-child(2n) .cell:nth-child(odd){--sway-duration: 3.5s;--sway-delay: .7s}.hex-row:nth-child(2n) .cell:nth-child(2n){--sway-duration: 2.6s;--sway-delay: 1.1s}.cell:hover{transform:scale(1.15);z-index:10;filter:brightness(1.2)}.cell:hover:before{background:linear-gradient(180deg,#8cd060,#6aad45)}.cell:hover:after{background:linear-gradient(170deg,#9ae070,#7ac050 40%,#6aad45)}.cell.sheep:before{background:linear-gradient(180deg,#7ac050,#5a9c35)}.cell.sheep:after{background:linear-gradient(170deg,#8cd060,#6aad45 40%,#5a9c35)}.cell.sheep:hover:before{background:linear-gradient(180deg,#9ae070,#7ac050)}.cell.miss{cursor:not-allowed;pointer-events:none;opacity:.7}.cell.miss:before{background:linear-gradient(180deg,#8a8a60,#6a6a45)}.cell.miss:after{background:linear-gradient(170deg,#9a9a70,#7a7a55 40%,#6a6a45)}.cell.valid-placement:before{background:linear-gradient(180deg,#90d860,#70b840)}.cell.valid-placement:after{background:linear-gradient(170deg,#a0e870,#80c850 40%,#70b840);animation:valid-pulse 1.2s ease-in-out infinite}@keyframes valid-pulse{0%,to{opacity:.7}50%{opacity:1}}.cell.disabled-cell{opacity:.4;cursor:not-allowed}.cell.preview{opacity:.7;animation:preview-pulse .8s ease-in-out infinite}.cell.preview:before{background:linear-gradient(180deg,#fbbf24b3,#f59e0b80)}.cell.preview:after{background:linear-gradient(170deg,#fbbf244d,#f59e0b33)}@keyframes preview-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.cell span,.cell>*{position:relative;z-index:1}.side-panel{display:flex;flex-direction:column;gap:1rem;min-width:280px;max-width:320px}.panel-section{background:linear-gradient(145deg,#0f172aeb,#1e293beb);border-radius:.75rem;padding:1.25rem;border:1px solid rgba(148,163,184,.15);box-shadow:0 4px 20px #00000040}.panel-section h4{margin:0 0 1rem;font-size:1rem;color:#e2e8f0;display:flex;align-items:center;gap:.5rem}.placement-info{text-align:center;margin-bottom:1rem}.sheep-count{font-size:2rem;font-weight:700;color:#fbbf24;margin-bottom:1rem}.herd-progress{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.herd-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#00000040;border-radius:.5rem;border:2px solid rgba(71,85,105,.3);opacity:.5;transition:all .2s}.herd-item.current{opacity:1;border-color:#fbbf24;background:#fbbf241a;animation:current-herd-pulse 1.5s ease-in-out infinite}@keyframes current-herd-pulse{0%,to{box-shadow:0 0 5px #fbbf244d}50%{box-shadow:0 0 15px #fbbf2480}}.herd-item.placed{opacity:.7;border-color:#4ade8080;background:#4ade801a}.herd-icon{font-size:1.25rem}.herd-name{flex:1;font-weight:500;color:#e2e8f0}.herd-size{font-size:.8rem;color:#94a3b8}.herd-check{color:#4ade80;font-weight:700}.controls{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.opponent-ready{margin-top:1rem;padding:.75rem;background:#4ade8026;border-radius:.5rem;color:#4ade80;text-align:center;font-weight:500}.economics{font-size:.9rem}.economics>div{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(148,163,184,.1)}.economics>div:last-child{border-bottom:none}.economics .cost{color:#f87171;font-weight:500}.economics .reward{color:#4ade80;font-weight:500}.current-pot{margin-top:1rem;padding:.75rem;background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-radius:.5rem;text-align:center;color:#fbbf24;font-weight:600;font-size:1.1rem;border:1px solid rgba(251,191,36,.2);animation:pot-glow 2s ease-in-out infinite}@keyframes pot-glow{0%,to{box-shadow:0 0 10px #fbbf2433}50%{box-shadow:0 0 20px #fbbf2466}}.escrow-address{margin-top:.75rem;padding:.5rem .75rem;background:#8b69141a;border:1px dashed rgba(139,105,20,.3);border-radius:.4rem;font-family:Courier New,monospace;font-size:.78rem;color:#d4a838;cursor:pointer;display:flex;text-align:center;align-items:center;justify-content:space-between;transition:all .2s}.escrow-address:hover{background:#8b691433;border-color:#d4a838}.transactions{max-height:200px;overflow-y:auto}.tx-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(148,163,184,.1);font-size:.85rem}.tx-item:last-child{border-bottom:none}.tx-item .reward{color:#4ade80;font-weight:600;font-family:Courier New,monospace}.tx-item .cost{color:#f87171;font-weight:600;font-family:Courier New,monospace}.tx-desc{color:#94a3b8;font-size:.8rem}.sound-toggle{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:50%;background:#1e293be6;border:1px solid rgba(148,163,184,.2);color:#e2e8f0;font-size:1.5rem;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,opacity .2s}.sound-toggle svg{width:22px;height:22px;stroke:#e2e8f0;fill:none}.sound-toggle:hover{background:#334155e6;border-color:#fbbf24}.sound-toggle.muted{opacity:.5}@keyframes herd-start-flash{0%{box-shadow:0 0 #ffd700cc}50%{box-shadow:0 0 20px 10px #ffd70066}to{box-shadow:0 0 #ffd70000}}.cell.herd-start{animation:herd-start-flash .6s ease-out}.pin-input-group{display:flex;flex-direction:column;align-items:center;gap:16px;margin:28px 0 24px;width:100%}.pin-field{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.pin-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#94a3b899}.pin-input{width:220px;padding:16px 20px;font-size:28px;font-weight:700;text-align:center;letter-spacing:14px;text-indent:14px;border:2px solid rgba(148,163,184,.15);border-radius:14px;background:#0f172a99;color:#fbbf24;outline:none;transition:all .25s ease;font-family:Courier New,monospace;-webkit-text-security:disc}.pin-input:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241f,0 4px 16px #0003;background:#0f172acc}.pin-input::placeholder{font-size:13px;font-weight:400;letter-spacing:.5px;text-indent:0;color:#94a3b866;font-family:inherit;-webkit-text-security:none}.pin-input-group .btn-primary{margin-top:8px;min-width:220px;padding:14px 32px;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:14px;transition:all .2s ease}.pin-input-group .btn-primary:disabled{opacity:.3;cursor:not-allowed}.pin-error{color:#f87171;font-size:13px;font-weight:500;text-align:center;padding:8px 16px;background:#ef444414;border-radius:8px;border:1px solid rgba(239,68,68,.12);animation:shakePin .35s ease}@keyframes shakePin{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.pin-hint{font-size:13px;color:#94a3b899;text-align:center;margin-top:20px;line-height:1.6;max-width:300px;margin-left:auto;margin-right:auto}.pin-footer{margin-top:28px;padding-top:20px;border-top:1px solid rgba(148,163,184,.06);text-align:center}.btn-text{background:transparent;border:none;color:#94a3b866;font-size:12px;cursor:pointer;padding:6px 12px;transition:color .2s ease;letter-spacing:.3px}.btn-text:hover{color:#f87171;background:transparent;border-color:transparent}.address-hint{font-family:Courier New,monospace;font-size:12px;color:#94a3b88c;background:#0f172a59;padding:8px 18px;border-radius:8px;border:1px solid rgba(148,163,184,.06);margin-bottom:20px;text-align:center;letter-spacing:.5px}.import-label{font-size:13px;color:#94a3b873;margin-bottom:8px;text-align:center}