*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[data-theme=dark]{--bg-page: #0f0f1a;--bg-surface: #181828;--bg-board: #1e1e32;--bg-cell: rgba(255, 255, 255, .04);--text-primary: #f0f0f5;--text-secondary: rgba(240, 240, 245, .6);--text-muted: rgba(240, 240, 245, .28);--accent: #fbbf24;--accent-soft: rgba(251, 191, 36, .12);--accent-hover: #fcd34d;--accent-glow: 0 0 20px rgba(251, 191, 36, .15);--btn-primary-bg: linear-gradient(135deg, #fbbf24, #f59e0b);--btn-primary-text: #1a1a2e;--btn-primary-shadow: 0 2px 12px rgba(251, 191, 36, .25);--btn-secondary-bg: rgba(255, 255, 255, .05);--btn-secondary-border: rgba(255, 255, 255, .08);--btn-secondary-text: rgba(255, 255, 255, .65);--btn-disabled-bg: rgba(255, 255, 255, .02);--btn-disabled-text: rgba(255, 255, 255, .18);--modal-bg: rgba(6, 6, 18, .88);--overlay-blur: 12px;--board-border: rgba(255, 255, 255, .04);--score-bg: rgba(255, 255, 255, .04);--score-border: rgba(255, 255, 255, .06);--section-bg: rgba(255, 255, 255, .025);--section-border: rgba(255, 255, 255, .05);--dir-btn-bg: rgba(255, 255, 255, .04);--dir-btn-border: rgba(255, 255, 255, .08);--dir-btn-text: rgba(255, 255, 255, .55);--focus-ring: rgba(251, 191, 36, .5);--divider: rgba(255, 255, 255, .05);--input-bg: rgba(255, 255, 255, .04);--input-border: rgba(255, 255, 255, .08);--card-shadow: 0 4px 24px rgba(0, 0, 0, .3)}[data-theme=light]{--bg-page: #f8f6f1;--bg-surface: #ffffff;--bg-board: #c5b9a8;--bg-cell: rgba(0, 0, 0, .05);--text-primary: #1c1917;--text-secondary: rgba(28, 25, 23, .55);--text-muted: rgba(28, 25, 23, .28);--accent: #b45309;--accent-soft: rgba(180, 83, 9, .08);--accent-hover: #92400e;--accent-glow: 0 0 20px rgba(180, 83, 9, .1);--btn-primary-bg: linear-gradient(135deg, #b45309, #92400e);--btn-primary-text: #fff;--btn-primary-shadow: 0 2px 12px rgba(180, 83, 9, .2);--btn-secondary-bg: rgba(0, 0, 0, .04);--btn-secondary-border: rgba(0, 0, 0, .08);--btn-secondary-text: #666;--btn-disabled-bg: rgba(0, 0, 0, .025);--btn-disabled-text: rgba(0, 0, 0, .18);--modal-bg: rgba(248, 246, 241, .92);--overlay-blur: 8px;--board-border: rgba(0, 0, 0, .06);--score-bg: rgba(0, 0, 0, .04);--score-border: transparent;--section-bg: rgba(0, 0, 0, .025);--section-border: rgba(0, 0, 0, .06);--dir-btn-bg: rgba(0, 0, 0, .06);--dir-btn-border: rgba(0, 0, 0, .08);--dir-btn-text: rgba(0, 0, 0, .55);--focus-ring: rgba(180, 83, 9, .45);--divider: rgba(0, 0, 0, .06);--input-bg: rgba(0, 0, 0, .035);--input-border: rgba(0, 0, 0, .08);--card-shadow: 0 2px 16px rgba(0, 0, 0, .06)}.tile{--tile-bg: #eee4da;--tile-fg: #776e65;--tile-shadow: rgba(0, 0, 0, .06)}.tile-2{--tile-bg: #eee4da;--tile-fg: #776e65}.tile-4{--tile-bg: #ede0c8;--tile-fg: #776e65}.tile-8{--tile-bg: #f2b179;--tile-fg: #f9f6f2;--tile-shadow: rgba(242, 177, 121, .35)}.tile-16{--tile-bg: #f59563;--tile-fg: #f9f6f2;--tile-shadow: rgba(245, 149, 99, .35)}.tile-32{--tile-bg: #f67c5f;--tile-fg: #f9f6f2;--tile-shadow: rgba(246, 124, 95, .4)}.tile-64{--tile-bg: #f65e3b;--tile-fg: #f9f6f2;--tile-shadow: rgba(246, 94, 59, .4)}.tile-128{--tile-bg: #edcf72;--tile-fg: #f9f6f2;--tile-shadow: rgba(237, 207, 114, .4)}.tile-256{--tile-bg: #edcc61;--tile-fg: #f9f6f2;--tile-shadow: rgba(237, 204, 97, .4)}.tile-512{--tile-bg: #edc850;--tile-fg: #f9f6f2;--tile-shadow: rgba(237, 200, 80, .5)}.tile-1024{--tile-bg: #edc53f;--tile-fg: #f9f6f2;--tile-shadow: rgba(237, 197, 63, .5)}.tile-2048{--tile-bg: #edc22e;--tile-fg: #f9f6f2;--tile-shadow: rgba(237, 194, 46, .6)}.tile-super{--tile-bg: linear-gradient(135deg, #ff6b6b, #ee5a24, #f9ca24, #6ab04c, #7ed6df, #e056fd);--tile-fg: #f9f6f2;--tile-shadow: rgba(238, 90, 36, .45)}html,body,#root{min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{font-family:inherit;line-height:inherit}body{background:var(--bg-page);color:var(--text-primary);transition:background-color .4s ease,color .4s ease}.game-page{min-height:100vh;display:flex;justify-content:center;padding:1.25rem 1rem}.game-wrapper{width:100%;max-width:480px}.game-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.header-left{flex:1;min-width:0}.title{font-size:3rem;font-weight:900;letter-spacing:-.06em;line-height:1;background:var(--btn-primary-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.6rem}.score-area{display:flex;gap:.35rem;flex-wrap:wrap}.score-box{display:flex;flex-direction:column;align-items:center;background:var(--score-bg);border:1px solid var(--score-border);border-radius:10px;padding:.3rem .7rem;min-width:62px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.score-label{font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.score-value{font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1.3}.theme-toggle{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text);border-radius:10px;width:42px;height:42px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-toggle:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:var(--accent-glow)}.theme-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.controls-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.85rem;flex-wrap:wrap}.size-select{display:flex;gap:2px;background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);border-radius:8px;padding:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.size-btn{background:transparent;border:none;color:var(--text-secondary);padding:.3rem .65rem;border-radius:6px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease}.size-btn:hover{color:var(--text-primary);background:#ffffff0a}.size-btn.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 2px 8px #00000026}.size-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.action-buttons{display:flex;gap:.3rem}.btn{border-radius:8px;padding:.45rem .95rem;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:none;letter-spacing:-.01em}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--btn-primary-shadow)}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:var(--accent-soft);color:var(--accent);border-color:#fbbf2433;filter:none}.btn-secondary:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:not-allowed;filter:none;border-color:transparent}.board-container{position:relative;margin-bottom:.85rem}.board{position:relative;width:100%;aspect-ratio:1;background:var(--bg-board);border-radius:14px;border:1px solid var(--board-border);display:grid;gap:6px;padding:6px;touch-action:none;user-select:none;-webkit-user-select:none;transition:background-color .4s ease;contain:layout style;box-shadow:0 8px 32px #00000026}.board-3{grid-template-columns:repeat(3,1fr)}.board-4{grid-template-columns:repeat(4,1fr)}.board-5{grid-template-columns:repeat(5,1fr)}.board-6{grid-template-columns:repeat(6,1fr)}.cell-bg{background:var(--bg-cell);border-radius:8px;aspect-ratio:1}.tile-layer{position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;contain:layout style}.tile{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;background:var(--tile-bg);color:var(--tile-fg);user-select:none;-webkit-user-select:none;will-change:transform;box-shadow:0 2px 8px var(--tile-shadow, rgba(0, 0, 0, .06));transition:box-shadow .2s ease;letter-spacing:-.02em}.tile-128,.tile-256,.tile-512,.tile-1024,.tile-2048{text-shadow:0 1px 3px rgba(0,0,0,.12)}.tile-2048{box-shadow:0 4px 20px #edc22e73}.tile-super{background:linear-gradient(135deg,#ff6b6b,#ee5a24,#f9ca24,#6ab04c,#7ed6df,#e056fd);box-shadow:0 4px 20px #ee5a2466;text-shadow:0 1px 3px rgba(0,0,0,.25)}.tile-merge{animation:tile-merge .18s ease}.tile-new{animation:tile-new .22s cubic-bezier(.34,1.56,.64,1)}@keyframes tile-merge{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes tile-new{0%{transform:scale(0);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.direction-buttons{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:5px;width:144px;margin:.85rem auto 0}.dir-btn{display:flex;align-items:center;justify-content:center;background:var(--dir-btn-bg);border:1px solid var(--dir-btn-border);color:var(--dir-btn-text);border-radius:10px;width:100%;aspect-ratio:1;font-size:1rem;cursor:pointer;transition:all .2s ease;will-change:transform;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dir-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:#fbbf2433}.dir-btn:active{transform:scale(.9)}.dir-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.dir-up{grid-column:2;grid-row:1}.dir-left{grid-column:1;grid-row:2}.dir-right{grid-column:3;grid-row:2}.dir-down{grid-column:2;grid-row:2}.help-section{margin-bottom:.75rem;background:var(--section-bg);border:1px solid var(--section-border);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s ease}.help-summary{padding:.6rem .85rem;font-size:.8rem;font-weight:700;color:var(--text-secondary);cursor:pointer;list-style:none;letter-spacing:-.01em}.help-summary::-webkit-details-marker{display:none}.help-summary:before{content:"▸";display:inline-block;transition:transform .25s ease;margin-right:.3rem;color:var(--accent);font-size:.72rem}details[open]>.help-summary:before{transform:rotate(90deg)}.help-content{padding:0 .85rem .7rem;font-size:.78rem;color:var(--text-secondary);line-height:1.7}.help-content p{margin-bottom:.35rem}.help-content strong{color:var(--text-primary);font-weight:600}.stats-panel{background:var(--section-bg);border:1px solid var(--section-border);border-radius:12px;padding:.65rem .85rem;margin-bottom:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.8rem;color:var(--text-secondary);border-bottom:1px solid var(--divider)}.stat-row:last-child{border-bottom:none}.stat-row span:last-child{font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.game-footer{text-align:center;color:var(--text-muted);font-size:.72rem;letter-spacing:.02em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-bg);-webkit-backdrop-filter:blur(var(--overlay-blur));backdrop-filter:blur(var(--overlay-blur));display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease;will-change:opacity;padding:1rem}.modal{background:var(--bg-surface);border:1px solid var(--section-border);border-radius:20px;padding:2rem 2.25rem;text-align:center;max-width:340px;width:100%;box-shadow:0 24px 64px #00000059;animation:modalSlide .3s cubic-bezier(.34,1.56,.64,1)}.modal:focus{outline:none}.modal:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.modal-title{font-size:2.1rem;font-weight:900;margin-bottom:.4rem;letter-spacing:-.04em}.win-title{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.over-title{color:var(--text-primary)}.modal-score{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.5rem;font-variant-numeric:tabular-nums}.modal-buttons{display:flex;gap:.5rem;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlide{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.tile-merge,.tile-new,.modal-overlay,.modal{animation:none!important}*{transition-duration:.01ms!important}}.guestbook{margin-bottom:.75rem}.guestbook-content{padding-top:.5rem}.guestbook-form{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.65rem}.guestbook-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:.5rem .7rem;font-size:.8rem;color:var(--text-primary);font-family:inherit;resize:vertical;min-height:0;transition:border-color .2s ease,box-shadow .2s ease}.guestbook-input::placeholder{color:var(--text-muted)}.guestbook-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.guestbook-textarea{min-height:2.8rem}.guestbook-form-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.guestbook-char-count{font-size:.68rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.guestbook-error{font-size:.73rem;color:#f87171;margin-top:.2rem}.guestbook-empty{font-size:.76rem;color:var(--text-muted);text-align:center;padding:.5rem 0}.guestbook-list{list-style:none;display:flex;flex-direction:column;gap:.4rem;max-height:20rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}.guestbook-entry{background:var(--input-bg);border-radius:8px;padding:.5rem .7rem;transition:background .15s ease}.guestbook-entry:hover{background:var(--accent-soft)}.guestbook-meta{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.2rem}.guestbook-meta strong{font-size:.76rem;font-weight:700;color:var(--text-primary)}.guestbook-meta span{font-size:.62rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.guestbook-msg{font-size:.78rem;color:var(--text-secondary);line-height:1.5;word-break:break-word}.reward-card{background:var(--section-bg);border:1px solid var(--section-border);border-radius:14px;overflow:hidden;margin-bottom:.75rem;position:relative;contain:layout style;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s ease}.reward-banner{background:linear-gradient(135deg,#059669,#10b981,#059669);padding:1.1rem 1.2rem;position:relative;overflow:hidden}.reward-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 85%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 85% 15%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.reward-banner-text{position:relative;z-index:1}.reward-token-name{font-size:1.15rem;font-weight:900;color:#fff;letter-spacing:-.02em;margin-bottom:.15rem}.reward-amount{font-size:.76rem;color:#ffffffd9;font-weight:500}.reward-chain{font-size:.62rem;color:#ffffff8c;margin-top:.25rem;font-weight:500}.reward-timer-section{padding:1rem 1.2rem .8rem;text-align:center}.reward-status{display:inline-block;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .7rem;border-radius:20px;margin-bottom:.5rem}.reward-status-ready{background:#10b9811f;color:#10b981}.reward-status-cooldown{background:#f59e0b1f;color:#f59e0b}.reward-timer{font-size:2.6rem;font-weight:900;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";color:var(--text-primary);line-height:1.1;letter-spacing:.05em;margin-bottom:.15rem;font-family:ui-monospace,Cascadia Mono,SF Mono,Fira Mono,Menlo,monospace}.reward-timer-ready{color:#10b981}.reward-timer-label{font-size:.68rem;color:var(--text-muted)}.reward-stats{display:flex;align-items:center;justify-content:center;gap:0;padding:.65rem 1.2rem;margin:0 .85rem .85rem;background:var(--score-bg);border:1px solid var(--score-border);border-radius:10px}.reward-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.1rem}.reward-stat-value{font-size:.92rem;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.reward-stat-label{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.reward-stat-divider{width:1px;height:28px;background:var(--divider);flex-shrink:0}.reward-claim-btn{display:block;width:calc(100% - 1.7rem);margin:0 .85rem .85rem;padding:.8rem 1rem;border:none;border-radius:10px;font-size:.88rem;font-weight:800;font-family:inherit;cursor:pointer;transition:all .25s ease;background:#80808026;color:#80808099;letter-spacing:-.01em}.reward-claim-btn-ready{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 20px #10b9814d}.reward-claim-btn-ready:hover{transform:translateY(-2px);box-shadow:0 8px 28px #10b98166}.reward-claim-btn-ready:active{transform:translateY(0);box-shadow:0 2px 12px #10b98140}.reward-claim-btn-loading{cursor:not-allowed;opacity:.85}.reward-claim-btn:disabled:not(.reward-claim-btn-loading){cursor:default}.reward-claim-loading{display:inline-flex;align-items:center;gap:.5rem}.reward-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:reward-spin .6s linear infinite}@keyframes reward-spin{to{transform:rotate(360deg)}}.reward-wallet-status{text-align:center;font-size:.66rem;color:var(--text-muted);margin:-.4rem 0 .65rem;font-variant-numeric:tabular-nums}.reward-links{display:flex;gap:.3rem;padding:0 .85rem .85rem}.reward-link-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .6rem;background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);border-radius:7px;font-size:.66rem;font-weight:700;font-family:inherit;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reward-link-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:#fbbf2440;filter:none}.reward-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;background:radial-gradient(2.5px 2.5px at 15% 25%,#10b981 0%,transparent 100%),radial-gradient(2.5px 2.5px at 35% 40%,#fbbf24 0%,transparent 100%),radial-gradient(2.5px 2.5px at 55% 15%,#f87171 0%,transparent 100%),radial-gradient(2.5px 2.5px at 75% 55%,#60a5fa 0%,transparent 100%),radial-gradient(2.5px 2.5px at 85% 35%,#a78bfa 0%,transparent 100%),radial-gradient(2.5px 2.5px at 25% 70%,#fb923c 0%,transparent 100%),radial-gradient(2.5px 2.5px at 65% 80%,#10b981 0%,transparent 100%),radial-gradient(2.5px 2.5px at 45% 60%,#f472b6 0%,transparent 100%);animation:confetti-burst 2.8s ease-out forwards}@keyframes confetti-burst{0%{opacity:1;transform:scale(.3) rotate(0)}30%{opacity:1;transform:scale(1.2) rotate(8deg)}70%{opacity:.7}to{opacity:0;transform:scale(1.5) rotate(-3deg)}}.footer-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.6rem}.btn-tertiary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-tertiary:hover{background:var(--accent-soft);color:var(--accent);border-color:#fbbf2433;filter:none}.crypto-tip-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem}.crypto-icon{flex-shrink:0}.crypto-modal{max-width:380px;text-align:left;padding:1.6rem 1.5rem 1.3rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.1rem}.crypto-modal-title{margin-bottom:0;font-size:1.4rem}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.15rem;cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close:hover{background:var(--btn-secondary-bg);color:var(--text-primary)}.crypto-subtitle{font-size:.76rem;color:var(--text-muted);margin-bottom:1rem}.crypto-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:1rem}.crypto-amount-btn{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text);border-radius:10px;padding:.6rem .3rem;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.crypto-amount-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.crypto-amount-btn.selected{background:var(--btn-primary-bg);border-color:transparent;color:var(--btn-primary-text);box-shadow:var(--btn-primary-shadow)}.crypto-custom-wrap{grid-column:1 / -1;position:relative}.crypto-custom-input{width:100%;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);border-radius:10px;padding:.6rem 3.5rem .6rem .8rem;font-size:.82rem;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.crypto-custom-input::placeholder{color:var(--text-muted)}.crypto-custom-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.crypto-custom-suffix{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);font-size:.73rem;font-weight:700;color:var(--text-muted);pointer-events:none}.crypto-status{font-size:.78rem;color:var(--text-secondary);margin-bottom:.85rem;text-align:center}.crypto-status-error{color:#f87171}.crypto-send-btn{width:100%;padding:.7rem;font-size:.86rem;border:none}.crypto-hint{font-size:.7rem;color:var(--text-muted);text-align:center;margin-top:.65rem;line-height:1.5}.crypto-success{text-align:center;padding:1rem 0}.crypto-success-icon{width:56px;height:56px;border-radius:50%;background:#10b9811a;color:#10b981;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto .85rem}.crypto-success-text{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.crypto-tx-link{display:inline-block;font-size:.78rem;color:var(--accent);text-decoration:none;margin-bottom:1rem;transition:opacity .2s ease}.crypto-tx-link:hover{opacity:.8}.crypto-done-btn{border:none;padding:.5rem 1.5rem}.qr-section-wrap{margin-bottom:.75rem}.qr-section{padding-top:.3rem}.qr-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.qr-input-row{display:flex;gap:.4rem}.qr-input{flex:1;min-width:0;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:.5rem .7rem;font-size:.82rem;color:var(--text-primary);font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.qr-input::placeholder{color:var(--text-muted)}.qr-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.qr-generate-btn{flex-shrink:0;padding:.5rem 1.1rem}.qr-ecl-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.qr-ecl-label{font-size:.73rem;color:var(--text-secondary);font-weight:700}.qr-ecl-options{display:flex;gap:2px;background:var(--btn-secondary-bg);border-radius:6px;padding:3px}.qr-ecl-btn{background:transparent;border:none;color:var(--text-secondary);padding:.22rem .6rem;border-radius:5px;font-size:.7rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease}.qr-ecl-btn:hover{color:var(--text-primary)}.qr-ecl-btn.active{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.qr-ecl-desc{font-size:.66rem;color:var(--text-muted)}.qr-result{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:.85rem;background:var(--input-bg);border-radius:10px}.qr-display{width:180px;height:180px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:10px;box-shadow:0 4px 16px #00000014}.qr-display svg{width:100%;height:100%;display:block}.qr-actions{display:flex;gap:.4rem}.qr-actions .btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.73rem;padding:.35rem .75rem}.qr-hint{font-size:.66rem;color:var(--text-muted);text-align:center}.qr-error{font-size:.73rem;color:#f87171;margin-bottom:.5rem;text-align:center}.qr-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;color:var(--text-muted);font-size:.76rem}@media(max-width:400px){.title{font-size:2.4rem}.score-box{min-width:52px;padding:.25rem .55rem}.score-value{font-size:1.05rem}.board{gap:4px;padding:4px;border-radius:10px}.board-3{gap:4px;padding:4px}.board-5,.board-6{gap:3px;padding:3px}.controls-row{flex-direction:column;align-items:stretch}.action-buttons{justify-content:center;flex-wrap:wrap}.direction-buttons{width:124px}.reward-timer{font-size:2.1rem}.reward-banner{padding:.9rem 1rem}.reward-token-name{font-size:1rem}.reward-links{flex-wrap:wrap}.cell-bg,.tile{border-radius:6px}.qr-input-row{flex-direction:column}.qr-generate-btn{width:100%}.qr-ecl-row{flex-direction:column;align-items:flex-start;gap:.3rem}.qr-display{width:150px;height:150px}}@media(min-width:768px){.game-wrapper{max-width:520px}.title{font-size:3.4rem}.score-value{font-size:1.3rem}}@media(min-width:1280px){.game-wrapper{max-width:560px}}