.putting{color:var(--paper);background:#0d2b20;border-top:1px solid #315040;padding-block:80px}.putting-layout{grid-template-columns:.65fr 1.4fr;align-items:center;gap:55px;display:grid}.putting h2{margin-top:23px;font-size:clamp(3rem,4.8vw,4.9rem)}.putting h2 em{color:var(--gold)}.putting-intro{color:#ccdbc6;margin-top:24px;font-size:1.05rem}.putt-status{max-width:310px;min-height:3.5em;color:var(--gold);font:1.15rem/1.5 var(--font-display);margin-top:30px}.putt-stats{gap:28px;margin:8px 0 35px;display:flex}.putt-stats span{color:#b9c9b4;font-size:13px}.putt-stats strong{font:1.7rem/1.4 var(--font-display);color:var(--paper);margin-top:4px;display:block}.putting-surface{min-width:0}.green-stage{background:linear-gradient(#142e2080,#214127);border:1px solid #7d99603d;border-radius:3px;height:490px;position:relative;overflow:hidden}#putting-canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}#putting-canvas.ready{touch-action:none}#putting-canvas:active{cursor:grabbing}#putting-canvas:focus-visible{outline-offset:-5px;outline-color:var(--gold)}.green-badge{letter-spacing:.13em;color:#edf0d4;pointer-events:none;text-shadow:0 1px 5px #000;font-size:12px;position:absolute;top:20px;left:22px}.green-hint{color:#f5efd9;white-space:nowrap;pointer-events:none;background:#0d2b20bb;border-radius:40px;padding:8px 17px;font-size:13px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.putting-controls{align-items:center;gap:24px;padding:24px 0 15px;display:flex}.putting-sliders{flex:1;gap:24px;min-width:0;display:flex}.putting-sliders label{color:#d8e1cc;flex:1;min-width:0;font-size:14px;display:block}.putting-sliders output{float:right;color:var(--gold)}.putting-sliders input{width:100%;accent-color:var(--gold);cursor:pointer;min-height:24px;margin:12px 0 0;display:block}.putting-buttons{flex-direction:column;align-items:center;gap:9px;display:flex}.putting-buttons .button{min-height:44px;padding:12px 23px}.putt-reset{color:#d8e1cc;background:0 0;border:0;border-bottom:1px solid #84987b;padding:4px 0;font-size:13px}.putting button:disabled{cursor:default;opacity:.5;transform:none}#putt-help{color:#aebeaa;max-width:620px;font-size:13px;line-height:1.6}.no-game{background:#0b261e;padding:20px;position:absolute;inset:40% 10% auto}.putting .text-link{color:#d3dfc9}@media (width<=1000px){.putting-layout{grid-template-columns:.65fr 1.1fr;gap:30px}.green-stage{height:440px}.putting-controls{gap:15px}.putting-sliders{gap:16px}}@media (width<=800px){.putting{padding-block:55px}.putting-layout{grid-template-columns:1fr;gap:30px}.putting-copy{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}.putting-copy>.eyebrow,.putting-copy>h2{grid-column:1/-1}.putting-copy>h2{font-size:3.4rem}.putting-intro{margin-top:20px}.putt-status{align-self:center;margin-top:20px}.putt-stats{margin:18px 0 0}.putting-copy>.text-link{place-self:center start;margin-top:15px;font-size:13px}.green-stage{height:440px}.green-badge{letter-spacing:.08em;font-size:12px;left:16px}.putting-sliders{gap:18px}.putting-controls{gap:16px}.putting-buttons .button{padding-inline:20px}}@media (width<=400px){.green-stage{height:410px}.putting-sliders{flex-direction:column;gap:10px}.putting-buttons{align-self:center}.putting-copy>h2{font-size:3rem}}.putting-cinematic{background:#0b261e;padding:0;position:relative}.putting-cinematic .green-stage{isolation:isolate;background:#203b24;border:0;border-radius:0;height:650px}.putting-backdrop{object-fit:cover;object-position:50% 50%;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.putting-cinematic #putting-canvas{z-index:0;opacity:0;transition:opacity .6s;position:absolute;inset:0}.putting-cinematic #putting-canvas.ready{opacity:1}.putting-shade{pointer-events:none;z-index:1;background:linear-gradient(90deg,#08261eef 0%,#09271edf 25%,#09271e65 43%,#0000 61%),linear-gradient(#0000 77%,#0b261e70);position:absolute;inset:0}.putting-cinematic .putting-copy{z-index:3;pointer-events:none;width:34%;position:absolute;top:85px;left:max(5.3vw,50vw - 644px)}.putting-cinematic h2{text-shadow:0 2px 22px #071c1940;font-size:clamp(3.2rem,5.2vw,5.2rem);line-height:1.02}.putting-cinematic .putting-intro{color:#e4e8d7}.putting-cinematic .putt-status{color:#eed9a8;text-shadow:0 1px 5px #061d16;max-width:315px;margin-top:28px}.putting-cinematic .green-badge{z-index:2;color:#fff8dd;text-shadow:0 1px 8px #19301a;font-size:12px;top:30px;left:auto;right:5.3vw}.putting-cinematic .green-hint{z-index:2;backdrop-filter:blur(12px);background:#0d2b2070;border:1px solid #faf0ca38;padding:10px 20px;bottom:30px;left:70%}.putting-toolbar{border-top:1px solid #d9be7f25;grid-template-columns:1fr 1.55fr;align-items:center;gap:65px;padding-block:24px;display:grid}.putting-toolbar .putting-controls{gap:35px;padding:0}.putting-toolbar #putt-help{font:1.1rem var(--font-display);color:#e1dfce}.putting-toolbar #putt-help span{font:13px/1.6 var(--font-body);color:#bac7b5;margin-top:8px;display:block}.putting-toolbar .putting-sliders{gap:30px}.putting-toolbar .putting-buttons{flex-direction:row;flex-shrink:0;gap:24px}.putting-toolbar .putt-reset{white-space:nowrap}.putting-toolbar .putting-buttons .button{min-width:100px}.putting-toolbar input{accent-color:#d9be7f}.putting-cinematic .no-game{z-index:5}.putting-cinematic .putt-stats strong{font-size:1.8rem}@media (width<=1100px){.putting-cinematic .putting-copy{width:38%;left:5.3vw}.putting-cinematic h2{font-size:3.7rem}.putting-cinematic .green-stage{height:610px}.putting-toolbar{grid-template-columns:.85fr 1.6fr;gap:30px}.putting-toolbar .putting-controls{gap:20px}.putting-toolbar .putting-buttons{flex-direction:column;gap:6px}.putting-toolbar .putting-sliders{gap:20px}}@media (width<=800px){.putting-cinematic .putting-copy{pointer-events:auto;grid-template-columns:1fr 1fr;gap:0 14px;width:auto;padding:40px 24px 28px;display:grid;position:relative;top:auto;left:auto}.putting-cinematic .putting-copy>.eyebrow,.putting-cinematic .putting-copy>h2{grid-column:1/-1}.putting-cinematic h2{margin-top:17px;font-size:3.4rem}.putting-cinematic .putting-intro{grid-column:1;margin-top:17px;font-size:1rem}.putting-cinematic .putt-status{grid-area:3/2/5;align-self:center;max-width:none;margin:17px 0 0;font-size:1.05rem}.putting-cinematic .putt-stats{grid-column:1;gap:26px;margin-top:17px}.putting-cinematic .green-stage{height:540px}.putting-shade{background:linear-gradient(#0000 75%,#0b261e65)}.putting-cinematic .green-badge{letter-spacing:.07em;font-size:11px;top:22px;right:20px}.putting-cinematic .green-hint{font-size:13px;bottom:24px;left:50%}.putting-cinematic .putting-backdrop{object-position:54% 50%}.putting-toolbar{grid-template-columns:1fr;gap:20px;padding-block:25px}.putting-toolbar .putting-buttons{flex-direction:column}.putting-toolbar .putting-controls{gap:22px}.putting-toolbar #putt-help{font-size:1.05rem}.putting-toolbar .putting-sliders{flex-direction:row;gap:23px}.putting-toolbar .putting-buttons .button{min-width:92px}}@media (width<=380px){.putting-cinematic h2{font-size:3rem}.putting-cinematic .green-stage{height:490px}.putting-toolbar .putting-sliders,.putting-toolbar .putting-controls{gap:14px}.putting-toolbar .putting-buttons .button{min-width:78px;padding-inline:16px}}.green-hint.is-action{pointer-events:auto;cursor:pointer;background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:600}.green-hint.is-action:hover{background:#e4cb92}.putting-sliders[hidden]{display:none!important}.putt-result{z-index:3;backdrop-filter:blur(12px);text-align:center;min-width:min(80%,320px);color:var(--paper);opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease);pointer-events:none;background:#0d2b20cc;border:1px solid #faf0ca38;border-radius:6px;padding:1rem 1.4rem 1.1rem;position:absolute;bottom:22%;left:50%;transform:translate(-50%,12px)}.putt-result.show{opacity:1;transform:translate(-50%)}.putt-result .r-line{font-family:var(--font-display);max-width:none;font-size:1.35rem;line-height:1.2}.putt-result .r-dist{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);max-width:none;margin-top:.4rem;font-size:.8rem}.putt-reset[hidden]{display:none!important}.putt-result .r-post{pointer-events:auto;border-top:1px solid #faf0ca38;margin-top:.9rem;padding-top:.9rem}.putt-result .r-post[hidden]{display:none}.r-streak{color:var(--paper);max-width:none;font-size:.9rem}.r-row{gap:.5rem;margin-top:.6rem;display:flex}.r-row input{min-width:0;color:var(--paper);font:.95rem var(--font-body);background:#0b261e;border:1px solid #faf0ca55;flex:1;padding:.6rem .75rem}.r-row .btn{padding:.6rem 1rem;font-size:.9rem}.r-skip{color:#f7f6f099;cursor:pointer;background:0 0;border:0;margin-top:.5rem;font-size:.8rem;text-decoration:underline}.r-msg{color:var(--gold);max-width:none;margin-top:.5rem;font-size:.85rem}.r-msg:empty{display:none}.putt-result:has(.r-post:not([hidden])){pointer-events:auto;min-width:min(88%,380px)}.board[hidden]{display:none}.board .h{font-size:clamp(2rem,3.4vw,2.8rem)}.board .small{margin-top:.75rem}.streaks li{border-bottom:1px solid var(--line);grid-template-columns:2rem auto 1fr auto;align-items:baseline;gap:1rem;padding:.6rem 0;display:grid}.streaks .pos{font-family:var(--font-display);color:var(--gold-deep)}.streaks .who{font-family:var(--font-display);color:var(--ink);font-size:1.25rem}.streaks .dots{background-image:radial-gradient(circle, var(--line-strong) 1px, transparent 1.2px);background-size:6px 1px;align-self:center;height:1px}.streaks .n{font-family:var(--font-display);color:var(--ink);font-size:1.4rem}.streaks .empty{color:var(--muted);font-family:var(--font-display);font-size:1.15rem;display:block}.putting-cinematic .putt-stats{margin-bottom:0}@media (width>=801px){.putting-cinematic .putting-copy{top:auto;bottom:96px}.putting-cinematic .green-stage{height:700px}}@media (width<=800px){.putt-result{bottom:18%}}.putting .eyebrow{color:var(--gold)}.putting h2{color:var(--paper);margin-top:.5rem}.putting .wrap{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.putting-copy{width:100%;max-width:var(--maxw);padding:0 var(--gutter) 2rem;margin-inline:auto}.putting .button:disabled,.putting .putt-reset:disabled{opacity:.45;cursor:not-allowed}