:root{--ink:#2b1d4f;--ink-soft:#4a3a78;--paper:#fffaf0;--accent:#fc3;--accent-2:#ff6b6b;--green:#4cc26a;--blue:#3ea6ff;--shadow:0 6px 0 #2b1d4f59;--font:"Trebuchet MS", "Segoe UI Rounded", "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;background:#1b1530;margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#game-canvas{cursor:crosshair;outline:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}button{font-family:inherit}#hud{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:14px;left:14px;right:14px}.hud-left,.hud-right,.hud-center{pointer-events:auto}.hud-left{border:3px solid var(--ink);box-shadow:var(--shadow);background:#fffaf0eb;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;display:flex}.hole-chip{background:var(--green);border:3px solid var(--ink);border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.hole-num{color:#fff;text-shadow:0 2px 0 var(--ink);font-size:24px;font-weight:900}.hole-name{font-size:18px;font-weight:900;line-height:1.1}.hole-par{color:var(--ink-soft);font-size:13px;font-weight:700}.hud-center{text-align:center;border:3px solid var(--ink);box-shadow:var(--shadow);background:#fffaf0eb;border-radius:18px;padding:4px 22px 6px;position:absolute;left:50%;transform:translate(-50%)}.stroke-label{letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:800}.stroke-count{font-size:34px;font-weight:900;line-height:1}.stroke-count.bump{animation:.35s bump}@keyframes bump{0%{transform:scale(1)}40%{color:var(--accent-2);transform:scale(1.35)}to{transform:scale(1)}}.hud-right{gap:8px;display:flex}.icon-btn{border:3px solid var(--ink);background:var(--paper);width:46px;height:46px;box-shadow:var(--shadow);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:transform .1s;display:grid}.icon-btn:hover{background:#fff;transform:translateY(-2px)}.icon-btn:active{transform:translateY(2px);box-shadow:0 2px #2b1d4f59}.icon-btn svg{width:24px;height:24px;fill:var(--ink)}.icon-btn .snd-off,.icon-btn.muted .snd-on{display:none}.icon-btn.muted .snd-off{display:block}.icon-btn.active{background:var(--accent)}#power{pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.power-track{border:3px solid var(--ink);width:min(420px,60vw);height:24px;box-shadow:var(--shadow);background:#fffaf0e6;border-radius:999px;overflow:hidden}.power-fill{background:linear-gradient(90deg,#4cc26a,#fc3 55%,#ff6b6b);border-radius:999px;width:0%;height:100%;transition:width 30ms linear}.power-text{color:#fff;text-shadow:0 3px 0 var(--ink), 0 0 6px var(--ink);min-width:64px;font-size:22px;font-weight:900}#hint{color:#fff;text-shadow:0 2px #0009;white-space:nowrap;pointer-events:none;background:#2b1d4f73;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:800;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#lockhint{pointer-events:none;place-items:end center;padding-bottom:20vh;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.lock-card{border:3px solid var(--ink);box-shadow:var(--shadow);text-align:center;background:#fffaf0f0;border-radius:20px;padding:14px 26px;font-size:24px;font-weight:900;animation:1.6s ease-in-out infinite pulse}.lock-card small{color:var(--ink-soft);margin-top:4px;font-size:13px;font-weight:700;display:block}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}#banner{text-align:center;pointer-events:none;animation:.6s cubic-bezier(.2,1.4,.4,1) bannerIn;position:absolute;top:16%;left:50%;transform:translate(-50%)}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-30px)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}.banner-hole{background:var(--accent);border:4px solid var(--ink);letter-spacing:3px;box-shadow:var(--shadow);border-radius:14px;padding:2px 18px;font-size:22px;font-weight:900;display:inline-block}.banner-name{color:#fff;text-shadow:0 5px 0 var(--ink), 0 0 18px #0006;-webkit-text-stroke:2px var(--ink);margin-top:8px;font-size:clamp(34px,6vw,64px);font-weight:900}.banner-par{color:#fff;text-shadow:0 3px 0 var(--ink);letter-spacing:4px;font-size:22px;font-weight:900}.banner-tip{border:3px solid var(--ink);max-width:520px;box-shadow:var(--shadow);background:#fffaf0eb;border-radius:14px;margin:10px auto 0;padding:8px 14px;font-size:16px;font-weight:800}.banner-tip:empty{display:none}.banner-skip{color:#fff;text-shadow:0 2px #0009;opacity:.85;margin-top:14px;font-size:13px;font-weight:800}#toast{background:var(--paper);border:4px solid var(--ink);box-shadow:var(--shadow);pointer-events:none;text-align:center;border-radius:16px;padding:10px 22px;font-size:26px;font-weight:900;animation:.35s cubic-bezier(.2,1.5,.4,1) toastIn;position:absolute;top:30%;left:50%;transform:translate(-50%)}#toast small{color:var(--ink-soft);font-size:15px;display:block}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)scale(.7)}to{opacity:1;transform:translate(-50%)scale(1)}}#celebrate{text-align:center;pointer-events:none;position:absolute;top:22%;left:0;right:0}.cel-word{color:var(--accent);-webkit-text-stroke:3px var(--ink);text-shadow:0 8px 0 var(--ink), 0 0 30px #fc39;letter-spacing:2px;font-size:clamp(48px,10vw,120px);font-weight:900;animation:.8s cubic-bezier(.2,1.6,.4,1) celIn,1.6s ease-in-out .8s infinite wobble}.cel-word.small{color:#fff;font-size:clamp(40px,7vw,84px)}.cel-word.hio{background:linear-gradient(90deg,#ff6b6b,#fc3,#4cc26a,#3ea6ff,#b388ff);color:#0000;-webkit-background-clip:text;background-clip:text}.cel-sub{color:#fff;text-shadow:0 3px 0 var(--ink);margin-top:6px;font-size:24px;font-weight:900}@keyframes celIn{0%{opacity:0;transform:scale(.2)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes wobble{0%,to{transform:rotate(-2deg)scale(1)}50%{transform:rotate(2deg)scale(1.05)}}.screen{background:radial-gradient(#1b153040,#1b1530b3);place-items:center;padding:16px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}#menu{background:radial-gradient(#1b153000,#1b15308c)}.menu-card{background:var(--paper);border:4px solid var(--ink);text-align:center;border-radius:26px;width:100%;max-width:520px;max-height:calc(100vh - 32px);padding:26px 30px;animation:.45s cubic-bezier(.2,1.4,.4,1) cardIn;overflow:auto;box-shadow:0 10px #2b1d4f73,0 20px 60px #00000059}.menu-card.wide{max-width:860px}@keyframes cardIn{0%{opacity:0;transform:translateY(30px)scale(.92)}to{opacity:1;transform:none}}.menu-card h2{margin:0 0 14px;font-size:34px;font-weight:900}.title{margin-bottom:10px;line-height:.9}.title .t1{color:var(--accent);-webkit-text-stroke:2.5px var(--ink);text-shadow:0 6px 0 var(--ink);letter-spacing:1px;font-size:clamp(40px,7vw,64px);font-weight:900;animation:3s ease-in-out infinite floaty;display:block}.title .t2{color:var(--green);-webkit-text-stroke:2.5px var(--ink);text-shadow:0 6px 0 var(--ink);font-size:clamp(34px,6vw,54px);font-weight:900;animation:3s ease-in-out .4s infinite floaty;display:block}@keyframes floaty{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-6px)rotate(1deg)}}.subtitle{color:var(--ink-soft);margin:12px 0 18px;font-weight:800}.menu-buttons{flex-direction:column;align-items:stretch;gap:12px;max-width:320px;margin:10px auto;display:flex}.menu-buttons.row{flex-flow:wrap;justify-content:center;max-width:none}.btn{border:3px solid var(--ink);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:12px 22px;font-size:20px;font-weight:900;transition:transform 80ms,background .15s}.btn:hover{background:#fff7dd;transform:translateY(-2px)}.btn:active{transform:translateY(3px);box-shadow:0 2px #2b1d4f59}.btn.primary{background:var(--accent)}.btn.primary:hover{background:#ffd95c}.btn.small{border-radius:12px;padding:6px 12px;font-size:14px}.menu-footer{color:var(--ink-soft);flex-direction:column;align-items:center;gap:10px;margin-top:16px;font-weight:800;display:flex}.menu-settings{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.menu-settings label{align-items:center;gap:6px;font-size:14px;display:flex}select{border:3px solid var(--ink);color:var(--ink);background:#fff;border-radius:10px;padding:4px 8px;font-family:inherit;font-size:14px;font-weight:800}.holes-sub{color:var(--ink-soft);margin:-6px 0 14px;font-weight:700}.hole-card.current{outline:3px dashed var(--ink);outline-offset:2px;background:#fff4c2}.hole-card .pr .done{color:#1f9d49}.hole-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.hole-card{border:3px solid var(--ink);cursor:pointer;box-shadow:var(--shadow);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:10px;padding:10px;transition:transform .1s;display:flex}.hole-card:hover{background:#fff7dd;transform:translateY(-3px)rotate(-.5deg)}.hole-card .n{border:3px solid var(--ink);color:#fff;width:42px;height:42px;text-shadow:0 2px 0 var(--ink);border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:900;display:grid}.hole-card .nm{font-size:16px;font-weight:900}.hole-card .pr{color:var(--ink-soft);font-size:13px;font-weight:700}.howto-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px;display:grid}.howto-grid div{border:3px solid var(--ink);background:#fff;border-radius:14px;padding:10px 12px}.howto-grid b{margin-bottom:2px;font-size:18px;display:block}.howto-grid span{color:var(--ink-soft);font-size:14px;font-weight:700}.sc-summary{margin-bottom:12px;font-size:20px;font-weight:900}.sc-summary .good{color:#1f9d49}.sc-summary .bad{color:#d64545}.sc-summary .best{background:var(--accent);border:3px solid var(--ink);border-radius:10px;margin-left:8px;padding:0 10px;font-size:16px;animation:1.2s ease-in-out infinite pulse;display:inline-block}.sc-table-wrap{margin-bottom:16px;overflow-x:auto}#sc-table{border-collapse:separate;border-spacing:0;border:3px solid var(--ink);background:#fff;border-radius:14px;margin:0 auto;font-weight:800;overflow:hidden}#sc-table th,#sc-table td{text-align:center;border-bottom:2px solid #e4ddd0;border-right:2px solid #e4ddd0;min-width:40px;padding:8px 10px}#sc-table th{background:var(--ink);color:#fff;font-size:15px}#sc-table tr:last-child td{border-bottom:none}#sc-table td:first-child,#sc-table th:first-child{text-align:left;color:var(--ink);background:#f3ecdd}#sc-table th:first-child{background:var(--ink);color:#fff}#sc-table td.cur{background:#fff4c2}#sc-table td.total{background:#f3ecdd;font-weight:900}.score{place-items:center;width:30px;height:30px;display:inline-grid}.score.hio{border:2px solid var(--ink);background:#fc3;border-radius:50%}.score.eagle{color:#1f9d49;border:3px double #1f9d49;border-radius:50%}.score.birdie{color:#1f9d49;border:2px solid #1f9d49;border-radius:50%}.score.bogey{color:#d64545;border:2px solid #d64545;border-radius:4px}.score.double{color:#d64545;border:3px double #d64545;border-radius:4px}#loading{color:#fff;background:#1b1530;font-size:20px;font-weight:900}.loader{flex-direction:column;align-items:center;gap:16px;display:flex}.loader-ball{background:#fff;border-radius:50%;width:36px;height:36px;animation:.6s ease-in-out infinite alternate bounce;box-shadow:inset -6px -6px #d8d8e8}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-30px)}}@media (max-width:720px){.hole-meta{display:none}.hole-grid{grid-template-columns:repeat(2,1fr)}.howto-grid{grid-template-columns:1fr}.hud-center{top:64px}#hint{white-space:normal;text-align:center;width:90%;font-size:12px}}