@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Hiragino Kaku Gothic ProN,sans-serif;color:#fff9e9;background:#295c60;font-synthesis:none;font-weight:500;--cream:#fff4d4;--orange:#ffc887;--ink:#203b37}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid #ffe4a9;outline-offset:5px}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(12,40,42,.12),transparent 25%,transparent 65%,rgba(13,37,34,.55)),radial-gradient(ellipse at 55% 45%,transparent 40%,rgba(15,38,34,.15));z-index:1}#ui{position:fixed;inset:0;z-index:2;pointer-events:none}button,input,a,dialog{pointer-events:auto}button{border:0;transition:transform .16s,background .2s}button:active{transform:scale(.97)}.topbar{position:absolute;top:28px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:12px;align-items:center}.brandmark{width:30px;height:30px;border:1px solid #fff5d879;border-radius:50%;display:grid;place-items:center;font-size:17px}.brand b{font-size:14px;letter-spacing:.18em}.brand small{display:block;font-size:8px;letter-spacing:.3em;margin-top:3px;opacity:.7}.nav{display:flex;gap:9px}.glass{background:#133c3b4f;border:1px solid #fff8dd40;color:var(--cream);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:100px;padding:11px 17px;font-size:11px;letter-spacing:.04em}.glass:hover{background:#173f3c9c}.icon{padding:11px 13px;min-width:42px}.nav svg{width:15px;height:15px;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.6}.nav .label{margin-left:7px}.intro{position:absolute;left:7.5vw;top:24%;max-width:520px;transition:opacity .45s,transform .6s}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.25em;font-size:10px;font-weight:700;color:#fff5d9cc}.eyebrow:before{content:"";height:1px;width:30px;background:currentColor}.intro h1{font-size:clamp(70px,8.7vw,140px);font-weight:800;line-height:.86;letter-spacing:-.075em;margin:28px 0 24px;text-shadow:0 3px 28px #26463720}.intro h1 em{font-style:normal;color:#ffe2a5}.intro .sub{font-size:14px;line-height:1.9;letter-spacing:.08em;margin:0 0 25px;text-shadow:0 1px 12px #23442d}.primary{color:var(--ink);background:var(--cream);border-radius:100px;padding:18px 28px;font-size:13px;font-weight:800;letter-spacing:.04em;box-shadow:0 6px 20px #173c3624;display:inline-flex;align-items:center;gap:27px}.primary:hover{background:#fffbee;transform:translateY(-2px)}.primary span.arrow{font-size:23px;line-height:16px;font-weight:400}.intro .note{font-size:10px;opacity:.7;letter-spacing:.06em;margin-top:16px}.course-note{position:absolute;bottom:34px;left:35px;font-size:10px;letter-spacing:.15em;opacity:.78;display:flex;align-items:center;gap:14px}.course-note span{opacity:.5}.sound-note{position:absolute;bottom:34px;right:35px;font-size:10px;letter-spacing:.05em;opacity:.7}.hidden{display:none!important}.fade-out{opacity:0;transform:translateY(15px);pointer-events:none}.hud{position:absolute;left:36px;top:110px;transition:opacity .4s;display:flex;flex-direction:column;gap:23px}.hud .caption{font-size:9px;letter-spacing:.19em;opacity:.7}.ball-count{font-size:49px;letter-spacing:-.07em;line-height:1.2;font-weight:800}.ball-count small{font-size:21px;opacity:.65;margin-right:5px}.tiny-stats{display:flex;gap:23px}.tiny-stats strong{font-size:19px;display:block;line-height:1.7;font-weight:600}.chip{font-size:9px;letter-spacing:.1em;padding:5px 9px;border:1px solid #fff3ca50;border-radius:100px;display:inline-block;margin-top:5px}.cup-label{position:absolute;transform:translate(-50%,-100%);text-align:center;pointer-events:none;opacity:.85;white-space:nowrap}.cup-label b{font-size:9px;letter-spacing:.16em;background:#214a404f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff4d942;border-radius:30px;padding:6px 11px}.cup-label:after{content:"";display:block;width:1px;height:19px;margin:8px auto 0;background:#fff6d6aa}.play-help{position:absolute;left:50%;transform:translate(-50%);bottom:83px;font-size:10px;letter-spacing:.05em;color:#f9f2dce0;text-shadow:0 1px 12px #103f32;text-align:center;width:90%}.toast{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:90%;opacity:0}.toast.show{animation:toast-in .3s both}.toast .kicker{font-size:12px;font-weight:700;letter-spacing:.32em;color:#ffe4a6}.toast h2{margin:10px 0;font-weight:800;font-size:clamp(40px,6vw,83px);letter-spacing:-.06em;line-height:1;text-shadow:0 4px 30px #20463155}.toast p{margin:13px 0;font-size:12px;letter-spacing:.06em}.toast .double{font-size:28px;letter-spacing:-.035em;color:#ffe4a6}.toast.miss h2{font-size:37px}.bottom-actions{position:absolute;right:33px;top:110px;display:flex;gap:8px;flex-direction:column;align-items:flex-end}.text-button{background:none;color:#fff8e6a6;font-size:10px;padding:7px;letter-spacing:.05em}.text-button:hover{color:#fff8e6}.flash{position:fixed;inset:0;z-index:3;background:#ffefd0;opacity:0;pointer-events:none}.flash.go{animation:flash .65s ease-out}.modal{position:fixed;inset:0;z-index:5;background:#102d2b82;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:grid;place-items:center;pointer-events:auto;padding:20px}.panel{width:min(430px,100%);max-height:85dvh;overflow:auto;background:#f7f3e7;color:#29423b;border:1px solid #fffbeb;border-radius:26px;padding:30px;box-shadow:0 25px 90px #0b262645;position:relative}.close{position:absolute;right:18px;top:17px;border:1px solid #24443522;color:#315646;background:none;border-radius:50%;width:31px;height:31px;font-size:20px}.panel .eyebrow{color:#78907d;font-size:8px}.panel h2{font-size:29px;letter-spacing:-.055em;margin:17px 0 9px}.panel p{font-size:12px;line-height:1.8;color:#738174}.result-number{font-size:72px;font-weight:800;letter-spacing:-.07em;margin:10px 0;line-height:1.2;color:#355d46}.result-caption{font-size:10px;color:#74826d;letter-spacing:.12em}.form-row{display:flex;gap:8px;margin:23px 0 12px}.form-row input{min-width:0;flex:1;background:#fff;border:1px solid #d7ddd0;border-radius:10px;padding:13px;font-size:13px;color:#29423b}.form-row button{background:#355d46;color:#fff5dc;border-radius:10px;padding:12px 17px;font-size:11px;font-weight:700}.panel .primary{background:#355d46;color:#fff5dc;justify-content:center;width:100%;margin-top:15px;font-size:12px;padding:15px}.panel .secondary{width:100%;background:transparent;color:#6e8272;padding:15px 0 0;font-size:11px}.message{min-height:17px;font-size:11px;color:#69806b;line-height:1.7}.ranking{padding:0;list-style:none;margin:21px 0 5px}.ranking li{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #dce2d5;font-size:12px}.ranking .rank{font-size:10px;color:#8c9d8e}.ranking li:first-child .rank{color:#b7863f}.ranking b{font-size:13px;font-variant-numeric:tabular-nums}.ranking small{display:block;font-size:8px;letter-spacing:.05em;color:#94a08c;margin-top:3px}.empty{padding:27px 0;text-align:center;font-size:12px;color:#82907e}.no-webgl{position:fixed;inset:0;display:grid;place-items:center;background:#224b46;padding:30px;text-align:center;z-index:10}.no-webgl h2{font-size:26px}.no-webgl p{line-height:1.8;font-size:14px}.loading{position:fixed;inset:0;background:#244b47;z-index:10;display:grid;place-items:center;transition:opacity .5s}.loading span{font-size:12px;letter-spacing:.3em}.loading.done{opacity:0;pointer-events:none}.pop{animation:pop .5s}@keyframes pop{50%{transform:scale(1.15);color:#ffe3a3}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-45%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes flash{0%{opacity:.55}to{opacity:0}}@media(max-width:700px){.topbar{top:20px;left:20px;right:20px}.brand b{font-size:11px}.brand small{font-size:6px}.brandmark{width:27px;height:27px}.nav .label{display:none}.glass{padding:10px 12px}.intro{top:23%;left:8%;right:6%}.intro h1{font-size:clamp(72px,16vw,110px);margin:22px 0}.intro .sub{font-size:12px;line-height:1.85}.eyebrow{font-size:8px}.intro .primary{padding:17px 25px}.course-note{left:22px;bottom:23px;font-size:8px}.sound-note{display:none}.hud{left:22px;top:89px;gap:10px}.ball-count{font-size:37px}.hud .caption{font-size:7px}.tiny-stats{gap:17px}.tiny-stats strong{font-size:15px}.bottom-actions{right:18px;top:91px}.play-help{bottom:89px;font-size:10px}.toast{top:39%}.toast h2{font-size:45px}.toast.miss h2{font-size:29px}.toast .double{font-size:24px}.cup-label b{font-size:7px}.panel{padding:28px 23px}.panel h2{font-size:26px}.chip{font-size:8px}.hud .tiny-stats .caption{font-size:7px}}@media(max-height:520px)and (min-width:700px){.topbar{top:16px}.intro{top:20%}.intro h1{font-size:74px;margin:16px 0}.intro .sub{font-size:12px;margin:0 0 15px}.intro .note{display:none}.play-help{bottom:62px}.hud{top:75px}.bottom-actions{top:77px}.course-note{bottom:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.embed-mode #world{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#world:focus-visible{outline:3px solid #ffe4a9;outline-offset:-5px}#world{cursor:crosshair}.input-help{position:absolute;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(550px,90%);text-align:center;font-size:12px;line-height:1.9;letter-spacing:.05em;text-shadow:0 2px 8px #123e35}.input-help span{font-size:9px;opacity:.65}.charge-word{position:absolute;left:50%;bottom:25%;transform:translate(-50%) rotate(-4deg);font-size:clamp(23px,4vw,42px);font-weight:800;color:#ffe2a2;text-shadow:0 3px 16px #133b31;animation:charge-breathe .28s infinite alternate;pointer-events:none}@keyframes charge-breathe{to{transform:translate(-50%) rotate(3deg) scale(1.08)}}[data-play-state=flight] #world,[data-play-state=ending] #world{cursor:default}[data-play-state=ending] .cup-label,[data-play-state=clear] .cup-label{display:none}[data-play-state=ending] .toast{top:24%}@media(max-height:520px){.input-help{bottom:10px;font-size:10px}.input-help span{display:none}.play-help{bottom:42px}.toast{top:30%}.toast h2{font-size:34px}.hud{gap:5px}.topbar{top:12px}.hud,.bottom-actions{top:70px}}.modal.clear-result{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;align-items:center;justify-content:flex-end;padding:28px max(24px,4vw)}.clear-result .panel{width:min(400px,44vw);max-height:calc(100dvh - 100px);box-shadow:0 20px 70px #10392c35}[data-play-state=clear] .hud{display:none}[data-play-state=clear] .play-help{bottom:26px;font-size:12px}@media(max-width:700px){.modal.clear-result{padding:0;align-items:flex-end}.clear-result .panel{width:100%;max-height:44dvh;border-radius:24px 24px 0 0;padding:18px 23px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -8px 35px #153d3228}.clear-result .panel h2{font-size:23px;margin:10px 0 5px}.clear-result .panel p{font-size:10px;margin:3px 0}.clear-result .result-number{font-size:42px;margin:4px 0}.clear-result .result-caption{font-size:9px}.clear-result .form-row{margin:12px 0 7px}.clear-result .panel .primary{margin-top:9px;padding:12px}.clear-result .panel .secondary{padding-top:10px}}@media(max-height:520px)and (min-width:701px){.modal.clear-result{padding:14px 20px}.clear-result .panel{max-height:calc(100dvh - 28px);padding:20px}.clear-result .result-number{font-size:43px}}.nav button{min-width:44px;min-height:44px}a:focus-visible,.share-dialog button:focus-visible,.share-dialog textarea:focus-visible,.result-share:focus-visible{outline:3px solid #be7128;outline-offset:3px}.result-share{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;margin-top:15px;border:1px solid #668472;border-radius:12px;background:#e7ecdf;color:#294f3c;font-size:12px;font-weight:800}.result-share:hover{background:#dce6d2}.result-share svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.clear-result .form-row{margin-top:15px}.share-dialog{width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #fffbed;border-radius:24px;color:#29423b;background:#f7f3e7;box-shadow:0 25px 90px #0b262650;overflow:auto;overscroll-behavior:contain;z-index:20}.share-dialog::backdrop{background:#102d2b9c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.share-sheet{position:relative;padding:30px}.share-dialog .eyebrow{font-size:8px;color:#5f7565;padding-right:25px;letter-spacing:.13em}.share-dialog h2{font-size:27px;letter-spacing:-.04em;line-height:1.3;margin:20px 0 8px}.share-intro{font-size:12px;color:#5b715f;margin:0 0 18px;line-height:1.7}.share-close{position:absolute;right:10px;top:10px;width:44px;height:44px;color:#315646;border:1px solid #24443522;background:transparent;border-radius:50%;font-size:24px}.share-preview{padding:16px;border:1px solid #d3ddce;border-radius:12px;font-size:13px;line-height:1.8;background:#fffdf6;overflow-wrap:anywhere}.share-destinations{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 10px}.share-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:12px;text-decoration:none;font-size:12px;font-weight:800;color:#fff}.share-x{background:#243d35}.share-line{background:#187243}.share-link:hover{filter:brightness(1.1)}.share-copy-link,.share-copy-text{display:block;width:100%;min-height:44px;border-radius:12px;font-size:12px;font-weight:700}.share-copy-link{background:#e0e8d8;color:#294f3c}.share-copy-text{margin-top:4px;color:#3c624a;background:transparent}.share-status{font-size:12px;color:#315d42;line-height:1.7;min-height:20px;margin-top:6px}.share-manual label{font-size:11px;display:block;margin:10px 0 7px}.share-manual textarea{width:100%;resize:none;font-family:inherit;font-size:12px;line-height:1.7;padding:12px;border:1px solid #869980;border-radius:10px;color:#29423b;background:#fff}.share-hint{font-size:10px;line-height:1.7;color:#526b58;margin:14px 0 0}.share-dialog [hidden]{display:none!important}@media(max-width:700px){.topbar,.brand{gap:8px}.nav{gap:5px}.nav .glass{padding:10px}.clear-result .result-share{margin-top:10px}.share-sheet{padding:25px 22px}}@media(max-width:360px){.topbar{left:14px;right:14px}.brandmark{display:none}.brand b{font-size:10px}.brand small{font-size:5px}}@media(max-height:560px){.share-dialog{max-height:calc(100dvh - 20px)}.share-sheet{padding:20px}.share-dialog h2{font-size:23px;margin-top:15px}.share-preview{font-size:12px;padding:12px}.share-destinations{margin-top:12px}}