:root{--bg-0: #0a1020;--bg-1: #101a2e;--surface: rgba(255, 255, 255, .07);--surface-strong: rgba(17, 27, 46, .92);--border: rgba(255, 255, 255, .12);--text: #eef3fb;--text-dim: rgba(238, 243, 251, .62);--green: #34c77b;--green-deep: #1f9a5c;--accent: #ffd166;--danger: #ff6b6b;--good: #4ade80;--bad: #fca5a5;--radius: 18px;--radius-lg: 26px;--shadow: 0 18px 40px rgba(0, 0, 0, .45);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% 0%,#17253f 0%,var(--bg-0) 60%,#060b16 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.4;overscroll-behavior:none;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation}#root{display:flex;flex-direction:column;height:100dvh}button{font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:16px;font-weight:700;letter-spacing:.06em;transition:transform .12s ease,filter .18s ease,background .18s ease;backdrop-filter:blur(10px)}.btn:active{transform:scale(.965);filter:brightness(1.12)}.btn:disabled{opacity:.4;pointer-events:none}.btn--primary{background:linear-gradient(180deg,var(--green) 0%,var(--green-deep) 100%);border-color:#ffffff38;color:#04220f;box-shadow:0 10px 24px #1ea05f59}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn--danger{background:linear-gradient(180deg,#ff7b7b,#e14b4b);border-color:#fff3;color:#2b0707}.btn--block{width:100%}.btn__icon{font-size:18px}.screen{display:flex;flex-direction:column;height:100%;padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);animation:fade-up .28s ease both}.screen__header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;margin-bottom:14px}.screen__title{margin:0;text-align:center;font-size:20px;letter-spacing:.12em;text-transform:uppercase}.screen__back{min-width:48px;min-height:48px;padding:0;font-size:22px}.screen__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:12px}.screen__footer{padding-top:12px}.section-title{margin:24px 0 10px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.menu{display:flex;flex-direction:column;justify-content:center;gap:26px;height:100%;padding:calc(var(--safe-top) + 24px) calc(var(--safe-right) + 22px) calc(var(--safe-bottom) + 28px) calc(var(--safe-left) + 22px);max-width:520px;margin:0 auto;width:100%;animation:fade-up .35s ease both}.menu__hero{text-align:center}.menu__ball{width:62px;height:62px;margin:0 auto 16px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff,#eaf0f8 55%,#b9c6d6);box-shadow:0 14px 26px #00000073;animation:bob 2.6s ease-in-out infinite}.menu__title{margin:0;font-size:clamp(38px,13vw,58px);font-weight:900;letter-spacing:.04em;line-height:1}.menu__title span{color:var(--green)}.menu__subtitle{margin:10px 0 0;color:var(--text-dim);letter-spacing:.14em;font-size:13px;text-transform:uppercase}.menu__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-pill{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.stat-pill__icon{font-size:18px}.stat-pill__value{font-size:17px;font-weight:800}.stat-pill__label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.menu__actions{display:flex;flex-direction:column;gap:12px}.levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.level-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;transition:transform .12s ease,background .2s ease}.level-card:active{transform:scale(.97)}.level-card--done{border-color:#34c77b73;background:linear-gradient(180deg,#34c77b29,#34c77b0a)}.level-card--locked{opacity:.45}.level-card__badge{position:absolute;top:10px;right:12px;font-size:14px;color:var(--green)}.level-card__number{font-size:26px;font-weight:900;line-height:1}.level-card__name{font-size:13px;font-weight:600}.level-card__meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-top:4px}.stats-grid{display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--surface)}.stats-row{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.06)}.stats-row:last-child{border-bottom:none}.stats-row em{color:var(--text-dim);font-style:normal;font-size:12px}.stats-row--total strong{color:var(--accent)}.settings{display:flex;flex-direction:column;gap:10px}.switch-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.switch-row>span:first-child{flex:1;display:flex;flex-direction:column}.switch-row em{font-style:normal;font-size:12px;color:var(--text-dim)}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch{position:relative;width:50px;height:30px;border-radius:999px;background:#ffffff24;transition:background .2s ease;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s ease}.switch-row input:checked~.switch{background:var(--green)}.switch-row input:checked~.switch:after{transform:translate(20px)}.settings__danger{margin-top:26px}.hint{margin:10px 2px 0;font-size:12px;color:var(--text-dim);text-align:center}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#040810b8;backdrop-filter:blur(6px);z-index:40;animation:fade .18s ease both}.modal__card{width:100%;max-width:380px;padding:22px;border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow);animation:pop .22s cubic-bezier(.2,.9,.3,1.2) both}.modal__title{margin:0 0 12px;font-size:19px;text-align:center}.modal__text{margin:0 0 18px;color:var(--text-dim);font-size:14px;text-align:center}.modal__actions{display:flex;gap:10px}.modal__actions--stack{flex-direction:column}.game{position:relative;flex:1;display:flex;overflow:hidden}.game__canvas-wrap{position:absolute;inset:0}.game__canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none;z-index:10}.hud__group{display:flex;gap:8px;padding:8px 12px;border-radius:16px;background:#080e1a8c;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px)}.hud__item{display:flex;flex-direction:column;align-items:center;min-width:52px}.hud__label{font-size:10px;letter-spacing:.14em;color:var(--text-dim)}.hud__value{font-size:19px;font-weight:800;line-height:1.1}.hud__value em{font-style:normal;font-size:12px;color:var(--text-dim)}.hud__value--over{color:var(--accent)}.hud__pause{pointer-events:auto;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#080e1a8c;color:var(--text);font-size:18px;backdrop-filter:blur(8px);transition:transform .12s ease}.hud__pause:active{transform:scale(.92)}.hud__level-name{position:absolute;top:56px;left:4px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff73}.toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 20px;border-radius:999px;background:#080e1ad9;border:1px solid rgba(255,255,255,.16);font-weight:700;letter-spacing:.04em;z-index:20;animation:toast 1.9s ease both;pointer-events:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:22px;background:#0408108c;backdrop-filter:blur(4px);z-index:30;animation:fade .2s ease both}.hole-card{width:100%;max-width:360px;padding:24px;border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;animation:pop .32s cubic-bezier(.2,.9,.3,1.3) both}.hole-card__eyebrow{margin:0;font-size:12px;letter-spacing:.2em;color:var(--text-dim)}.hole-card__title{margin:6px 0 18px;font-size:28px;font-weight:900}.hole-card--great .hole-card__title,.hole-card--good .hole-card__title{color:var(--good)}.hole-card--bad .hole-card__title{color:var(--bad)}.hole-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.hole-card__stats strong,.summary__score strong{display:block;font-size:24px;font-weight:900}.hole-card__stats em,.summary__score em{font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.hole-card__best{margin:0 0 18px;font-size:13px;color:var(--text-dim)}.summary{display:flex;flex-direction:column;height:100%;padding:calc(var(--safe-top) + 20px) calc(var(--safe-right) + 18px) calc(var(--safe-bottom) + 18px) calc(var(--safe-left) + 18px);max-width:520px;margin:0 auto;width:100%;animation:fade-up .32s ease both}.summary__head{text-align:center}.summary__trophy{font-size:40px;display:block;animation:bob 2.4s ease-in-out infinite}.summary__head h1{margin:6px 0 16px;font-size:22px;letter-spacing:.1em}.summary__score{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.summary__diff--good strong{color:var(--good)}.summary__diff--bad strong{color:var(--bad)}.summary__hio{margin:12px 0 0;font-size:13px;color:var(--accent)}.scorecard{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;list-style:none;margin:16px 0;padding:0;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.scorecard__row{display:grid;grid-template-columns:62px 1fr 52px 34px 34px;align-items:center;gap:6px;padding:11px 14px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.06)}.scorecard__row:last-child{border-bottom:none}.scorecard__hole{font-size:10px;letter-spacing:.1em;color:var(--text-dim)}.scorecard__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scorecard__par{font-size:11px;color:var(--text-dim);text-align:right}.scorecard__strokes{font-weight:800;text-align:right}.scorecard__diff{text-align:right;font-size:12px;font-weight:700}.scorecard__row--great .scorecard__diff,.scorecard__row--good .scorecard__diff{color:var(--good)}.scorecard__row--bad .scorecard__diff{color:var(--bad)}.summary__actions{display:flex;flex-direction:column;gap:10px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,-30%) scale(.9)}12%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.96)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width: 820px){.levels{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}