:root{--bg: #05070b;--ink: #e8edf5;--muted: #b4bdd0;--gold: #e8c872;--gold-soft: #f4e3b0;--cyan: #6ee0d4;--rose: #e07a5f;--panel: rgba(10, 13, 20, .72);--line: rgba(232, 200, 114, .35);--font: system-ui, "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;overflow:hidden}body{min-height:100dvh;display:grid;place-items:center}button{font-family:inherit;cursor:pointer}#app{width:100%;height:100%;display:grid;place-items:center}#frame{padding:14px;background:linear-gradient(160deg,#2a303c,#151920 42%,#0d1016);border-radius:18px;box-shadow:0 0 0 1px #e8c87257,0 24px 80px #0000008c,inset 0 1px #ffffff14}#stage{position:relative;width:min(calc(100vw - 48px),calc((100dvh - 48px) * 16 / 9));aspect-ratio:16 / 9;max-height:calc(100dvh - 48px);border-radius:8px;overflow:hidden;background:#0b0e14}#game{display:block;width:100%;height:100%;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none}#ui .screen:not(#screen-hud),#ui .hud-bar,#ui .btn,#ui .icon-btn,#modal{pointer-events:auto}.screen{position:absolute;inset:0}.hidden{display:none!important}.menu-center,.pause-card,.result-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6% 8%}.pause-card,.result-card{background:linear-gradient(180deg,#06080c2e,#06080c8c)}.menu-center{background:radial-gradient(ellipse at 50% 42%,#080a1026,#080a1085 70%,#05070b9e)}.menu-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 48px 32px;border-radius:24px;background:#0a0d1485;border:1px solid rgba(232,200,114,.28);box-shadow:0 16px 50px #0006,inset 0 1px #ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-width:min(640px,92%)}.menu-hero .btn{padding:14px 28px;font-size:16px;min-width:148px}.menu-hero .btn.primary{padding:16px 36px;font-size:18px;min-width:188px;font-weight:700;letter-spacing:.06em;box-shadow:0 8px 28px #e8c87252}.eyebrow{letter-spacing:.34em;text-transform:uppercase;font-size:11px;color:var(--gold);margin:0 0 10px}.title{font-weight:650;font-size:clamp(36px,6vw,72px);line-height:.9;margin:0;letter-spacing:.02em;text-align:center}.title span{display:block;color:var(--gold-soft)}.tagline{margin:16px 0 28px;color:var(--muted);letter-spacing:.06em;font-size:14px}.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{appearance:none;border:1px solid var(--line);background:#12141ccc;color:var(--ink);padding:10px 18px;border-radius:999px;font-size:14px;letter-spacing:.04em;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.btn:hover:not(:disabled){box-shadow:0 0 0 1px var(--gold),0 0 18px #e8c87233;transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,#e8c872,#c7903a);color:#1a1206;border-color:#f4e3b0;font-weight:650}.btn:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}.menu-meta{position:absolute;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--muted);pointer-events:auto;flex-wrap:wrap}.btn.endless{border-color:#6ee0d48c;color:#c6fff8;background:#102022e0}.btn.endless:hover:not(:disabled){box-shadow:0 0 0 1px #6ee0d4,0 0 18px #6ee0d438}#menu-endless-best{letter-spacing:.04em;color:var(--cyan)}.coin-chip,.note{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.coin-chip strong,.coin-chip [data-coins]{color:var(--gold-soft);font-weight:650}.menu-foot{position:absolute;bottom:16px;left:18px;right:18px;text-align:center;color:var(--muted);font-size:11px}#screen-levels{display:flex;flex-direction:column;background:#0a0d14;pointer-events:auto;touch-action:manipulation}.levels-chrome{position:relative;z-index:5;flex:0 0 auto;width:100%;padding:10px 16px 12px;background:#10131b;border-bottom:1px solid rgba(232,200,114,.28);box-shadow:0 10px 24px #00000059;pointer-events:auto}.levels-chrome-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.levels-chrome h2{margin:0;font-weight:600;letter-spacing:.08em;font-size:18px;text-align:center;flex:1}.levels-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0 0;pointer-events:auto}#level-page-label{min-width:64px;text-align:center;letter-spacing:.08em;color:var(--muted);font-size:13px}.levels-scroll{width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior:contain;padding:10px 4% 28px;display:flex;justify-content:center;align-items:flex-start}#level-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:min(1040px,100%);align-content:start}.level-card{appearance:none;text-align:left;border:1px solid rgba(232,200,114,.22);background:#171c27;color:var(--ink);border-radius:10px;padding:6px 8px;display:flex;flex-direction:column;gap:2px;min-height:72px}.level-card:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 18px #e8c87226}.level-card.locked,.level-card:disabled{opacity:.45;cursor:default}.lv-id{font-size:11px;letter-spacing:.16em;color:var(--gold)}.lv-name{font-weight:650;font-size:14px}.lv-blurb{color:var(--muted);font-size:10px;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lv-stars{display:flex;gap:3px;margin-top:auto}.star{width:10px;height:10px;display:inline-block;background:#e8edf52e;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.star.on{background:var(--gold)}.star.big{width:28px;height:28px}#screen-hud,#screen-hud .hud-top,#screen-hud .hud-bottom,#screen-hud .hud-bottom-row,#screen-hud #hud-tutorial,#screen-hud #hint-detail{pointer-events:none}#screen-hud .hud-panel,#screen-hud .btn,#screen-hud button{pointer-events:auto}.hud-top,.hud-bottom{position:absolute;left:14px;right:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hud-top{top:12px}.hud-bottom{bottom:12px;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.hud-bottom-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;width:100%}#hint-detail:empty{display:none}.hud-panel{background:var(--panel);border:1px solid rgba(232,200,114,.16);backdrop-filter:blur(8px);border-radius:12px;padding:8px 12px}#hud-level-name{font-size:13px;letter-spacing:.08em;text-transform:uppercase}#hud-throws{display:flex;gap:5px;margin-top:4px}.throw-pip{width:12px;height:12px;border:1px solid var(--gold);background:transparent;transform:rotate(45deg)}.throw-pip.on{background:var(--gold)}#hud-timer,#hud-endless{font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:.06em}#hud-endless{color:var(--cyan)}.hud-right,.hud-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#screen-hud #hud-tutorial{position:static;max-width:min(560px,100%);margin:0;color:var(--gold-soft);font-size:13px;line-height:1.4;text-align:center;background:#0a0d14db;border:1px solid rgba(232,200,114,.25);padding:6px 14px;border-radius:999px;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:4;box-sizing:border-box}.pause-card,.result-card{background:linear-gradient(180deg,#080a10b8,#080a10d6)}.result-card h2,.pause-card h2{margin:0 0 16px;font-size:36px;letter-spacing:.04em}#result-stars{display:flex;gap:8px;margin-bottom:16px}#result-stats{color:var(--muted);margin:0 0 22px;font-size:14px}#toasts{position:absolute;top:72px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;width:min(420px,80%);pointer-events:none;z-index:6}.toast{background:#0c1018eb;border:1px solid var(--line);color:var(--ink);padding:8px 12px;border-radius:10px;text-align:center;font-size:13px;opacity:0;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease}.toast.in{opacity:1;transform:translateY(0)}#modal{position:absolute;inset:0;background:#05070b9e;display:flex;align-items:center;justify-content:center;z-index:8;pointer-events:auto}#modal.hidden{display:none!important}.modal-card{width:min(420px,86%);background:#12161f;border:1px solid var(--line);border-radius:16px;padding:22px 22px 18px;box-shadow:0 20px 60px #00000073}.modal-card h3{margin:0 0 8px;font-size:20px}.modal-card p{margin:0 0 16px;color:var(--muted)}#modal-actions{display:flex;flex-wrap:wrap;gap:8px}.is-muted{opacity:.7}#rotate-overlay{display:none;position:fixed;inset:0;z-index:40;align-items:center;justify-content:center;padding:28px 22px;background:#05070b;color:var(--ink);text-align:center;pointer-events:auto;touch-action:none}@media(orientation:portrait){#rotate-overlay{display:flex}}body.is-portrait #rotate-overlay{display:flex}.rotate-card{max-width:360px}.rotate-icon{display:grid;place-items:center;margin:0 auto 18px}.rotate-icon svg{display:block;transform-origin:50% 50%;animation:phone-tilt 2.4s ease-in-out infinite}@keyframes phone-tilt{0%,18%{transform:rotate(0)}45%,62%{transform:rotate(90deg)}to{transform:rotate(0)}}#rotate-title{margin:0 0 8px;font-size:22px;letter-spacing:.04em;color:var(--gold-soft)}#rotate-copy{margin:0;color:var(--muted);font-size:14px;line-height:1.45}@media(max-width:720px),(max-height:500px){#frame{padding:0;border-radius:0;box-shadow:none;background:#000;width:100%;height:100%;display:grid;place-items:center}#stage{width:min(100vw,calc(100dvh * 16 / 9));max-height:100dvh;height:min(100dvh,56.25vw);border-radius:0}#level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.level-card{min-height:62px;padding:5px 7px}.levels-chrome{padding:8px 10px}.levels-chrome h2{font-size:15px}.levels-scroll{padding:8px 8px 20px}#level-grid{gap:5px}.title{font-size:clamp(24px,9vh,42px)}#screen-hud #hud-tutorial{max-width:100%}}@media(orientation:landscape)and (max-height:500px){.menu-center{padding:4px 4% 8px}.menu-hero{padding:12px 18px 14px;max-width:min(560px,94%);max-height:calc(100dvh - 20px);overflow:auto;border-radius:16px}.eyebrow{margin:0 0 4px;font-size:10px}.title{font-size:clamp(22px,10vh,40px)}.tagline{margin:6px 0 12px;font-size:12px}.menu-hero .btn{padding:8px 16px;font-size:13px;min-width:108px}.menu-hero .btn.primary{padding:10px 20px;font-size:15px;min-width:126px}.menu-meta{top:6px;left:8px;right:8px}.menu-foot{bottom:4px;font-size:10px}.btn{padding:6px 12px;font-size:12px}.hud-top,.hud-bottom{left:6px;right:6px;gap:6px}.hud-top{top:4px}.hud-bottom{bottom:4px;gap:3px}.hud-panel{padding:3px 8px;border-radius:8px}#hud-level-name{font-size:11px}#hud-throws{margin-top:2px}.throw-pip{width:9px;height:9px}#screen-hud #hud-tutorial{font-size:10px;line-height:1.2;padding:2px 8px;max-width:min(70%,420px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-tools{gap:8px}.hud-tools .btn{padding:5px 10px;font-size:11px}.pause-card h2,.result-card h2{font-size:24px;margin-bottom:10px}.pause-card,.result-card{padding:4% 6%}.star.big{width:20px;height:20px}#level-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.level-card{min-height:52px;padding:4px 6px}.lv-name{font-size:12px}.lv-id{font-size:10px}.lv-blurb{display:none}.levels-scroll{padding:6px 6px 16px}.levels-chrome{padding:6px 8px}.levels-pager{margin:6px 0 0}}@media(orientation:landscape)and (max-height:400px){.menu-hero{padding:8px 14px 10px}.title{font-size:clamp(20px,9vh,32px)}.tagline{margin:4px 0 8px}.actions{gap:8px}#screen-hud #hud-tutorial{display:none}}@media(max-width:520px){#level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#screen-hud #hud-tutorial{max-width:100%}}@media(orientation:landscape)and (max-height:500px)and (max-width:720px){#level-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.level-card{min-height:52px;padding:4px 6px}.lv-name{font-size:12px}.lv-id{font-size:10px}.lv-blurb{display:none}.levels-scroll{padding:6px 6px 16px}.levels-chrome{padding:6px 8px}.levels-pager{margin:6px 0 0}}#ad-blocker{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#05070bc7;pointer-events:auto}#ad-blocker.hidden{display:none!important}.ad-blocker-card{min-width:180px;padding:22px 28px;border-radius:14px;background:#121620;border:1px solid rgba(232,200,114,.3);text-align:center;color:var(--ink)}.ad-blocker-card p{margin:12px 0 0;letter-spacing:.06em;font-size:13px;color:var(--muted)}.ad-spinner{width:28px;height:28px;margin:0 auto;border-radius:50%;border:3px solid rgba(232,200,114,.2);border-top-color:var(--gold);animation:ad-spin .8s linear infinite}@keyframes ad-spin{to{transform:rotate(360deg)}}#screen-hud .hud-right>.btn,#screen-hud .hud-tools>.btn,#screen-pause .actions>.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;flex:0 0 auto;position:relative;isolation:isolate;border-radius:0;border-color:transparent;background:transparent;box-shadow:none;transform:none}#screen-hud .hud-right>.btn:after,#screen-hud .hud-tools>.btn:after,#screen-pause .actions>.btn:after{content:"";position:absolute;inset:0;border-radius:999px;background:#12141ccc;border:1px solid var(--line);z-index:-1;pointer-events:none;transition:background .15s ease,box-shadow .15s ease}#screen-hud .hud-right>.btn:hover:not(:disabled):after,#screen-hud .hud-tools>.btn:hover:not(:disabled):after,#screen-pause .actions>.btn:hover:not(:disabled):after{box-shadow:0 0 0 1px var(--gold),0 0 18px #e8c87233}#screen-pause .actions>.btn.primary{background:transparent;border-color:transparent;color:#1a1206}#screen-pause .actions>.btn.primary:after{background:linear-gradient(180deg,#e8c872,#c7903a);border-color:#f4e3b0}