:root{--color-bg-deep: #0a0f1e;--color-bg-mid: #1a2a4a;--color-bg-panel: rgba(8, 12, 24, .85);--color-bg-card: rgba(13, 24, 48, .9);--color-bg-card-hover: rgba(26, 58, 90, .9);--color-accent-gold: #f5a623;--color-accent-gold-bright: #ffcc44;--color-accent-blue: #4a90d9;--color-accent-green: #4caf50;--color-accent-purple: #a855f7;--color-accent-red: #ff4444;--color-text-primary: #e8e8ff;--color-text-secondary: #aabbdd;--color-text-muted: #556688;--color-text-dim: #334466;--color-border: rgba(51, 68, 102, .8);--color-border-gold: rgba(245, 166, 35, .7);--color-border-highlight: rgba(74, 144, 217, .4);--font-mono: "Courier New", "Courier", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .3);--shadow-modal: 0 8px 48px rgba(0, 0, 0, .7), 0 2px 8px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--color-bg-deep);color:var(--color-text-primary);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--color-bg-deep) 0%,var(--color-bg-mid) 100%)}.app{display:flex;flex-direction:column;min-height:100vh}.app__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px}.app__ca{margin-top:8px;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px}.app__ca-label{color:var(--color-text-muted);letter-spacing:.05em}.app__ca-value{color:var(--color-orange);letter-spacing:.03em;user-select:all}.app__motoswap-btn{display:inline-block;margin-top:8px;padding:7px 20px;background:#f7931a;color:#000;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;border-radius:4px;text-decoration:none;text-transform:uppercase;transition:opacity .15s}.app__motoswap-btn:hover{opacity:.85}.wallet-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}.wallet-bar__brand{display:flex;flex-direction:column;gap:2px}.wallet-bar__logo{font-size:18px;font-weight:700;color:var(--color-accent-gold);letter-spacing:3px}.wallet-bar__subtitle{font-size:10px;color:var(--color-text-muted);letter-spacing:1px}.wallet-bar__right{display:flex;align-items:center;gap:12px}.wallet-bar__info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.wallet-bar__balance{display:flex;align-items:baseline;gap:6px}.wallet-bar__balance-label{font-size:10px;color:var(--color-text-muted);letter-spacing:2px}.wallet-bar__balance-value{font-size:16px;color:var(--color-accent-gold);font-variant-numeric:tabular-nums;letter-spacing:.5px}.wallet-bar__address{font-size:11px;color:var(--color-text-secondary);background:var(--color-bg-card);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.wallet-bar__connect-area{display:flex;align-items:center;gap:10px}.wallet-bar__error{font-size:11px;color:var(--color-accent-red);max-width:200px}.wallet-bar__btn{background:var(--color-accent-gold);color:var(--color-bg-deep);border:none;padding:8px 18px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:background .15s ease,transform .1s ease}.wallet-bar__btn:hover:not(:disabled){background:var(--color-accent-gold-bright);transform:translateY(-1px)}.wallet-bar__btn:active:not(:disabled){transform:translateY(0)}.wallet-bar__btn:disabled{background:var(--color-text-dim);color:var(--color-text-muted);cursor:not-allowed;transform:none}.game-canvas-wrapper{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card),0 0 40px #4a90d91a;border:1px solid var(--color-border-highlight)}.game-canvas{display:block;background:var(--color-bg-deep)}.game-canvas canvas{display:block}.modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-card);border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);padding:28px 32px;min-width:340px;max-width:480px;width:90vw;box-shadow:var(--shadow-modal),0 0 60px #f5a6231a;animation:slideIn .25s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal__title{font-size:22px;font-weight:700;color:var(--color-accent-gold);letter-spacing:3px}.modal__close{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);width:28px;height:28px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:color .15s,border-color .15s}.modal__close:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.modal__level-info{margin-bottom:16px}.modal__level-name{font-size:14px;color:var(--color-text-secondary);letter-spacing:2px;text-transform:uppercase}.modal__score-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.modal__stat{background:#0a0f1e99;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;display:flex;flex-direction:column;gap:4px}.modal__stat-label{font-size:10px;color:var(--color-text-muted);letter-spacing:2px}.modal__stat-value{font-size:24px;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.modal__stat-value--gold{color:var(--color-accent-gold)}.modal__claim-section{margin-bottom:20px;min-height:80px}.modal__not-connected{padding:16px;background:#0a0f1e66;border:1px solid var(--color-border);border-radius:var(--radius-md)}.modal__hint{font-size:12px;color:var(--color-text-muted);line-height:1.5}.modal__claim-ready{display:flex;flex-direction:column;align-items:center;gap:12px}.modal__claim-amount{font-size:14px;color:var(--color-text-secondary)}.modal__claim-btn{background:var(--color-accent-gold);color:var(--color-bg-deep);border:none;padding:12px 32px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:background .15s,transform .1s;width:100%}.modal__claim-btn:hover{background:var(--color-accent-gold-bright);transform:translateY(-1px)}.modal__claim-btn:active{transform:translateY(0)}.modal__cooldown{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;background:#0a0f1e66;border:1px solid var(--color-border);border-radius:var(--radius-md)}.modal__cooldown-label{font-size:11px;color:var(--color-text-muted);letter-spacing:1px}.modal__cooldown-timer{font-size:28px;font-weight:700;color:var(--color-accent-blue);font-variant-numeric:tabular-nums}.modal__cooldown-hint{font-size:10px;color:var(--color-text-dim)}.modal__claiming{display:flex;flex-direction:column;align-items:center;gap:10px}.modal__claiming-label{font-size:12px;color:var(--color-text-muted)}.modal__success{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:var(--radius-md)}.modal__success-label{font-size:14px;color:var(--color-accent-green);font-weight:700}.modal__txid{font-size:11px;color:var(--color-text-muted)}.modal__txid-value{color:var(--color-text-secondary);font-family:var(--font-mono)}.modal__explorer-links{display:flex;gap:12px}.modal__explorer-link{font-size:11px;color:var(--color-accent-blue);text-decoration:none;border-bottom:1px solid rgba(74,144,217,.3);padding-bottom:1px;transition:color .15s,border-color .15s}.modal__explorer-link:hover{color:var(--color-accent-gold-bright);border-color:var(--color-accent-gold-bright)}.modal__error{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#ff444414;border:1px solid rgba(255,68,68,.2);border-radius:var(--radius-md)}.modal__error-label{font-size:12px;color:var(--color-accent-red);font-weight:700}.modal__error-msg{font-size:11px;color:var(--color-text-muted);text-align:center}.modal__retry-btn{background:transparent;border:1px solid var(--color-accent-red);color:var(--color-accent-red);padding:6px 16px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:background .15s}.modal__retry-btn:hover{background:#ff444426}.modal__actions{display:flex;gap:12px}.modal__next-btn{flex:1;background:transparent;border:1px solid var(--color-border-gold);color:var(--color-accent-gold);padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:background .15s,color .15s}.modal__next-btn:hover{background:#f5a6231a;color:var(--color-accent-gold-bright)}.skeleton{background:linear-gradient(90deg,#3466,#4a648c99,#3466);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer 1.5s infinite;height:16px}.skeleton--wide{width:100%}.skeleton--narrow{width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.modal__skeleton-row{display:flex;flex-direction:column;gap:8px;padding:12px 0}.level-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.level-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;font-family:var(--font-mono)}.level-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-gold);transform:translateY(-2px)}.level-card__number{font-size:22px;font-weight:700;color:var(--color-text-muted)}.level-card__name{font-size:12px;color:var(--color-text-secondary)}.level-card__pegs{font-size:10px;color:var(--color-accent-gold)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 860px){.wallet-bar{padding:8px 12px}.wallet-bar__logo{font-size:15px}.modal{padding:20px 16px}}.game-canvas-wrapper{width:800px;height:600px;flex-shrink:0;position:relative;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.game-canvas{width:800px;height:600px}.game-canvas canvas{display:block;width:800px!important;height:600px!important}.app__footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:8px 20px;background:#080c18eb;border-top:1px solid var(--color-border);backdrop-filter:blur(8px);z-index:90}.app__footer-addr{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);letter-spacing:.05em}.app__disconnect-btn{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-red);background:transparent;border:1px solid var(--color-accent-red);border-radius:var(--radius-sm);padding:4px 12px;cursor:pointer;transition:background .15s,color .15s}.app__disconnect-btn:hover{background:var(--color-accent-red);color:#fff}