*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#0b0b0b;overflow:hidden;overscroll-behavior:none}body{display:flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#game-wrap{position:relative;aspect-ratio:720 / 1280;width:min(100vw,56.25vh);height:auto;background:#121212;overflow:hidden;touch-action:none;font-size:16px}#game{position:absolute;top:0;right:0;bottom:0;left:0}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;display:flex;flex-direction:column}#top-bar{display:flex;justify-content:space-between;align-items:center;gap:.5em;padding:.7em .8em 0}.stat-box{flex:1;background:#1e1e1e;border:1px solid #333;border-radius:.55em;padding:.3em .6em;display:flex;flex-direction:column;align-items:center;min-width:0}.stat-label{font-size:.62em;font-weight:700;color:#999;letter-spacing:.06em;text-transform:uppercase}.stat-value{font-size:1.15em;font-weight:800;color:#fff;line-height:1.1}#rank-box{pointer-events:auto;background:#1e1e1e;border:1px solid #333;border-radius:.55em;padding:.18em;display:flex;flex-direction:column;gap:.12em;flex-shrink:0}.rank-row{display:flex;align-items:center;gap:.3em;border:none;background:transparent;color:#fff;font-family:inherit;font-size:.72em;font-weight:800;line-height:1.1;padding:.18em .4em;border-radius:.35em;cursor:pointer}.rank-row:active{background:#2f2f2f}.rank-icon{font-size:1em;line-height:1}.rank-num{color:#ffd233;min-width:2.2em;text-align:right}.rank-num.empty{color:#777}.lb-list{max-height:15em;overflow-y:auto;margin:.5em 0 .2em;text-align:left;-webkit-overflow-scrolling:touch}.lb-row{display:flex;align-items:center;gap:.55em;padding:.38em .55em;border-radius:.45em;font-size:.92em}.lb-row:nth-child(odd){background:#262626}.lb-row.me{background:#3b3413;outline:1px solid #ffd233}.lb-rank{width:2.4em;flex-shrink:0;font-weight:800;color:#999;text-align:right}.lb-row.top1 .lb-rank{color:#ffd233}.lb-row.top2 .lb-rank{color:silver}.lb-row.top3 .lb-rank{color:#cd7f32}.lb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eee;font-weight:700}.lb-score{font-weight:800;color:#ffd233;flex-shrink:0}.lb-empty{color:#888;font-size:.9em;padding:.8em 0;text-align:center}.lb-tabs{display:flex;gap:.4em;margin-top:.3em}.lb-tab{flex:1;border:1px solid #444;background:#2a2a2a;color:#bbb;font-family:inherit;font-size:.82em;font-weight:800;padding:.45em;border-radius:.5em;cursor:pointer}.lb-tab.active{background:#ffd233;color:#1a1a1a;border-color:#ffd233}.name-field{display:flex;flex-direction:column;gap:.3em;margin-top:.6em;text-align:left}.name-field label{font-size:.72em;font-weight:700;color:#ccc;letter-spacing:.05em;text-transform:uppercase}.name-field input{width:100%;border:1px solid #555;background:#141414;color:#fff;font-family:inherit;font-size:1em;font-weight:700;padding:.55em .7em;border-radius:.5em;outline:none;text-align:center}.name-field input:focus{border-color:#ffd233}.name-field input.shake{animation:name-shake .3s ease;border-color:#e74c3c}@keyframes name-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}#combo-box{align-self:center;margin-top:.55em;display:flex;flex-direction:column;align-items:center;gap:.2em}#combo-box.hidden{visibility:hidden}#preview-tile{min-width:2.4em;padding:.2em .45em;border-radius:.4em;font-size:1.05em;font-weight:800;text-align:center;line-height:1.2}#combo-label{font-size:.9em;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}#modal-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{position:relative;width:84%;max-width:26em;background:#1f1f1f;border:2px solid #3a3a3a;border-radius:1em;padding:1.3em 1.4em;text-align:center;color:#eee}.modal h2{font-size:1.3em;margin-bottom:.45em}.modal p{font-size:.95em;color:#ccc;margin:.4em 0}.modal p b{color:#ffd233}.modal p.record{color:#6fe36f;font-weight:800}.mini-tiles{display:flex;flex-wrap:wrap;gap:.4em;justify-content:center;margin:.45em 0 .7em}.mini-tile{width:2.5em;height:2.5em;border-radius:.45em;display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:800}.mini-tile.excluded{opacity:.4;text-decoration:line-through}.modal-btn{display:block;width:100%;margin-top:.7em;padding:.75em;border:none;border-radius:.6em;background:#ffd233;color:#1a1a1a;font-family:inherit;font-size:1em;font-weight:800;cursor:pointer}.modal-btn:active{transform:scale(.97)}.modal-btn.blue{background:#29abe2;color:#fff;box-shadow:inset 0 -.22em #00000029}.modal-btn.ghost{background:#3a3a3a;color:#ddd}.modal-btn.danger{background:#d64545;color:#fff;box-shadow:inset 0 -.22em #00000029}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.8em;margin:.9em 0 .3em}.settings-label{font-size:1.05em;font-weight:800;color:#eee}.settings-note{color:#ccc;font-size:.95em;margin:.6em 0 .3em}.toggle-btn{border:none;border-radius:.5em;font-family:inherit;font-size:.95em;font-weight:800;padding:.5em 1.1em;cursor:pointer;background:#3a3a3a;color:#999;transition:background .15s ease,color .15s ease}.toggle-btn.on{background:#2fa04a;color:#fff}.toggle-btn:active{transform:scale(.96)}.modal-btn.disabled{filter:grayscale(.85);opacity:.45;cursor:default}.modal-btn.disabled:active{transform:none}.coins-box{border-color:#4a3c10}#coins{color:#ffd233}#coins.coin-bump{animation:coin-bump .4s ease}@keyframes coin-bump{40%{transform:scale(1.35)}}.modal.grey{background:#4b4b4b;border-color:#6d6d6d}.modal.dark{background:#262b47;border-color:#3c4470}.modal.with-banner{margin-top:1em;padding-top:1.7em}.modal-banner{position:absolute;top:0;left:50%;transform:translate(-50%,-52%);background:#ff8c1a;border:2px solid #ffb45e;color:#fff;font-weight:800;font-size:1.15em;padding:.4em 1.5em;border-radius:.55em;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.35);pointer-events:none}.goal-tiles{display:flex;justify-content:center;align-items:center;gap:1.1em;margin:.9em 0 .6em}.goal-tile{position:relative;width:5em;height:5em;border-radius:.75em;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:filter .8s ease,opacity .8s ease}.goal-tile .tile-value{font-size:1.7em;font-weight:800;line-height:1}.goal-tile .tile-crown{position:absolute;top:-.4em;left:50%;transform:translate(-50%);font-size:1.05em;line-height:1}.goal-tile .tile-lock{position:absolute;top:-.4em;right:-.4em;font-size:.95em;line-height:1}.goal-tile.featured{border:3px solid #ffd233;box-shadow:0 0 .7em #ffd23380}.goal-tile.ghost{filter:grayscale(1);opacity:.45}.goal-stage{position:relative;width:17.2em;margin:.9em auto .6em}.goal-viewport{overflow:hidden}.goal-track{display:flex;gap:1.1em;transition:transform 1.4s cubic-bezier(.25,.8,.3,1)}.goal-track.shifted{transform:translate(-6.1em)}.goal-frame{position:absolute;top:0;left:50%;transform:translate(-50%);width:5em;height:5em;border:3px solid #ffd233;border-radius:.75em;box-shadow:0 0 .7em #ffd23380;pointer-events:none;z-index:2}.goal-frame .tile-crown{position:absolute;top:-.4em;left:50%;transform:translate(-50%);font-size:1.05em;line-height:1}.goal-slot-lock{position:absolute;top:0;right:0;width:5em;height:5em;pointer-events:none;z-index:2}.goal-slot-lock .tile-lock{position:absolute;top:-.4em;right:-.4em;font-size:.95em;line-height:1}.modal-btn[disabled]{opacity:.5;cursor:default}.modal p.next-goal{color:#ddd;font-weight:700}.change-row{display:flex;align-items:center;justify-content:center;gap:.7em;margin:.9em 0}.change-row .row-label{font-size:1.05em;font-weight:800;color:#fff;width:6.2em;text-align:right}.change-row .tile-wrap{position:relative}.change-row .mini-tile{width:3.6em;height:3.6em;font-size:1.15em}.badge{position:absolute;top:-.5em;left:-.5em;width:1.5em;height:1.5em;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2em;font-weight:900;line-height:1;color:#fff;border:2px solid #181b2e;z-index:1}.badge.x{background:#ef4444}.badge.plus{background:#51d651;color:#1d3d0a}#bottom-bar{margin-top:auto;display:flex;gap:.5em;padding:.5em .6em .65em;pointer-events:none}.tool-btn{pointer-events:auto;flex:1;display:flex;align-items:stretch;border:none;border-radius:.55em;padding:0;font-family:inherit;font-size:1.3em;cursor:pointer;overflow:hidden;box-shadow:0 3px #00000059;opacity:.92;transition:filter .15s ease,opacity .15s ease,box-shadow .15s ease}.tool-btn .tool-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2.6em;font-size:1.5em;line-height:1}.tool-btn .tool-price{flex:1;display:flex;align-items:center;justify-content:center;gap:.45em;padding:.55em .6em;font-weight:800;font-size:1.15em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.coin-dot{width:1.15em;height:1.15em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe680,#ffd233 55%,#c9a41c);box-shadow:inset 0 0 0 2px #0000002e;flex-shrink:0}.tool-btn.green .tool-icon{background:#1f7a33}.tool-btn.green .tool-price{background:#2fa04a}.tool-btn.orange .tool-icon{background:#a35a10}.tool-btn.orange .tool-price{background:#d97b1c}.tool-btn:active{transform:scale(.97)}.tool-btn.active{opacity:1;box-shadow:0 0 0 3px #ffd233,0 3px #00000059}.tool-btn.disabled{filter:grayscale(.85);opacity:.45;cursor:default}#settings-btn{pointer-events:auto;flex:0 0 auto;width:3.4em;font-size:1.3em;display:flex;align-items:center;justify-content:center;border:1px solid #3d3d3d;border-radius:.55em;background:#262626;cursor:pointer;box-shadow:0 3px #00000059;transition:filter .15s ease,background .15s ease}#settings-btn .settings-icon{font-size:1.55em;line-height:1}#settings-btn:active{transform:scale(.96);background:#303030}.hud-toast{position:absolute;left:50%;bottom:16%;transform:translate(-50%);background:#141414eb;border:1px solid #444;color:#ffd233;font-size:.85em;font-weight:800;padding:.55em 1.2em;border-radius:.55em;white-space:nowrap;pointer-events:none;z-index:12;animation:toast-in .18s ease}.hud-toast.hidden{display:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,.5em)}to{opacity:1;transform:translate(-50%)}}.rank-toast{position:absolute;left:50%;top:4.6em;transform:translate(-50%);background:#1a1808f5;border:1px solid #ffd233;box-shadow:0 2px 12px #ffd23340;color:#ffd233;font-size:.82em;font-weight:800;padding:.55em 1.1em;border-radius:.6em;white-space:nowrap;pointer-events:none;z-index:13;animation:rank-toast-in .3s cubic-bezier(.2,1.4,.4,1)}.rank-toast.hidden{display:none}@keyframes rank-toast-in{0%{opacity:0;transform:translate(-50%,-.8em) scale(.85)}to{opacity:1;transform:translate(-50%) scale(1)}}