:root{color-scheme:dark;--color-background: #05000f;--color-background-alt: radial-gradient(120% 120% at 50% 0%, #13002d 0%, #05000f 70%);--color-surface: rgba(22, 0, 45, .82);--color-surface-solid: #0f0224;--color-surface-muted: rgba(22, 0, 45, .55);--color-border: rgba(218, 118, 236, .45);--color-border-strong: rgba(218, 118, 236, .85);--color-primary: #da76ec;--color-primary-strong: #f73dff;--color-primary-soft: rgba(218, 118, 236, .16);--color-text: #f9f6ff;--color-text-muted: rgba(249, 246, 255, .68);--color-accent: #fdd040;--border-radius-lg: 20px;--border-radius-md: 14px;--border-radius-sm: 10px;--border-width: 2px;--page-padding: clamp(1.5rem, 2.5vw, 3.5rem);--section-gap: clamp(1.5rem, 3vw, 3.25rem);--content-gap: clamp(1rem, 2.5vw, 2.5rem);--block-padding: clamp(1.25rem, 2.5vw, 2.75rem);--text-size-xs: clamp(.55rem, .45vw, .72rem);--text-size-sm: clamp(.65rem, .55vw, .82rem);--text-size-md: clamp(.85rem, .65vw, 1rem);--text-size-lg: clamp(1.15rem, .8vw, 1.35rem);--heading-size: clamp(2.2rem, 3.5vw, 3.8rem);--max-content-width: 1400px;--glow-primary: 0 0 32px rgba(218, 118, 236, .35);--shadow-surface: 0 16px 40px rgba(5, 0, 18, .48), inset 0 0 0 1px rgba(218, 118, 236, .05);--font-family-base: "Press Start 2P", monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--color-background);color:var(--color-text);font-family:var(--font-family-base);line-height:1.6;letter-spacing:.06em}body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background-image:var(--color-background-alt);background-attachment:fixed;padding:0}#root{flex:1;display:flex;flex-direction:column;min-height:100vh;width:100%;overflow-x:hidden}a{font-weight:500;color:inherit;text-decoration:none}a:hover{color:var(--color-primary)}img{max-width:100%;display:block}button{font-family:inherit}.page-shell{width:min(var(--max-content-width),calc(100% - 2 * var(--page-padding)));margin:0 auto;padding:var(--page-padding);display:flex;flex-direction:column;gap:var(--section-gap)}.surface-panel{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-surface);padding:var(--block-padding);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.surface-panel--compact{padding:clamp(1rem,2vw,2rem);border-radius:var(--border-radius-md)}.page-heading{font-size:clamp(2.2rem,3vw,3.4rem);color:var(--color-primary);text-shadow:0 0 20px rgba(218,118,236,.4);letter-spacing:.2rem;text-transform:uppercase;margin:0}.section-heading{font-size:clamp(1.3rem,1.8vw,2rem);color:var(--color-primary);text-transform:uppercase;letter-spacing:.15rem;margin:0}.copy-muted{color:var(--color-text-muted)}.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.6rem;font-size:var(--text-size-sm);text-transform:uppercase;color:#05000f;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-strong) 100%);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 0 18px #da76ec59}.button-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 0 30px #f73dff73}.button-primary:disabled{cursor:not-allowed;opacity:.55}.back-link{align-self:flex-start;padding:.75rem 1.4rem;font-size:var(--text-size-sm);text-transform:uppercase;color:#05000f;border:none;border-radius:var(--border-radius-sm);background:var(--color-primary);box-shadow:0 0 18px #da76ec4d;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.back-link:hover{transform:translateY(-1px);box-shadow:0 0 28px #da76ec73}.back-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1.5rem;font-size:var(--text-size-xs);letter-spacing:.08em;text-transform:uppercase;background:var(--color-primary);color:#05000f;border:none;border-radius:var(--border-radius-sm);cursor:pointer;box-shadow:0 0 18px #da76ec4d;transition:transform .2s ease,box-shadow .2s ease}.back-button:hover{transform:translateY(-2px);box-shadow:0 0 28px #da76ec73}.page-content-grid{display:grid;gap:var(--content-gap)}@media(max-width:768px){.page-shell{width:100%;padding:clamp(1.25rem,3vw,2rem)}}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.container{width:100%;height:100%;margin:0;padding:0}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.welcome{width:100%;min-height:100vh;padding:0;margin:0;background:transparent;color:var(--color-text)}.welcome__hero{position:relative;margin:0;opacity:0;transform:translateY(-20px);transition:all .5s ease-out}.welcome__hero.show{opacity:1;transform:translateY(0)}.game-title{font-family:"Press Start 2P",monospace;font-size:4rem;color:#da76ec;text-shadow:0 0 10px #DA76EC,0 0 20px #DA76EC,0 0 30px #DA76EC;animation:pulse 2s infinite;margin:0;padding:2rem;letter-spacing:.5rem}@keyframes pulse{0%{text-shadow:0 0 10px #DA76EC,0 0 20px #DA76EC,0 0 30px #DA76EC}50%{text-shadow:0 0 15px #DA76EC,0 0 25px #DA76EC,0 0 35px #DA76EC,0 0 45px #DA76EC}to{text-shadow:0 0 10px #DA76EC,0 0 20px #DA76EC,0 0 30px #DA76EC}}.menu{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:800px;margin-top:2rem;padding-bottom:2rem;overflow-y:visible}button{padding:1rem 2rem;font-size:1.5rem;background:#da76ec;border:none;border-radius:4px;color:#000;cursor:pointer;transition:all .3s ease;font-family:"Press Start 2P",monospace;text-transform:uppercase}button:hover{transform:scale(1.05);background:#da76eccc;box-shadow:0 0 15px #da76ec33}.instructions,.rankings{background:#ffffff1a;padding:1.5rem;border-radius:8px;border:2px solid #DA76EC;box-shadow:0 0 10px #da76ec33}dialog{padding:2rem;border:2px solid #DA76EC;border-radius:8px;background:#000;color:#fff;font-family:"Press Start 2P",monospace;box-shadow:0 0 15px #da76ec33}dialog input::placeholder{color:#ffffff4d;opacity:.5}dialog input::-webkit-input-placeholder{color:#ffffff4d;opacity:.5}dialog input::-moz-placeholder{color:#ffffff4d;opacity:.5}dialog button{font-size:1rem;padding:.8rem 1.5rem}h2{color:#da76ec;margin-bottom:1rem;font-family:"Press Start 2P",monospace}p{margin:.5rem 0;font-family:"Press Start 2P",monospace;font-size:.8rem;line-height:1.5}.rankings{width:100%;max-width:600px;margin:20px auto;background-color:transparent!important;padding:0!important;border:none!important;box-shadow:none!important}.rankings h2,.rank,.name,.rating,.stats,.no-rankings{font-family:"Press Start 2P",monospace!important}.rankings h2{color:#da76ec;margin-bottom:15px;font-size:1.2rem!important;text-transform:uppercase;letter-spacing:1px!important}.rankings-list{display:flex;flex-direction:column;gap:10px;width:100%}.ranking-item{display:flex!important;justify-content:space-between!important;align-items:center!important;background-color:transparent!important;border:none!important;padding:12px 15px!important;width:100%!important;height:45px!important;box-sizing:border-box!important;overflow:hidden!important}.rank{flex:0 0 30px!important;color:#da76ec!important;font-weight:400!important;font-size:.7rem!important;text-align:center!important}.name{flex:1!important;text-align:left!important;padding-left:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.7rem!important;letter-spacing:0!important}.rating{flex:0 0 70px!important;text-align:right!important;color:gold!important;font-weight:400!important;font-size:.7rem!important}.stats{flex:0 0 80px!important;text-align:right!important;color:#bbb!important;font-size:.7rem!important;white-space:nowrap!important;background-color:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.ranking-item:not(:last-child){border-bottom:1px solid rgba(116,113,203,.05)!important}.no-rankings{padding:20px;text-align:center;color:#888;font-style:normal!important;font-size:.7rem!important;border:none!important;background-color:transparent!important}:root,body,#root,.App{min-height:100vh;height:auto;overflow-y:auto;background-color:#000}html,body{overflow:visible;padding:0;margin:0;background-color:#000}@media(max-width:768px){.welcome{padding:1rem .5rem;min-height:100vh}.game-title{font-size:2.5rem;letter-spacing:.3rem;padding:1rem}.menu{gap:1.5rem;padding-bottom:1rem}.game-modes{gap:.75rem}.mode-button{padding:1rem .5rem;font-size:.8rem}.button-icon{font-size:1.5rem}.button-text{font-size:.7rem}.instructions,.rankings,.active-games{padding:1rem}h2{font-size:1rem}p{font-size:.7rem}.rankings,.active-games{max-height:300px}button{font-size:1rem;padding:.8rem 1.5rem}}@media(max-width:480px){.game-title{font-size:2rem;letter-spacing:.2rem}.mode-button{padding:.8rem .5rem}.button-icon{font-size:1.2rem}.button-text{font-size:.6rem}h2{font-size:.9rem}p{font-size:.6rem}}@media(max-width:500px){.ranking-item{padding:10px!important;height:40px!important}.rank{flex:0 0 25px!important;font-size:.8rem!important}.name{font-size:.8rem!important}.rating{flex:0 0 60px!important;font-size:.8rem!important}.stats{flex:0 0 70px!important;font-size:.7rem!important}}body .welcome,#root .welcome,.App .welcome{border:2px solid #DA76EC;box-sizing:border-box}.welcome{background-color:#000!important;border:2px solid #DA76EC!important}.game-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%;margin-bottom:2rem}.mode-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;font-size:1rem;transition:all .3s ease}.button-icon{font-size:2rem;filter:brightness(0)}.button-text{font-size:.8rem}.active-games{background:#ffffff0d;padding:1.5rem;border-radius:8px;border:2px solid #DA76EC;width:100%;max-height:400px;overflow-y:auto}.active-games h2{color:#da76ec;margin-bottom:1rem;font-size:1.2rem}.games-list{display:flex;flex-direction:column;gap:.75rem}.game-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#da76ec1a;border:1px solid #DA76EC;border-radius:4px;cursor:pointer;transition:all .3s ease}.game-item:hover{background:#da76ec33;transform:translate(5px)}.game-info{display:flex;flex-direction:column;gap:.3rem;flex:1}.game-players{font-size:.9rem;color:#fdd040;font-family:"Press Start 2P",monospace}.game-code{font-size:.7rem;color:#bbb;font-family:"Press Start 2P",monospace}.game-stats{display:flex;gap:1rem;align-items:center}.spectator-count{font-size:.8rem;color:#da76ec;font-family:"Press Start 2P",monospace}.game-status{font-size:1.2rem}.no-games{text-align:center;padding:2rem;color:#666;font-size:.8rem;font-family:"Press Start 2P",monospace}.spectator-header{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;z-index:10}.spectator-badge{display:flex;gap:1rem;align-items:center;background:#da76ec33;padding:.5rem 1rem;border-radius:4px;border:1px solid #DA76EC;font-family:"Press Start 2P",monospace;font-size:.7rem;color:#fdd040}.spectator-count-badge{color:#da76ec}.leave-spectate-btn{padding:.5rem 1rem;font-size:.8rem;background:#ff0000b3;border:1px solid red;color:#fff;cursor:pointer;font-family:"Press Start 2P",monospace;border-radius:4px;transition:all .3s ease}.leave-spectate-btn:hover{background:#ff0000e6;transform:scale(1.05)}.room-info{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:10}.room-code-display{background:#da76ec33;padding:.5rem 1rem;border-radius:4px;border:1px solid #DA76EC;font-family:"Press Start 2P",monospace;font-size:.8rem;color:#fdd040}@media(max-width:768px){.game-modes{grid-template-columns:1fr}.active-games{max-height:300px}.game-players{font-size:.7rem}.spectator-badge{font-size:.6rem;padding:.4rem .8rem}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #da76ecb3}50%{transform:scale(1.1);box-shadow:0 0 10px 5px #da76ec00}}.game-history-btn{background:#da76ec33;color:#da76ec;padding:.75rem 1.5rem;font-size:.9rem;border:2px solid #DA76EC;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:"Press Start 2P",monospace;white-space:nowrap}.game-history-btn:hover{background:#da76ec4d;transform:translateY(-2px);box-shadow:0 0 20px #da76ec80}.mode-button.staked-match{background:#da76ec;position:relative;overflow:hidden}.mode-button.staked-match:not(:disabled):hover{background:#da76eccc;box-shadow:0 0 15px #da76ec33}.mode-button.staked-match:disabled{background:#da76ec4d;cursor:not-allowed;opacity:.5}.mode-button.staked-match .button-icon{filter:brightness(0)}dialog.stake-modal{min-width:400px;max-width:500px}dialog.stake-modal h2{text-align:center;margin-bottom:.5rem}.stake-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0}.stake-option{padding:1.5rem;font-size:1.2rem;background:#da76ec33;border:2px solid #DA76EC;color:#fdd040;cursor:pointer;transition:all .3s ease;font-family:"Press Start 2P",monospace;border-radius:8px}.stake-option:hover{background:#da76ec66;transform:scale(1.05);box-shadow:0 0 20px #da76ec80;border-color:#fdd040}.transaction-modal{background:#000;border:2px solid #DA76EC;border-radius:12px;padding:3rem;text-align:center;box-shadow:0 0 30px #da76ec80;max-width:400px}.transaction-modal h3{color:#fdd040;font-family:"Press Start 2P",monospace;font-size:1rem;margin-bottom:2rem;line-height:1.5}.transaction-modal p{color:#bbb;font-size:.7rem;margin-top:1.5rem;line-height:1.5}@media(max-width:600px){.wallet-connect-container{top:10px;right:10px}dialog.stake-modal{min-width:90%;max-width:90%}.stake-options{grid-template-columns:1fr}.stake-option{font-size:1rem;padding:1.2rem}.transaction-modal{padding:2rem;max-width:90%}.transaction-modal h3{font-size:.8rem}}.App .welcome{margin:0 auto;padding:var(--page-padding);border:none!important;background:transparent!important;display:flex;flex-direction:column;align-items:center;gap:var(--section-gap);text-align:center}.App .welcome>*{width:100%}.App .welcome .welcome__top{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,2vw,1.5rem);align-items:center;padding:clamp(.8rem,2vw,1.4rem)}.App .welcome .welcome__wallet{display:flex;align-items:center;justify-content:center}.App .welcome .welcome__links{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.App .welcome .welcome__link{font-size:var(--text-size-xs);padding:.65rem 1.2rem;background:#da76ec33;border:var(--border-width) solid rgba(218,118,236,.35);border-radius:var(--border-radius-sm);color:var(--color-text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;display:inline-flex;align-items:center;gap:.4rem}.App .welcome .welcome__link:hover{transform:translateY(-1px);background:#da76ec52;box-shadow:0 0 18px #da76ec59}.App .welcome .welcome__link--badge .badge{margin-left:.35rem;background:linear-gradient(135deg,var(--color-accent),#ffae00);color:#0b0215;padding:.2rem .55rem;border-radius:999px;font-size:var(--text-size-xs)}.App .welcome .welcome__hero{width:100%;text-align:center;padding:clamp(1.5rem,3vw,3rem);border-radius:var(--border-radius-lg);box-shadow:var(--glow-primary)}.App .welcome .welcome__hero .title-glow{position:absolute;inset:0;border-radius:var(--border-radius-lg);pointer-events:none;box-shadow:0 0 60px #da76ec73;opacity:.75}.App .welcome .game-title{font-size:var(--heading-size);padding:0;margin:0;letter-spacing:clamp(.35rem,1vw,.6rem)}.App .welcome .welcome__grid{display:grid;gap:var(--section-gap);text-align:left}.App .welcome .welcome__actions .game-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--content-gap)}.App .welcome .mode-button{display:grid;place-items:center;gap:.65rem;padding:clamp(1.3rem,2.6vw,2.3rem) clamp(.9rem,1.8vw,1.7rem);font-size:var(--text-size-sm);letter-spacing:.08em;background:linear-gradient(135deg,#da76ec40,#f73dff59);border:var(--border-width) solid rgba(218,118,236,.45);border-radius:var(--border-radius-lg);color:var(--color-text);box-shadow:var(--shadow-surface);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.App .welcome .mode-button:hover:not(:disabled){transform:translateY(-3px);background:linear-gradient(135deg,#da76ec59,#f73dff80);box-shadow:0 0 28px #da76ec61}.App .welcome .mode-button .button-icon{font-size:clamp(1.35rem,1.8vw,2rem)}.App .welcome .mode-button .button-text{font-size:var(--text-size-sm)}.App .welcome .surface-panel{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-surface)}.App .welcome .surface-panel:not(.surface-panel--compact){padding:var(--block-padding)}.App .welcome .surface-panel h2{font-size:clamp(1.35rem,2vw,1.9rem);color:var(--color-primary);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.12em}.App .welcome .instructions p{font-size:var(--text-size-sm);color:var(--color-text-muted)}.App .welcome .games-list{display:grid;gap:1rem}.App .welcome .game-item{display:flex;flex-direction:column;gap:.5rem;padding:1.1rem 1.25rem;border-radius:var(--border-radius-md);border:1px solid rgba(218,118,236,.25);background:#0f0224d9;transition:transform .2s ease,border .2s ease,box-shadow .2s ease}.App .welcome .game-item:hover{transform:translateY(-2px);border-color:#da76ec8c;box-shadow:0 0 20px #da76ec4d}.App .welcome .game-info{display:flex;flex-direction:column;gap:.35rem;font-size:var(--text-size-sm)}.App .welcome .game-stats{display:flex;align-items:center;gap:1rem;font-size:var(--text-size-xs);color:var(--color-text-muted)}.App .welcome .rankings-list{display:grid;gap:.9rem}.App .welcome .ranking-item{display:grid!important;grid-template-columns:auto 1fr auto auto!important;align-items:center!important;gap:.75rem!important;background:#0a0018a6!important;border-radius:var(--border-radius-sm)!important;padding:.9rem 1.1rem!important;border:1px solid rgba(218,118,236,.3)!important}.App .welcome .rank,.App .welcome .name,.App .welcome .rating,.App .welcome .stats{font-size:var(--text-size-xs)!important}.App .welcome .rank{color:var(--color-primary)}.App .welcome .rating{color:var(--color-accent)!important}.App .welcome .no-games,.App .welcome .no-rankings{padding:1.25rem;border-radius:var(--border-radius-md);background:#0a0018a6;border:1px dashed rgba(218,118,236,.35);color:var(--color-text-muted)}@media(min-width:1024px){.App .welcome .welcome__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.App .welcome .welcome__actions{grid-column:1 / -1}}@media(max-width:768px){.App .welcome{padding:clamp(1.25rem,4vw,2rem);gap:var(--content-gap)}.App .welcome .welcome__top{grid-template-columns:1fr;justify-items:stretch}.App .welcome .welcome__links{justify-content:flex-start}.App .welcome .welcome__actions .game-modes{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.custom-dialog{border:2px solid #DA76EC;border-radius:12px;padding:0;background:#0a0a0a;color:#fff;font-family:"Press Start 2P",monospace;box-shadow:0 0 30px #da76ec80;min-width:400px;max-width:90vw;animation:dialogSlideIn .3s ease-out}.custom-dialog::backdrop{background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-content{padding:2rem;text-align:center}.dialog-icon{font-size:3rem;margin-bottom:1rem;animation:iconBounce .5s ease-out}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dialog-title{font-size:1.2rem;color:#da76ec;margin:0 0 1rem;text-transform:uppercase}.dialog-message{font-size:.8rem;line-height:1.6;margin:0 0 2rem;color:#ffffffe6}.dialog-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.dialog-btn{font-family:"Press Start 2P",monospace;font-size:.8rem;padding:.75rem 1.5rem;border-radius:8px;border:2px solid;cursor:pointer;transition:all .3s ease;min-width:120px}.dialog-btn-confirm{background:linear-gradient(135deg,#7b3fe4,#9d5ff5);border-color:#da76ec;color:#fff}.dialog-btn-confirm:hover{background:linear-gradient(135deg,#6a2fcf,#8c4ee4);transform:translateY(-2px);box-shadow:0 0 20px #da76ec99}.dialog-btn-cancel{background:#ffffff1a;border-color:#ffffff4d;color:#fffc}.dialog-btn-cancel:hover{background:#ffffff26;border-color:#ffffff80;color:#fff;transform:translateY(-2px)}.custom-dialog.error .dialog-icon{color:#f44}.custom-dialog.success .dialog-icon{color:#4f4}.custom-dialog.confirm .dialog-icon{color:#fa0}.custom-dialog.info .dialog-icon{color:#44f}@media(max-width:600px){.custom-dialog{min-width:90vw}.dialog-content{padding:1.5rem}.dialog-title{font-size:1rem}.dialog-message{font-size:.7rem}.dialog-btn{font-size:.7rem;padding:.6rem 1.2rem;min-width:100px}}.App .custom-dialog{background:var(--color-surface);border:var(--border-width) solid rgba(218,118,236,.45);box-shadow:var(--shadow-surface);color:var(--color-text)}.App .custom-dialog .dialog-title{color:var(--color-primary)}.App .custom-dialog .dialog-message{color:var(--color-text-muted)}.App .custom-dialog .dialog-btn{border-radius:var(--border-radius-sm)}.App .custom-dialog .dialog-btn-confirm{background:var(--color-primary);color:#05000f;border-color:#da76ecbf}.App .custom-dialog .dialog-btn-confirm:hover{background:var(--color-primary-strong)}.App .custom-dialog .dialog-btn-cancel{background:#0a001899;border-color:#da76ec4d;color:var(--color-text-muted)}.App .custom-dialog .dialog-btn-cancel:hover{background:#0a0018bf;color:var(--color-text)}.game-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:default;background-color:#000;transition:cursor .3s ease}.game-container.cursor-hidden{cursor:none}.score-board{display:flex;justify-content:center;gap:4rem;font-size:3rem;margin:1rem;font-family:"Press Start 2P",monospace;color:#da76ec}.powerup-bar{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;font-family:"Press Start 2P",monospace}.powerup-buttons{display:flex;gap:.75rem}.powerup-status-line{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;min-height:1.2rem}.powerup-btn{background:#da76ec33;border:2px solid #DA76EC;color:#da76ec;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.8rem;text-transform:uppercase;transition:all .2s ease}.powerup-btn:hover:not(:disabled){background:#da76ec59;box-shadow:0 0 12px #da76ec66}.powerup-btn:disabled{opacity:.4;cursor:not-allowed}.powerup-status{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.powerup-status.active{color:#fdd040}.powerup-status.opponent{color:#ff6b6b}.powerup-status.info{color:#fff9}canvas{border:2px solid #DA76EC;background-color:#000;box-shadow:0 0 20px #da76ec33;touch-action:none;-webkit-user-select:none;user-select:none}dialog{padding:2rem;border:2px solid #DA76EC;border-radius:8px;background:#000;color:#fff;font-family:"Press Start 2P",monospace}dialog::backdrop{background:#000c}dialog input{display:block;margin:1rem 0;padding:.5rem;width:100%;background:#111;border:1px solid #DA76EC;color:#fff;border-radius:4px;font-family:"Press Start 2P",monospace}dialog .buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}dialog button{font-size:1rem;padding:.8rem 1.5rem;font-family:"Press Start 2P",monospace;background:#da76ec;border:none;border-radius:4px;color:#000;cursor:pointer;transition:all .3s ease}dialog button:hover{transform:scale(1.05);background:#da76eccc;box-shadow:0 0 15px #da76ec}.player-names{position:absolute;top:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 20%;font-family:"Press Start 2P",monospace;color:#da76ec;font-size:16px}.player-names span{text-shadow:0 0 5px #DA76EC}.music-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:10}.music-button{font-family:"Press Start 2P",monospace;font-size:.7rem;padding:.5rem 1rem;background:#da76ecb3;color:#000;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.music-button:hover{transform:scale(1.05);background:#da76ec;box-shadow:0 0 10px #da76ec80}@media(max-width:768px){.game-container{width:100%;height:100vh;touch-action:none;overflow:hidden}canvas{width:95vw!important;height:65vh!important;max-width:95vw;max-height:65vh;touch-action:none}.player-names{font-size:.6rem;padding:0 5%;top:60px}.score-board{font-size:1.5rem;gap:2rem;margin:.5rem}.powerup-bar,.powerup-buttons{flex-direction:column;gap:.5rem}.powerup-status-line{gap:.5rem}.powerup-btn{font-size:.65rem;padding:.5rem .9rem}.music-controls{bottom:10px}.music-button{font-size:.6rem;padding:.4rem .8rem}.back-button{font-size:.6rem;padding:.4rem .8rem;top:5px;left:5px}.game-controls{top:45px;gap:.5rem}.control-btn{font-size:.6rem;padding:.4rem .8rem}.room-info{top:55px;right:20px}.room-code-display{font-size:.6rem;padding:.4rem .8rem}}@media(max-width:480px){.game-container{height:100dvh}canvas{width:98vw!important;height:60vh!important}.player-names{font-size:.5rem;top:55px}.score-board{font-size:1.2rem;gap:1.5rem}.powerup-buttons{flex-direction:column;gap:.4rem}.powerup-status-line{gap:.4rem}.room-info{top:50px;right:16px}.back-button{font-size:.5rem;padding:.3rem .6rem}.game-controls{flex-direction:column;gap:.3rem;top:40px}.control-btn{font-size:.5rem;padding:.3rem .6rem}}@media(orientation:landscape)and (max-height:600px){canvas{height:70vh!important}.player-names{top:40px}.game-controls{top:35px}}body.playing{overflow:hidden;position:fixed;width:100%;height:100%}.endgame-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;top:0;left:0;background-color:#000000d9;z-index:100;padding:2rem;box-sizing:border-box}.endgame-message{font-family:"Press Start 2P",monospace!important;font-size:1.2rem!important;color:#da76ec!important;text-align:center;margin-bottom:2rem;text-transform:uppercase;letter-spacing:1px!important;text-shadow:none!important;font-weight:400!important}.win-message,.lose-message{font-family:"Press Start 2P",monospace!important;font-size:1.2rem!important;color:#da76ec!important;text-transform:uppercase;letter-spacing:1px!important;text-shadow:none!important}.endgame-container h1,.endgame-container h2,.endgame-container h3{font-family:"Press Start 2P",monospace!important;font-size:1.2rem!important;color:#da76ec!important;text-transform:uppercase;letter-spacing:1px!important;text-shadow:none!important;font-weight:400!important}.endgame-stats{font-family:"Press Start 2P",monospace!important;font-size:.8rem!important;color:#fff;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem;text-align:center}.stat-item{font-family:"Press Start 2P",monospace!important;font-size:.7rem!important;line-height:1.5}.endgame-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px}.endgame-button{font-family:"Press Start 2P",monospace!important;font-size:.8rem!important;padding:1rem!important;background:#da76ec80!important;color:#fff!important;border:none!important;border-radius:0!important;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.endgame-button:hover{background:#da76eccc!important;transform:scale(1.05);box-shadow:0 0 15px #da76ec4d}.final-score{font-family:"Press Start 2P",monospace!important;font-size:1.2rem!important;color:gold!important;margin:1rem 0}.player-name{font-family:"Press Start 2P",monospace!important;font-size:.9rem!important}.endgame-container p,.endgame-container h3,.endgame-container span{font-family:"Press Start 2P",monospace!important;font-size:.7rem!important;line-height:1.6}.endgame-container,.endgame-container *{text-align:center!important}.endgame-container .result,.endgame-container .stats,.endgame-container .stat-item,.endgame-container .final-score,.endgame-container .player-result,.endgame-container .game-stats,.endgame-container .game-result,.endgame-container p,.endgame-container span,.endgame-container div{display:block!important;width:100%!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}.endgame-stats{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:400px!important;margin:0 auto 2rem!important}.stat-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;text-align:center!important}.endgame-container table,.endgame-container tr,.endgame-container td{margin-left:auto!important;margin-right:auto!important;text-align:center!important}.endgame-container [class*=flex],.endgame-container [style*="display: flex"]{justify-content:center!important;align-items:center!important;text-align:center!important}body .endgame-container,#root .endgame-container,.App .endgame-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}body .endgame-container>*,#root .endgame-container>*,.App .endgame-container>*{width:100%!important;max-width:500px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;display:block!important}.endgame-stats,.stat-item,.endgame-message,.win-message,.lose-message,.final-score{display:block!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;width:100%!important;max-width:500px!important}[style*=text-align],[style*=justify-content],[style*=align-items],[style*=margin-left],[style*=margin-right]{text-align:center!important;justify-content:center!important;align-items:center!important;margin-left:auto!important;margin-right:auto!important}.welcome{display:block!important;height:auto!important;min-height:100vh!important;padding:2rem!important;margin:0!important;position:static!important;transform:none!important;top:0!important;left:0!important;overflow-y:auto!important;background-color:#000!important}.welcome .logo{display:block!important;position:static!important;margin:0 auto 2rem!important;padding:0!important;max-height:100px!important;width:auto!important;transform:none!important;top:auto!important;left:auto!important}.welcome *,.welcome>*{margin-top:0!important;transform:none!important;position:static!important}.welcome>*:first-child{margin-top:0!important}.welcome>div,.welcome>section{margin-bottom:2rem;width:100%;max-width:800px;margin-left:auto;margin-right:auto}.welcome-container .top-players{width:100%;max-width:800px;margin:0 auto 2rem}.welcome-container div,.welcome-container section{position:static}.game-controls{position:absolute;top:70px;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:10}.control-btn{font-family:"Press Start 2P",monospace;font-size:.7rem;padding:.5rem 1rem;background:#da76ecb3;color:#000;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.control-btn:hover:not(:disabled){transform:scale(1.05);background:#da76ec;box-shadow:0 0 10px #da76ec80}.control-btn:disabled{opacity:.5;cursor:not-allowed}.forfeit-btn{background:#ff6347b3;color:#fff}.forfeit-btn:hover:not(:disabled){background:#ff6347e6;box-shadow:0 0 10px #ff634780}.pause-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.pause-message{font-family:"Press Start 2P",monospace;text-align:center;color:#da76ec;padding:2rem;background:#000000e6;border:2px solid #DA76EC;border-radius:8px}.pause-message h2{font-size:1.5rem;margin-bottom:1rem;text-shadow:0 0 10px #DA76EC}.pause-message p{font-size:.8rem;margin:.5rem 0;color:#fff}.rematch-overlay{position:absolute;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:100}.rematch-modal{font-family:"Press Start 2P",monospace;text-align:center;color:#fff;padding:2rem;background:#000;border:3px solid #DA76EC;border-radius:8px;max-width:400px}.rematch-modal h2{font-size:1.2rem;margin-bottom:1rem;color:#da76ec;text-shadow:0 0 10px #DA76EC}.rematch-modal p{font-size:.8rem;margin-bottom:1.5rem}.rematch-buttons{display:flex;gap:1rem;justify-content:center}.accept-btn,.decline-btn{font-family:"Press Start 2P",monospace;font-size:.7rem;padding:.8rem 1.5rem;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.accept-btn:hover{transform:scale(1.05);background:#da76eccc;box-shadow:0 0 15px #da76ec}.decline-btn:hover{transform:scale(1.05);background:tomato;box-shadow:0 0 15px #ff634780}.room-info{position:absolute;top:60px;right:30px;z-index:10}.room-code-display{font-family:"Press Start 2P",monospace;font-size:.8rem;color:#fdd040;padding:.5rem 1rem;background:#000000b3;border:2px solid rgb(253,208,64);border-radius:4px;text-shadow:0 0 10px rgb(253,208,64)}.back-button{position:absolute;top:10px;left:10px;z-index:100;font-family:"Press Start 2P",monospace;font-size:.7rem;padding:.5rem 1rem;background:#da76ecb3;color:#fff;border:2px solid #DA76EC;border-radius:4px;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#da76ec;transform:scale(1.05);box-shadow:0 0 15px #da76ec80}.back-button:active{transform:scale(.95)}.paddle-indicator{position:absolute;top:50%;transform:translateY(-50%);font-family:"Press Start 2P",monospace;font-size:.7rem;color:#da76ec80;padding:.75rem 1rem;background:#000000b3;border:2px solid rgba(218,118,236,.3);border-radius:8px;z-index:10;transition:all .3s ease;pointer-events:none}.paddle-indicator.left{left:1rem}.paddle-indicator.right{right:1rem}.paddle-indicator.active{color:#da76ec;border-color:#da76ec;box-shadow:0 0 15px #da76ec80;animation:pulse-indicator 2s infinite}@keyframes pulse-indicator{0%,to{box-shadow:0 0 15px #da76ec80}50%{box-shadow:0 0 25px #da76eccc}}@media(max-width:768px){.paddle-indicator{font-size:.5rem;padding:.5rem .75rem}.paddle-indicator.left{left:.5rem}.paddle-indicator.right{right:.5rem}}.App .game-container{width:100%;min-height:100vh;padding:clamp(1.25rem,3vw,3.25rem);box-sizing:border-box;background:transparent;align-items:center;justify-content:center;gap:clamp(1rem,2vw,2rem)}.App .game-container canvas{border-radius:var(--border-radius-lg);border:var(--border-width) solid rgba(218,118,236,.45);box-shadow:0 36px 65px #0800168c,0 0 35px #da76ec38;background:radial-gradient(120% 120% at 50% 0%,#05000ce6,#05000cfa 65%)}.App .game-container .score-board{gap:clamp(2rem,4vw,5rem);font-size:clamp(2rem,4vw,3.5rem);color:var(--color-primary);text-shadow:0 0 26px rgba(218,118,236,.35)}.App .game-container .player-names{top:clamp(20px,3vw,60px);padding:0 clamp(1.5rem,4vw,6rem);font-size:clamp(.55rem,.9vw,.85rem)}.App .game-container .powerup-bar{gap:clamp(.5rem,1.2vw,1.5rem);background:#0a0018a6;padding:clamp(.6rem,1.2vw,1rem) clamp(1rem,2vw,1.8rem);border-radius:var(--border-radius-md);border:1px solid rgba(218,118,236,.35);box-shadow:var(--shadow-surface)}.App .game-container .powerup-buttons{flex-wrap:wrap;justify-content:center}.App .game-container .powerup-btn{border-radius:var(--border-radius-sm);border-color:#da76ec73;background:#da76ec38;color:var(--color-text);padding:.6rem 1.1rem}.App .game-container .powerup-btn:hover:not(:disabled){background:#da76ec59;box-shadow:0 0 18px #da76ec59}.App .game-container .music-controls{bottom:clamp(16px,3vw,32px);background:#0a0018a6;padding:.35rem .5rem;border-radius:999px;border:1px solid rgba(218,118,236,.35);box-shadow:var(--shadow-surface)}.App .game-container .music-button{background:transparent;color:var(--color-text-muted);padding:.5rem .9rem}.App .game-container .music-button:hover{color:var(--color-primary);background:#da76ec26}.App .game-container .back-button{background:#0a0018cc;color:var(--color-primary);border:1px solid rgba(218,118,236,.45)}@media(max-width:768px){.App .game-container{padding:clamp(1rem,5vw,2rem)}}.address-display{position:absolute;top:1rem;right:1rem;background:#000000e6;border:2px solid #DA76EC;border-radius:8px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem;z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 15px #da76ec4d}.address-row{display:flex;align-items:center;gap:.5rem;font-size:.65rem;font-family:"Press Start 2P",monospace}.username-row{padding-bottom:.5rem;border-bottom:1px solid rgba(218,118,236,.3);margin-bottom:.5rem}.username-value{color:#fdd040;font-size:.7rem;font-weight:700}.address-label{color:#da76ec;font-weight:700}.address-value{color:#ffffffe6;cursor:pointer;transition:color .3s ease}.address-value:hover{color:#da76ec}@media(max-width:768px){.address-display{top:.5rem;right:.5rem;padding:.5rem .75rem}.address-row{font-size:.55rem;gap:.3rem}}.game-over{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh;padding:20px;background-color:#000;color:#fff}.game-over h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff;text-shadow:0 0 10px #DA76EC,0 0 20px #DA76EC,0 0 30px #DA76EC;letter-spacing:3px;text-transform:uppercase;font-family:"Press Start 2P",Courier New,monospace}.stats,.rankings{background:#ffffff1a;padding:2rem;border-radius:8px;width:100%;max-width:600px;text-align:center}.stats{text-align:center}.stats p{margin:10px 0;text-align:center}.ranking-item{display:grid;grid-template-columns:50px 1fr 100px;padding:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.actions{display:flex;gap:1rem}.button-group{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;width:100%;max-width:300px}.rematch-request{margin-top:2rem;padding:1.5rem;background:#da76ec33;border:2px solid #DA76EC;border-radius:8px}.rematch-request p{font-family:"Press Start 2P",monospace;font-size:.9rem;color:#da76ec;margin-bottom:1rem}.game-over button{font-family:"Press Start 2P",monospace;font-size:.8rem;padding:1rem;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.rematch-btn{background:#da76ec;color:#000}.rematch-btn:hover:not(:disabled){background:#da76eccc;transform:scale(1.05);box-shadow:0 0 15px #da76ec}.rematch-btn:disabled{opacity:.5;cursor:not-allowed}.home-btn{background:#fff3;color:#fff}.home-btn:hover{background:#ffffff4d;transform:scale(1.05);box-shadow:0 0 15px #ffffff4d}.claim-btn{background:linear-gradient(135deg,#da76ec,#9d5ff5);color:#fff;border:2px solid #DA76EC}.claim-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #da76ec99}.new-match-btn{background:#da76ec33;color:#da76ec;border:2px solid #DA76EC}.new-match-btn:hover{background:#da76ec4d;transform:scale(1.05);box-shadow:0 0 15px #da76ec66}.staked-info-banner{background:#da76ec1a;border:2px solid #DA76EC;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:center}.staked-info-banner span{display:block;font-family:"Press Start 2P",monospace;color:#da76ec;font-size:1rem;margin-bottom:.75rem}.staked-info-banner p{color:#fffc;font-size:.75rem;line-height:1.6;margin:0}.prize-info{color:#fa0!important;font-size:1.2rem!important;font-weight:700;animation:prizeGlow 2s ease-in-out infinite}@keyframes prizeGlow{0%,to{text-shadow:0 0 10px rgba(255,170,0,.5)}50%{text-shadow:0 0 20px rgba(255,170,0,.8)}}.accept-btn{background:#da76ec;color:#000}.accept-btn:hover{background:#da76eccc;transform:scale(1.05);box-shadow:0 0 15px #da76ec}.decline-btn{background:#ff6347cc;color:#fff}.decline-btn:hover{background:tomato;transform:scale(1.05);box-shadow:0 0 15px #ff634780}.App .game-over{min-height:100vh;width:min(var(--max-content-width),calc(100% - 2 * var(--page-padding)));margin:0 auto;padding:var(--page-padding);background:transparent;color:var(--color-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--section-gap)}.App .game-over h1{font-size:clamp(2.2rem,3vw,3.2rem);color:var(--color-primary);text-shadow:0 0 24px rgba(218,118,236,.4)}.App .game-over .stats,.App .game-over .rankings,.App .game-over .actions{background:var(--color-surface);border:var(--border-width) solid rgba(218,118,236,.35);border-radius:var(--border-radius-lg);padding:clamp(1.5rem,2.6vw,2.4rem);box-shadow:var(--shadow-surface);width:min(620px,100%)}.App .game-over .actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.App .game-over button{border-radius:var(--border-radius-sm);padding:.85rem 1.6rem;font-size:var(--text-size-xs)}.my-wins-container{position:relative;min-height:100vh;padding:2rem 1rem;background-color:#000;color:#fff;border:2px solid #DA76EC;box-sizing:border-box;font-family:"Press Start 2P",monospace}.my-wins-header{max-width:1200px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.my-wins-header h1{font-size:2rem;margin:0;text-align:center;flex:1;color:#da76ec;text-shadow:0 0 10px #DA76EC,0 0 20px #DA76EC;letter-spacing:.2rem}.wallet-address{font-family:"Press Start 2P",monospace;color:#fdd040;padding:.75rem 1.5rem;background:#da76ec33;border:2px solid #DA76EC;border-radius:4px;font-size:.7rem}.wins-content{max-width:1200px;margin:0 auto}.loading,.error-message,.connect-wallet-prompt{text-align:center;padding:3rem 1rem;font-size:.8rem;color:#888}.no-wins{text-align:center;padding:3rem 1rem;display:flex;flex-direction:column;gap:1.5rem;background:#ffffff0d;border:2px solid #DA76EC;border-radius:8px;box-shadow:0 0 10px #da76ec33}.no-wins p:first-child{font-size:1.2rem;color:#da76ec;margin:0}.no-wins p:last-of-type{color:#888;font-size:.7rem;margin:0}.play-button{margin:1rem auto 0;padding:1rem 2rem;background:#da76ec;border:none;border-radius:4px;color:#000;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:"Press Start 2P",monospace;text-transform:uppercase}.play-button:hover{transform:scale(1.05);background:#da76eccc;box-shadow:0 0 15px #da76ec80}.wins-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.win-card{background:#ffffff0d;border:2px solid #DA76EC;border-radius:8px;padding:1.5rem;transition:all .3s ease;box-shadow:0 0 10px #da76ec33}.win-card:hover{background:#da76ec1a;transform:translateY(-2px);box-shadow:0 0 20px #da76ec66}.win-card.claimable{border-color:#fdd040;box-shadow:0 0 15px #fdd04033}.win-card.claimed{opacity:.7;border-color:#da76ec80}.win-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(218,118,236,.3)}.status-badge{padding:.5rem 1rem;border-radius:4px;font-size:.7rem;font-family:"Press Start 2P",monospace}.status-badge.unclaimed{background:#fdd04033;color:#fdd040;border:2px solid rgb(253,208,64)}.status-badge.claimed{background:#4caf5033;color:#4caf50;border:2px solid #4caf50}.win-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.7rem}.detail-value{color:#fff;font-family:"Press Start 2P",monospace}.prize-amount{color:#fdd040;font-size:1rem;font-weight:700}.tx-hash a{color:#da76ec;text-decoration:none;font-family:"Press Start 2P",monospace;font-size:.6rem;transition:color .3s ease}.tx-hash a:hover{color:#fdd040;text-shadow:0 0 5px rgba(253,208,64,.5)}.claim-button{width:100%;padding:1rem;background:#da76ec;border:none;border-radius:4px;color:#000;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:"Press Start 2P",monospace;text-transform:uppercase}.claim-button:hover:not(:disabled){transform:scale(1.05);background:#da76eccc;box-shadow:0 0 15px #da76ec80}.claim-button:disabled{opacity:.5;cursor:not-allowed;background:#da76ec4d}.transaction-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.transaction-modal{background:#000;border:2px solid #DA76EC;border-radius:8px;padding:3rem;text-align:center;box-shadow:0 0 30px #da76ec80;max-width:400px;font-family:"Press Start 2P",monospace}.transaction-modal h3{color:#fdd040;font-family:"Press Start 2P",monospace;font-size:.9rem;margin-bottom:2rem;line-height:1.5}.transaction-spinner{width:60px;height:60px;margin:0 auto;border:4px solid rgba(218,118,236,.2);border-top:4px solid #DA76EC;border-radius:50%;animation:spin 1s linear infinite}.transaction-modal p{color:#888;font-size:.7rem;margin-top:1.5rem;line-height:1.5;font-family:"Press Start 2P",monospace}.load-more-section{text-align:center;margin:3rem 0 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.load-more-button{padding:1rem 2rem;background:#da76ec;border:none;border-radius:4px;color:#000;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:"Press Start 2P",monospace;text-transform:uppercase}@media(max-width:768px){.my-wins-container{padding:1rem .5rem}.my-wins-header h1{font-size:1.5rem;letter-spacing:.1rem}.my-wins-header{flex-direction:column;align-items:stretch}.back-button,.wallet-address{text-align:center;font-size:.7rem}.wins-list{grid-template-columns:1fr}.win-header{flex-direction:column;gap:.75rem;align-items:flex-start}.room-code{font-size:.8rem}.status-badge{align-self:flex-start;font-size:.6rem}.detail-row{font-size:.6rem}.claim-button{font-size:.8rem}.transaction-modal{padding:2rem;max-width:90%}.transaction-modal h3{font-size:.8rem}}@media(max-width:480px){.my-wins-header h1{font-size:1.2rem}.back-button,.wallet-address{font-size:.6rem;padding:.6rem 1rem}.room-code{font-size:.7rem}.detail-row{font-size:.55rem}.claim-button{font-size:.7rem;padding:.8rem}}.App .my-wins-container{min-height:100vh;width:min(var(--max-content-width),calc(100% - 2 * var(--page-padding)));margin:0 auto;padding:var(--page-padding);border:none;background:transparent;display:flex;flex-direction:column;gap:var(--section-gap);color:var(--color-text)}.App .my-wins-container .my-wins-header{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-surface);padding:clamp(1.1rem,2.5vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.App .my-wins-container .my-wins-header h1{margin:0;font-size:clamp(1.6rem,2.4vw,2.4rem);color:var(--color-primary);text-shadow:0 0 20px rgba(218,118,236,.35)}.App .my-wins-container .back-button{order:-1;background:var(--color-primary);color:#05000f;border:none;box-shadow:0 0 18px #da76ec4d;padding:.75rem 1.5rem}.App .my-wins-container .wallet-address{background:#0a0018b3;border:var(--border-width) solid rgba(218,118,236,.35);border-radius:var(--border-radius-sm);font-size:var(--text-size-xs);padding:.75rem 1.4rem;color:var(--color-text-muted)}.App .my-wins-container .wins-content{display:flex;flex-direction:column;gap:var(--section-gap)}.App .my-wins-container .wins-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--content-gap);margin-top:0}.App .my-wins-container .win-card{background:var(--color-surface);border:var(--border-width) solid rgba(218,118,236,.35);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-surface);padding:clamp(1.3rem,2vw,2rem);transition:transform .2s ease,box-shadow .2s ease,border .2s ease}.App .my-wins-container .win-card:hover{transform:translateY(-3px);border-color:#da76ec8c;box-shadow:0 0 28px #da76ec59}.App .my-wins-container .win-card.claimable{border-color:#fdd040d9;box-shadow:0 0 24px #fdd04059}.App .my-wins-container .win-header{margin-bottom:1.25rem;border-bottom:1px solid rgba(218,118,236,.28);padding-bottom:1rem}.App .my-wins-container .detail-row{font-size:var(--text-size-xs);color:var(--color-text-muted)}.App .my-wins-container .claim-button{padding:.85rem 1.4rem;font-size:var(--text-size-xs);border-radius:var(--border-radius-sm)}.App .my-wins-container .no-wins,.App .my-wins-container .loading,.App .my-wins-container .error-message,.App .my-wins-container .connect-wallet-prompt{background:var(--color-surface);border:var(--border-width) solid rgba(218,118,236,.28);border-radius:var(--border-radius-lg);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:var(--shadow-surface);color:var(--color-text-muted)}.App .my-wins-container .play-button{padding:1rem 2rem}@media(max-width:768px){.App .my-wins-container{padding:clamp(1.25rem,4vw,2rem)}.App .my-wins-container .my-wins-header{align-items:flex-start}}.game-history-container{position:relative;min-height:100vh;padding:2rem 1rem;background-color:#000;color:#fff;border:2px solid #DA76EC;box-sizing:border-box;font-family:"Press Start 2P",monospace}.game-history-header{max-width:1200px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.game-history-header h1{font-size:2rem;margin:0;text-align:center;flex:1;color:#da76ec;text-shadow:0 0 10px #DA76EC,0 0 20px #DA76EC;letter-spacing:.2rem}.back-button{background:#da76ec;border:none;color:#000;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .3s ease;font-family:"Press Start 2P",monospace;text-transform:uppercase}.back-button:hover{transform:scale(1.05);background:#da76eccc;box-shadow:0 0 15px #da76ec80}.username-display{font-family:"Press Start 2P",monospace;color:#fdd040;padding:.75rem 1.5rem;background:#da76ec33;border:2px solid #DA76EC;border-radius:4px;font-size:.7rem}.stats-section{max-width:1296px;margin:0 auto 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:#ffffff0d;border:2px solid #DA76EC;border-radius:8px;padding:1.5rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 0 10px #da76ec33}.stat-card:hover{transform:translateY(-2px);box-shadow:0 0 20px #da76ec66}.stat-card.highlight{border-color:#fdd040;box-shadow:0 0 15px #fdd04033}.stat-card.highlight:hover{box-shadow:0 0 25px #fdd04066}.stat-label{font-size:.7rem;color:#888;text-transform:uppercase;font-family:"Press Start 2P",monospace}.stat-value{font-size:1.5rem;color:#fdd040;font-family:"Press Start 2P",monospace;font-weight:700;word-break:break-all;max-width:100%;overflow-wrap:break-word;text-align:center}.stat-card.highlight .stat-value{color:#fdd040;text-shadow:0 0 10px rgba(253,208,64,.5)}.filter-toolbar{max-width:1200px;margin:0 auto 2rem;display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem;background:#ffffff0d;border:2px solid #DA76EC;border-radius:8px;box-shadow:0 0 10px #da76ec33}.filter-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-group-label{font-size:.7rem;color:#888;font-family:"Press Start 2P",monospace;text-transform:uppercase}.filter-button{background:#da76ec33;border:2px solid #DA76EC;color:#da76ec;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.7rem;transition:all .3s ease;font-family:"Press Start 2P",monospace;text-transform:uppercase}.filter-button:hover{background:#da76ec4d;transform:scale(1.05)}.filter-button.active{background:#da76ec;color:#000;box-shadow:0 0 15px #da76ec80}.games-content{max-width:1200px;min-width:1200px;margin:0 auto}.loading,.error-message,.no-username-prompt{text-align:center;padding:3rem 1rem;font-size:.8rem;color:#888}.no-games{text-align:center;padding:3rem 1rem;display:flex;flex-direction:column;gap:1.5rem;background:#ffffff0d;border:2px solid #DA76EC;border-radius:8px;box-shadow:0 0 10px #da76ec33}.no-games p:first-child{font-size:1.2rem;color:#da76ec;margin:0}.no-games p:last-of-type{color:#888;font-size:.7rem;margin:0}.play-button,.go-home-button{margin:1rem auto 0;padding:1rem 2rem;background:#da76ec;border:none;border-radius:4px;color:#000;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:"Press Start 2P",monospace;text-transform:uppercase}.play-button:hover,.go-home-button:hover{transform:scale(1.05);background:#da76eccc;box-shadow:0 0 15px #da76ec80}.games-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.game-card{background:#ffffff0d;border:2px solid #DA76EC;border-radius:8px;padding:1.5rem;transition:all .3s ease;box-shadow:0 0 10px #da76ec33}.game-card:hover{background:#da76ec1a;transform:translateY(-2px);box-shadow:0 0 20px #da76ec66}.game-card.win{border-color:#4caf5080}.game-card.loss{border-color:#f4433680}.game-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(218,118,236,.3);flex-wrap:wrap;gap:.5rem}.game-header-left{display:flex;flex-direction:column;gap:.5rem}.room-code{font-family:"Press Start 2P",monospace;font-size:.9rem;color:#fdd040}.stake-badge{font-size:.6rem;color:#fdd040;padding:.3rem .6rem;background:#fdd04033;border:1px solid rgb(253,208,64);border-radius:4px;font-family:"Press Start 2P",monospace;align-self:flex-start}.result-badge{padding:.5rem 1rem;border-radius:4px;font-size:.7rem;font-family:"Press Start 2P",monospace;white-space:nowrap}.result-badge.win{background:#4caf5033;color:#4caf50;border:2px solid #4caf50}.result-badge.loss{background:#f4433633;color:#f44336;border:2px solid #f44336}.result-badge.draw{background:#9e9e9e33;color:#9e9e9e;border:2px solid #9e9e9e}.game-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;gap:1rem}.detail-label{color:#888;font-family:"Press Start 2P",monospace}.detail-value{color:#fff;font-family:"Press Start 2P",monospace;text-align:right}.detail-value.score{color:#fdd040;font-weight:700}.detail-value.date{font-size:.6rem;color:#888}.detail-value.claimed{color:#4caf50}.detail-value.unclaimed{color:#fdd040}.load-more-section{text-align:center;padding:2rem 1rem;display:flex;flex-direction:column;gap:1rem}.load-more-button{margin:0 auto;padding:1rem 2rem;background:#da76ec;border:none;border-radius:4px;color:#000;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:"Press Start 2P",monospace;text-transform:uppercase}.load-more-button:hover:not(:disabled){transform:scale(1.05);background:#da76eccc;box-shadow:0 0 15px #da76ec80}.load-more-button:disabled{opacity:.5;cursor:not-allowed;background:#da76ec4d}.pagination-info{font-size:.7rem;color:#888;font-family:"Press Start 2P",monospace;margin:0}@media(max-width:768px){.game-history-container{padding:1rem .5rem}.game-history-header h1{font-size:1.5rem;letter-spacing:.1rem}.game-history-header{flex-direction:column;align-items:stretch}.back-button,.username-display{text-align:center;font-size:.7rem}.stats-section{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.2rem}.filter-toolbar{flex-direction:column;gap:1rem;padding:1rem}.filter-group{flex-direction:column;align-items:stretch}.filter-button{text-align:center}.games-list{grid-template-columns:1fr}.game-header{flex-direction:column;align-items:flex-start}.room-code{font-size:.8rem}.result-badge{align-self:flex-start;font-size:.6rem}.detail-row{font-size:.6rem}.load-more-button{font-size:.8rem}}@media(max-width:480px){.game-history-header h1{font-size:1.2rem}.back-button,.username-display{font-size:.6rem;padding:.6rem 1rem}.stats-section{grid-template-columns:1fr}.stat-value{font-size:1rem}.stat-label,.filter-group-label{font-size:.6rem}.filter-button{font-size:.6rem;padding:.4rem .8rem}.room-code{font-size:.7rem}.detail-row{font-size:.55rem}.load-more-button{font-size:.7rem;padding:.8rem}}.App .game-history-container{min-height:100vh;width:min(var(--max-content-width),calc(100% - 2 * var(--page-padding)));margin:0 auto;padding:var(--page-padding);border:none;background:transparent;display:flex;flex-direction:column;gap:var(--section-gap);color:var(--color-text)}.App .game-history-container .game-history-header{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-surface);padding:clamp(1rem,2.5vw,2rem);display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);align-items:center;gap:clamp(.75rem,2vw,1.5rem)}.App .game-history-container .game-history-header h1{margin:0;font-size:clamp(1.6rem,2.4vw,2.4rem);color:var(--color-primary);text-shadow:0 0 20px rgba(218,118,236,.35);text-align:center;justify-self:center}.App .game-history-container .game-history-header .back-button{justify-self:flex-start}.App .game-history-container .address-display{position:static;justify-self:flex-end;width:min(100%,clamp(220px,26vw,320px));max-width:100%;padding:clamp(.6rem,1.5vw,1rem) clamp(.75rem,1.8vw,1.4rem);background:#0a0018b3;border:var(--border-width) solid rgba(218,118,236,.35);border-radius:var(--border-radius-md);box-shadow:var(--shadow-surface);display:flex;flex-direction:column;gap:.5rem}.App .game-history-container .address-display .address-row{font-size:var(--text-size-xs)}.App .game-history-container .address-display .username-value{font-size:var(--text-size-sm)}.App .game-history-container .back-button{background:var(--color-primary);color:#05000f;border:none;box-shadow:0 0 18px #da76ec4d;padding:.75rem 1.5rem}.App .game-history-container .stats-section,.App .game-history-container .filter-toolbar,.App .game-history-container .games-content{background:var(--color-surface);border:var(--border-width) solid rgba(218,118,236,.35);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-surface);padding:var(--block-padding)}.App .game-history-container .stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--content-gap)}.App .game-history-container .stat-card{background:#0c001cbf;border:1px solid rgba(218,118,236,.35);border-radius:var(--border-radius-md);box-shadow:none;transition:transform .2s ease,box-shadow .2s ease,border .2s ease}.App .game-history-container .stat-card:hover{transform:translateY(-2px);box-shadow:0 0 24px #da76ec52;border-color:#da76ec8c}.App .game-history-container .filter-toolbar{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center;justify-content:center}.App .game-history-container .filter-button{border-radius:var(--border-radius-sm);padding:.55rem 1.2rem}.App .game-history-container .games-content{display:flex;flex-direction:column;gap:var(--content-gap)}.App .game-history-container .games-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--content-gap)}.App .game-history-container .game-card{background:#0c001cbf;border:1px solid rgba(218,118,236,.35);border-radius:var(--border-radius-md);padding:clamp(1.3rem,2vw,1.9rem);transition:transform .2s ease,box-shadow .2s ease,border .2s ease}.App .game-history-container .game-card:hover{transform:translateY(-3px);border-color:#da76ec8c;box-shadow:0 0 24px #da76ec59}.App .game-history-container .game-card .room-code{color:var(--color-accent)}.App .game-history-container .no-games,.App .game-history-container .loading,.App .game-history-container .error-message{background:#0c001cbf;border:1px dashed rgba(218,118,236,.35);border-radius:var(--border-radius-md);padding:clamp(1.4rem,2.6vw,2.2rem);color:var(--color-text-muted)}.App .game-history-container .load-more-button{align-self:center}@media(max-width:1024px){.App .game-history-container .game-history-header{grid-template-columns:minmax(0,1fr);justify-items:stretch}.App .game-history-container .game-history-header h1{justify-self:flex-start;text-align:left}.App .game-history-container .game-history-header .back-button{justify-self:flex-start}.App .game-history-container .address-display{width:100%}}@media(max-width:768px){.App .game-history-container{padding:clamp(1.25rem,4vw,2rem)}.App .game-history-container .filter-toolbar{justify-content:flex-start}.App .game-history-container .games-list{grid-template-columns:1fr}}.unclaimed-stakes-container{width:100%;min-height:100vh;background:#000;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;position:relative;border:2px solid #DA76EC;box-sizing:border-box}.unclaimed-stakes-content{width:100%;max-width:1200px;padding:2rem;margin:0 auto}.header{margin-bottom:3rem;text-align:center;padding-top:1rem}.header-icon{font-size:3rem;margin-bottom:1rem;display:block}.header h1{font-family:"Press Start 2P",monospace;font-size:2.5rem;color:#da76ec;margin-bottom:.5rem;text-shadow:0 0 10px #DA76EC,0 0 20px #DA76EC,0 0 30px #DA76EC;animation:titlePulse 2s infinite;letter-spacing:.3rem}@keyframes titlePulse{0%,to{text-shadow:0 0 10px #DA76EC,0 0 20px #DA76EC,0 0 30px #DA76EC}50%{text-shadow:0 0 15px #DA76EC,0 0 25px #DA76EC,0 0 35px #DA76EC,0 0 45px #DA76EC}}.subtitle{color:#fff9;font-size:.8rem;margin-top:.5rem;font-family:"Press Start 2P",monospace;line-height:1.6}.btn-back{position:absolute;top:20px;left:20px;background:#da76ec33;color:#da76ec;border:2px solid #DA76EC;padding:.75rem 1.5rem;font-size:.8rem;font-family:"Press Start 2P",monospace;border-radius:8px;cursor:pointer;transition:all .3s ease;z-index:10}.btn-back:hover{background:#da76ec4d;transform:translateY(-2px);box-shadow:0 0 20px #da76ec80}.loading-state{text-align:center;padding:4rem 2rem}.spinner{width:40px;height:40px;border:4px solid rgba(218,118,236,.3);border-top:4px solid #DA76EC;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:3rem 1rem;display:flex;flex-direction:column;gap:1.5rem;background:#ffffff0d;border:2px solid #DA76EC;border-radius:8px;box-shadow:0 0 10px #da76ec33}.empty-icon{font-size:5rem;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h2{font-family:"Press Start 2P",monospace;color:#da76ec;font-size:1.3rem;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(218,118,236,.5);line-height:1.6}.empty-state p{color:#ffffffb3;font-size:.85rem;line-height:1.8;max-width:500px;margin:0 auto}.empty-hint{margin-top:1.5rem;font-size:.75rem;color:#ffffff80;font-family:"Press Start 2P",monospace;line-height:1.6}.error-state{text-align:center;padding:3rem 1rem;background:#ffffff0d;border:2px solid #ff5555;border-radius:8px;box-shadow:0 0 10px #ff55554d}.error-state h2{font-family:"Press Start 2P",monospace;color:#f55;font-size:1.3rem;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(255,85,85,.5)}.error-state p{color:#ffffffb3;font-size:.85rem;line-height:1.8;margin-bottom:2rem}.stakes-count{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.75rem 1.5rem;background:transparent;border:2px solid #DA76EC;border-radius:12px;font-family:"Press Start 2P",monospace;font-size:.85rem;color:#da76ec;box-shadow:0 0 15px #da76ec4d}.count-badge{background:#da76ec;color:#000;padding:.4rem .8rem;border-radius:6px;font-weight:700;font-size:.9rem}.stakes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.stake-card{background:#ffffff0d;border:2px solid #DA76EC;border-radius:8px;padding:1.5rem;transition:all .3s ease;box-shadow:0 0 10px #da76ec33}.stake-card:hover{background:#da76ec1a;transform:translateY(-2px);box-shadow:0 0 20px #da76ec66}.stake-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stake-info{display:flex;flex-direction:column;gap:.5rem}.room-code{font-family:"Press Start 2P",monospace;font-size:.85rem;color:#ffffffb3}.code-value{color:#da76ec;font-weight:700}.stake-date{font-size:.75rem;color:#ffffff80}.stake-amount{font-family:"Press Start 2P",monospace;font-size:1.25rem;color:#da76ec;font-weight:700}.stake-status{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(218,118,236,.2)}.status-badge{padding:.4rem .8rem;border-radius:6px;font-size:.7rem;font-family:"Press Start 2P",monospace;text-transform:uppercase}.status-badge.abandoned{background:#ffa50033;color:#fa0;border:1px solid rgba(255,165,0,.5)}.status-text{font-size:.85rem;color:#fff9}.btn-claim{width:100%;background:#da76ec;color:#000;border:2px solid #DA76EC;padding:1rem 1.5rem;font-size:.75rem;font-family:"Press Start 2P",monospace;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-weight:700}.btn-claim:hover:not(:disabled){background:#da76eccc;transform:scale(1.02);box-shadow:0 0 15px #da76ec80}.btn-claim:disabled{opacity:.5;cursor:not-allowed;background:#da76ec4d;box-shadow:none}.btn-spinner{width:16px;height:16px;border:2px solid #000;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}.error-message{background:#ff32321a;border:1px solid rgba(255,50,50,.3);border-radius:8px;padding:.75rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:#f88;line-height:1.5}.error-icon{flex-shrink:0;font-size:1.2rem}.tx-link{margin-top:.75rem;text-align:center}.tx-link a{color:#da76ec;font-size:.85rem;text-decoration:none;transition:all .3s ease}.tx-link a:hover{color:#e88ff1;text-decoration:underline}.transaction-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.transaction-modal{background:#da76ec1a;border:2px solid #DA76EC;border-radius:16px;padding:3rem;text-align:center;max-width:400px;box-shadow:0 0 40px #da76ec80}.spinner-large{width:60px;height:60px;border:4px solid rgba(218,118,236,.3);border-top:4px solid #DA76EC;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.transaction-modal h3{font-family:"Press Start 2P",monospace;color:#da76ec;font-size:1.2rem;margin-bottom:1rem}.transaction-modal p{color:#ffffffb3;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.tx-link-overlay{display:inline-block;background:#da76ec33;color:#da76ec;padding:.75rem 1.5rem;border:2px solid #DA76EC;border-radius:8px;text-decoration:none;font-size:.85rem;transition:all .3s ease}.tx-link-overlay:hover{background:#da76ec4d;transform:translateY(-2px);box-shadow:0 0 20px #da76ec80}@media(max-width:768px){.unclaimed-stakes-container{padding:1rem}.header h1{font-size:1.5rem}.stake-header{flex-direction:column;gap:1rem}.stake-amount{font-size:1rem}.transaction-modal{padding:2rem;margin:1rem}}.App .unclaimed-stakes-container{min-height:100vh;width:min(var(--max-content-width),calc(100% - 2 * var(--page-padding)));margin:0 auto;padding:var(--page-padding);border:none;background:transparent;display:flex;flex-direction:column;gap:var(--section-gap);color:var(--color-text)}.App .unclaimed-stakes-container .header{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-surface);padding:clamp(1.1rem,2.5vw,2rem);display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.App .unclaimed-stakes-container .header h1{margin:0;font-size:clamp(1.6rem,2.4vw,2.4rem);color:var(--color-primary);text-shadow:0 0 20px rgba(218,118,236,.35)}.App .unclaimed-stakes-container .back-button{background:var(--color-primary);color:#05000f;border:none;box-shadow:0 0 18px #da76ec4d;padding:.75rem 1.5rem}.App .unclaimed-stakes-container .stakes-content{display:flex;flex-direction:column;gap:var(--section-gap)}.App .unclaimed-stakes-container .stake-card{background:var(--color-surface);border:var(--border-width) solid rgba(218,118,236,.35);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-surface);padding:clamp(1.3rem,2vw,2rem);transition:transform .2s ease,border .2s ease,box-shadow .2s ease}.App .unclaimed-stakes-container .stake-card:hover{transform:translateY(-3px);border-color:#da76ec8c;box-shadow:0 0 28px #da76ec59}.App .unclaimed-stakes-container .stake-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.App .unclaimed-stakes-container .stake-amount{font-size:clamp(1.1rem,1.8vw,1.6rem);color:var(--color-accent)}.App .unclaimed-stakes-container .stake-actions{display:flex;gap:.85rem;flex-wrap:wrap}.App .unclaimed-stakes-container .claim-button,.App .unclaimed-stakes-container .forfeit-button{border-radius:var(--border-radius-sm);padding:.85rem 1.4rem;font-size:var(--text-size-xs)}.App .unclaimed-stakes-container .empty-state,.App .unclaimed-stakes-container .loading{background:var(--color-surface);border:var(--border-width) solid rgba(218,118,236,.28);border-radius:var(--border-radius-lg);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:var(--shadow-surface);color:var(--color-text-muted);text-align:center}.App .unclaimed-stakes-container .tx-link-overlay{border-radius:var(--border-radius-sm);border-width:var(--border-width)}@media(max-width:768px){.App .unclaimed-stakes-container{padding:clamp(1.25rem,4vw,2rem)}.App .unclaimed-stakes-container .stake-card{padding:clamp(1.2rem,4vw,1.6rem)}}.powerup-page{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;color:#f5f5f5}.powerup-header{display:flex;align-items:center;gap:1rem;justify-content:space-between}.powerup-header button{background:#2f1f4f;border:1px solid #7645d9;color:#f4ceff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.powerup-header button:hover{background:#3b2572}.powerup-card{background:#19112ed9;border:1px solid rgba(118,69,217,.4);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:1rem}.powerup-card header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.powerup-card header h3{margin:0;font-size:1.4rem}.powerup-card header button{background:transparent;border:1px solid rgba(244,206,255,.4);color:#f4ceff;padding:.35rem .8rem;border-radius:6px;cursor:pointer}.powerup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.powerup-tile{background:#140c26e6;border:1px solid rgba(244,206,255,.2);border-radius:12px;padding:1rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.5rem 1rem}.powerup-icon{font-size:2rem;line-height:1}.powerup-copy{display:flex;flex-direction:column;gap:.25rem}.powerup-copy h4{margin:0;font-size:1.1rem}.powerup-copy p{margin:0;color:#f5f5f5bf;font-size:.9rem}.powerup-tile dl{grid-column:1 / -1;display:flex;gap:1rem;margin:0}.powerup-tile dl div{display:flex;flex-direction:column;gap:.1rem}.powerup-tile dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#f4ceff99}.powerup-tile dd{margin:0;font-weight:600}.crate-section{display:flex;flex-direction:column;gap:.75rem}.crate-section button{align-self:flex-start;background:linear-gradient(135deg,#da76ec,#7645d9);border:none;color:#fff;padding:.6rem 1.2rem;border-radius:10px;cursor:pointer;transition:transform .15s ease}.crate-section button:hover{transform:translateY(-1px)}.delegation-form{display:flex;flex-direction:column;gap:.75rem;background:#0f0920bf;border:1px solid rgba(118,69,217,.25);border-radius:12px;padding:1rem}.delegation-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.delegation-form input,.delegation-form select{background:#090614e6;border:1px solid rgba(244,206,255,.18);border-radius:8px;padding:.5rem .75rem;color:#f5f5f5}.delegation-form button{align-self:flex-start;background:#2f1f4f;border:1px solid rgba(118,69,217,.5);color:#f4ceff;padding:.5rem 1rem;border-radius:8px;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.delegation-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.delegation-lists section{display:flex;flex-direction:column;gap:.75rem}.delegation-lists h4{margin:0}.delegation-lists ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.delegation-lists li{background:#0c071ae6;border:1px solid rgba(118,69,217,.2);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.35rem}.delegation-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.delegation-actions button{background:transparent;border:1px solid rgba(244,206,255,.4);color:#f4ceff;padding:.35rem .8rem;border-radius:6px;cursor:pointer}.powerup-error{background:#d24c6e26;border:1px solid rgba(210,76,110,.6);color:#ff9db6;padding:.75rem 1rem;border-radius:10px}.powerup-warning{background:#7645d92e;border:1px solid rgba(118,69,217,.55);color:#f4ceff;padding:.75rem 1rem;border-radius:10px}.empty{color:#f5f5f5b3;font-style:italic}@media(max-width:640px){.powerup-page,.powerup-card{padding:1rem}.powerup-grid{grid-template-columns:1fr}}.App .powerup-page{min-height:100vh;width:min(var(--max-content-width),calc(100% - 2 * var(--page-padding)));margin:0 auto;padding:var(--page-padding);display:flex;flex-direction:column;gap:var(--section-gap);color:var(--color-text)}.App .powerup-page .powerup-header{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-surface);padding:clamp(1.1rem,2.5vw,2rem);display:flex;flex-wrap:wrap;gap:1rem}.App .powerup-page .powerup-header h1,.App .powerup-page .powerup-header h2{margin:0;font-size:clamp(1.6rem,2.4vw,2.4rem);color:var(--color-primary);text-shadow:0 0 18px rgba(218,118,236,.3)}.App .powerup-page .powerup-header button{background:var(--color-primary);color:#05000f;border:none;border-radius:var(--border-radius-sm);padding:.75rem 1.6rem;box-shadow:0 0 20px #da76ec4d}.App .powerup-page .powerup-card{background:var(--color-surface);border:var(--border-width) solid rgba(218,118,236,.35);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-surface);padding:clamp(1.4rem,2.4vw,2.4rem)}.App .powerup-page .powerup-grid{gap:var(--content-gap)}.App .powerup-page .powerup-tile{background:#0c001ccc;border:1px solid rgba(218,118,236,.35);border-radius:var(--border-radius-md);padding:clamp(1rem,2vw,1.6rem);box-shadow:none}.App .powerup-page .delegation-form,.App .powerup-page .delegation-lists section,.App .powerup-page .crate-section{background:#0c001cb3;border:1px solid rgba(218,118,236,.3);border-radius:var(--border-radius-md);padding:clamp(1rem,2vw,1.6rem)}.App .powerup-page .delegation-form button,.App .powerup-page .crate-section button{border-radius:var(--border-radius-sm)}@media(max-width:768px){.App .powerup-page{padding:clamp(1.25rem,4vw,2rem)}}.speaker-icon-button{position:fixed!important;bottom:20px;left:20px;width:48px;height:48px;border:2px solid #DA76EC;border-radius:50%;background:#000c;color:#da76ec;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:9999;padding:0;box-shadow:0 4px 12px #da76ec4d;pointer-events:auto}.speaker-icon-button:hover{background:#da76ec33;transform:scale(1.1);box-shadow:0 6px 20px #da76ec80}.speaker-icon-button:active{transform:scale(.95)}.speaker-icon-button svg{width:24px;height:24px}@media(max-width:768px){.speaker-icon-button{width:44px;height:44px;bottom:15px;left:15px}.speaker-icon-button svg{width:22px;height:22px}}.App{flex:1;display:flex;flex-direction:column;min-height:100vh;width:100%;background:transparent;color:var(--color-text)}