@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{--bg:#07120e;--bg2:#0b1813;--surface:#102019;--surface2:#1b3027;--ink:#f2efe6;--muted:#97a59d;--faint:#617269;--line:#e7f0e61c;--green:#66d8ac;--coral:#ea6955;--amber:#f2c65d;--mono:"DM Mono",ui-monospace,monospace;--sans:"Noto Sans KR",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--sans);color:var(--ink);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{background:var(--bg);min-width:320px;min-height:100svh;margin:0}body,button,input{font-family:var(--sans)}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button,input{font:inherit}button:not(:disabled),input[type=range]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}::selection{color:#07120e;background:var(--green)}#root,.app-shell{min-height:100svh}.app-shell{flex-direction:column;display:flex;overflow:hidden}.app-shell>main{flex:1}.page-wrap{width:min(1360px,100% - 64px);margin-inline:auto}.site-header{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07120ee0;grid-template-columns:1fr auto 1fr;align-items:center;min-height:74px;padding:0 max(32px,50vw - 680px);display:grid;position:relative}.brand{align-items:center;gap:11px;width:max-content;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--green);border:1px solid #66d8ac59;border-radius:50%;place-items:center;display:grid}.brand>span:last-child{flex-direction:column;line-height:.9;display:flex}.brand strong{font-family:var(--mono);letter-spacing:.22em;font-size:13px}.brand small{color:var(--green);font:500 8px/1 var(--mono);letter-spacing:.34em;margin-top:7px}.main-nav{align-items:stretch;gap:38px;height:74px;display:flex}.main-nav a{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex;position:relative}.main-nav a:after{content:"";background:var(--green);height:2px;transition:all .25s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.main-nav a:hover,.main-nav a.active{color:var(--ink)}.main-nav a.active:after{transform:scaleX(1)}.header-player{font:500 11px/1 var(--mono);justify-self:end;align-items:center;gap:8px;display:flex}.player-avatar{color:#0b1813;width:30px;height:30px;font:700 12px/1 var(--sans);background:#e8e1cf;border-radius:50%;place-items:center;display:grid}.eyebrow{color:var(--green);font:500 10px/1.2 var(--mono);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:8px;display:inline-flex}em{color:var(--green);font-style:normal}.primary-button,.text-button{border:0;justify-content:center;align-items:center;gap:10px;display:inline-flex}.primary-button{color:#07120e;background:var(--green);border-radius:2px;min-height:49px;padding:0 19px 0 22px;font-size:13px;font-weight:800;transition:all .2s}.primary-button:hover{background:#84e7c2;transform:translateY(-2px)}.primary-button svg{width:18px}.text-button{color:var(--ink);background:0 0;font-size:12px;font-weight:600}.text-button:hover{color:var(--green)}.icon-button{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;transition:all .2s;display:grid}.icon-button:hover:not(:disabled){color:var(--green);border-color:#66d8ac66}.profile-gate{z-index:1000;background:#07120e;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow:hidden}.profile-gate:before{content:"";opacity:.035;background-image:linear-gradient(#ffffff80 1px,#0000 1px),linear-gradient(90deg,#ffffff80 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.gate-glow{filter:blur(100px);opacity:.13;border-radius:50%;width:500px;height:500px;position:absolute}.gate-glow-one{background:var(--green);top:-180px;left:-220px}.gate-glow-two{background:var(--coral);bottom:-190px;right:-220px}.profile-card{border:1px solid var(--line);background:#102019d1;width:min(460px,100%);padding:50px;position:relative;box-shadow:0 34px 100px #0000006b}.profile-card:before,.profile-card:after{content:"";border-color:var(--green);opacity:.6;width:34px;height:34px;position:absolute}.profile-card:before{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.profile-card:after{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.profile-icon{width:62px;height:62px;color:var(--green);background:#66d8ac0f;border:1px solid #66d8ac40;border-radius:50%;place-items:center;margin-bottom:28px;display:grid}.profile-card h1{letter-spacing:-.055em;margin:18px 0 16px;font-size:clamp(32px,7vw,46px);line-height:1.18}.profile-card>p{color:var(--muted);margin-bottom:34px;font-size:13px;line-height:1.8}.profile-card label{color:var(--faint);font:500 9px/1 var(--mono);letter-spacing:.14em;margin-bottom:9px;display:block}.name-field{border-bottom:1px solid #f2efe659;grid-template-columns:1fr 52px;height:56px;display:grid}.name-field:focus-within{border-color:var(--green)}.name-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:20px;font-weight:600}.name-field input::placeholder{color:#4e5f56}.name-field button{color:#07120e;background:var(--green);border:0}.name-field button:disabled{color:var(--faint);background:var(--surface2)}.profile-card>small{color:var(--faint);margin-top:14px;font-size:10px;display:block}.home-page{width:min(1180px,100% - 64px);margin-inline:auto;padding:46px 0 88px}.home-launch{width:100%}.home-intro{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:32px;min-height:132px;padding:0 2px 28px;display:grid}.home-intro h1{letter-spacing:-.065em;margin-top:11px;font-size:clamp(36px,4vw,52px);line-height:1.08}.home-intro p{color:var(--muted);margin-top:10px;font-size:13px}.home-rank-link{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#ffffff05;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.home-rank-link:hover{color:var(--green);background:#66d8ac0f;border-color:#66d8ac6b}.home-launch-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.home-game-card{--accent:var(--green);border:1px solid var(--line);background:#1020197a;flex-direction:column;min-height:250px;padding:24px;transition:transform .2s,border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.home-game-card.coral{--accent:var(--coral)}.home-game-card.amber{--accent:var(--amber)}.home-game-card:before{content:"";background:var(--accent);height:2px;transition:right .2s;position:absolute;top:-1px;left:0;right:72%}.home-game-card:hover{background:#102019d1;border-color:#f2efe63d;transform:translateY(-3px)}.home-game-card:hover:before{right:0}.home-game-card>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.home-game-icon{width:38px;height:38px;color:var(--accent);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid}.home-game-icon svg{width:18px}.home-game-format{color:var(--faint);font:500 8px/1 var(--mono);letter-spacing:.12em}.home-game-copy{margin-top:27px}.home-game-copy small{color:var(--accent);font:500 8px/1 var(--mono);letter-spacing:.15em}.home-game-copy h2{letter-spacing:-.055em;margin-top:9px;font-size:34px;line-height:1}.home-game-copy p{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.65}.home-game-card footer{color:var(--faint);font:500 8px/1 var(--mono);letter-spacing:.12em;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:22px;display:flex}.home-game-card footer strong{color:var(--accent);font:700 10px/1 var(--sans);letter-spacing:0;align-items:center;gap:7px;display:flex}.home-game-card footer svg{transition:transform .2s}.home-game-card:hover footer svg{transform:translate(3px)}.home-scoreboards{padding-top:58px}.home-scoreboards>header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.home-scoreboards>header h2{letter-spacing:-.045em;margin-top:8px;font-size:28px}.home-leaderboard-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:12px;display:grid}.home-leaderboard-grid .leaderboard-card{padding:22px 18px}.home-leaderboard-grid .leaderboard-card>header{margin-bottom:14px}.home-leaderboard-grid .score-list li{grid-template-columns:22px 30px 1fr auto;gap:8px;min-height:54px}.home-leaderboard-grid .rank-avatar{width:28px;height:28px}.home-leaderboard-grid .score-list time{display:none}.leaderboard-card{border:1px solid var(--line);background:#102019b8;padding:30px}.leaderboard-card>header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.leaderboard-card h2{letter-spacing:-.04em;margin-top:9px;font-size:23px}.score-list{margin:0;padding:0;list-style:none}.score-list li{border-top:1px solid var(--line);grid-template-columns:28px 34px 1fr auto auto;align-items:center;gap:11px;min-height:61px;display:grid}.score-list li:last-child{border-bottom:1px solid var(--line)}.rank{color:var(--faint);font:500 10px/1 var(--mono)}.rank-1{color:var(--amber)}.rank-2{color:#c9d3d0}.rank-3{color:#b87758}.rank-avatar{background:var(--surface2);border-radius:50%;place-items:center;width:31px;height:31px;font-size:11px;font-weight:700;display:grid}.rank-name{flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.rank-name small,.score-list strong small{color:var(--faint);font:500 7px/1 var(--mono)}.score-list strong{text-align:right;min-width:58px;color:var(--green);font:500 18px/1 var(--mono)}.score-list time{width:41px;color:var(--faint);text-align:right;font:400 9px/1 var(--mono)}.score-list .empty-score,.score-list .error-score{color:var(--faint);grid-template-columns:22px 1fr;font-size:11px}.score-list .error-score{color:var(--coral)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.leaderboard-page{padding:105px 0 130px}.page-title-block{max-width:820px;margin-bottom:68px}.page-title-block h1{letter-spacing:-.075em;margin:23px 0 25px;font-size:clamp(53px,7vw,84px);line-height:.99}.page-title-block h1 em{letter-spacing:-.055em;font-family:Georgia,serif;font-weight:400}.page-title-block>p{color:var(--muted);font-size:14px}.leaderboard-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:18px;display:grid}.play-page{min-height:100vh}.play-header{grid-template-columns:1fr auto 1fr;align-items:center;min-height:135px;display:grid}.back-link{width:max-content;color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.back-link:hover{color:var(--green)}.play-title{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.play-title h1{letter-spacing:-.06em;font-size:30px;line-height:1}.shot-score{justify-self:end;align-items:center;gap:12px;display:flex}.shot-score>span{text-align:center;flex-direction:column;gap:5px;display:flex}.shot-score small,.yacht-total small{color:var(--faint);font:600 8px/1 var(--sans)}.shot-score strong{font:500 23px/1 var(--mono)}.button-loader{border:2px solid;border-right-color:#0000;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.billiards-layout{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 370px;display:grid}.table-stage{background:#07120e;min-width:0;min-height:680px;position:relative;overflow:hidden}.table-stage canvas,.dice-stage canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.table-hint{z-index:3;width:max-content;max-width:calc(100% - 40px);color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07120eb8;padding:8px 11px;font-size:12px;position:absolute;bottom:23px;left:50%;transform:translate(-50%)}.shot-verdict{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07120ee3;border:1px solid;gap:12px;max-width:360px;padding:14px 16px;animation:.35s both verdictIn;display:flex;position:absolute;top:22px;left:23px}.shot-verdict>span{border-radius:50%;flex:none;place-items:center;width:31px;height:31px;display:grid}.shot-verdict svg{width:15px}.shot-verdict div{flex-direction:column;gap:5px;display:flex}.shot-verdict strong{font-size:12px}.shot-verdict small{color:var(--muted);font-size:9px;line-height:1.5}.shot-verdict.success{border-color:#66d8ac59}.shot-verdict.success>span{color:#07120e;background:var(--green)}.shot-verdict.miss{border-color:#ea69554d}.shot-verdict.miss>span{color:var(--coral);background:#ea69551a}@keyframes verdictIn{0%{opacity:0;transform:translateY(-10px)}}.yacht-total{flex-direction:column;justify-self:end;align-items:flex-end;gap:7px;display:flex}.yacht-total strong{color:var(--amber);font:500 27px/1 var(--mono)}.yacht-total em{color:var(--faint);font-size:10px}.yacht-layout{grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);gap:22px;padding-bottom:110px;display:grid}.dice-column{min-width:0}.dice-stage{border:1px solid var(--line);background:#10120f;height:510px;position:relative;overflow:hidden}.dice-stage-label{color:var(--amber);font:500 8px/1 var(--mono);background:#10120fb3;border:1px solid #f2c65d38;align-items:baseline;gap:3px;padding:8px 10px;display:flex;position:absolute;top:19px;left:20px}.dice-stage-label span{color:var(--faint)}.roll-indicator{gap:5px;display:flex;position:absolute;top:19px;right:20px}.roll-indicator i{border:1px solid var(--line);width:26px;height:26px;color:var(--faint);font:normal 500 8px/1 var(--mono);background:#10120fb3;border-radius:50%;place-items:center;display:grid}.roll-indicator i.used{color:#10120f;border-color:var(--amber);background:var(--amber)}.dice-controls{border:1px solid var(--line);background:var(--bg2);border-top:0;padding:20px}.hold-buttons{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.hold-buttons button{border:1px solid var(--line);min-height:53px;color:var(--muted);background:0 0;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:8px;display:grid}.hold-buttons button span{font:500 17px/1 var(--mono)}.hold-buttons button small{color:var(--faint);align-items:center;gap:3px;font-size:8px;display:flex}.hold-buttons button.held{color:#10120f;border-color:var(--amber);background:var(--amber)}.hold-buttons button.held small{color:#5d4b1e}.roll-button{color:#10120f;background:var(--amber);border:0;justify-content:center;align-items:center;gap:10px;width:100%;min-height:57px;margin-top:8px;font-size:12px;font-weight:800;display:flex}.roll-button svg{width:19px}.roll-button small{font:600 9px/1 var(--sans);border-left:1px solid #10120f40;margin-left:8px;padding-left:15px}.scorecard{border:1px solid var(--line);background:var(--bg2)}.scorecard>header{border-bottom:1px solid var(--line);align-items:center;min-height:70px;padding:17px 20px;display:flex}.scorecard>header h2{letter-spacing:-.04em;font-size:21px}.scorecard-labels{min-height:31px;color:var(--faint);font:600 8px/1 var(--sans);background:#ffffff05;grid-template-columns:1fr 1fr 45px;align-items:center;padding:0 17px 0 49px;display:grid}.scorecard-labels span:last-child{text-align:right}.score-rows{padding:0 14px}.score-rows button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:25px 1.25fr 1fr 39px;align-items:center;gap:6px;padding:0 5px;transition:all .15s;display:grid}.score-rows button:hover:not(:disabled){background:#66d8ac0f}.score-rows button:disabled{opacity:1;cursor:default}.score-rows .category-index{color:var(--faint);font:500 7px/1 var(--mono)}.score-rows strong{font-size:10px}.score-rows small{color:var(--faint);font-size:8px}.score-rows em{color:var(--green);font:normal 500 15px/1 var(--mono);justify-self:end}.score-rows button.locked{color:var(--muted);background:#ffffff05}.score-rows button.locked em{color:var(--amber)}.result-overlay{z-index:200;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#030806db;place-items:center;padding:22px;animation:.3s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.result-card{border:1px solid var(--line);background:#0e1d17;width:min(460px,100%);max-height:calc(100svh - 36px);padding:44px;overflow-y:auto;box-shadow:0 35px 120px #0000008c}.result-final-score{font:500 64px/1 var(--mono);letter-spacing:-.06em;align-items:baseline;margin-bottom:13px;display:flex}.result-final-score em{color:var(--green);font:inherit}.result-card.amber .result-final-score em{color:var(--amber)}.result-final-score span{color:var(--ink);font:700 17px/1 var(--sans);letter-spacing:0;margin-left:6px}.result-final-score small{color:var(--faint);font:500 13px/1 var(--mono);letter-spacing:0;margin-left:9px}.result-card>p{color:var(--muted);font-size:14px;line-height:1.65}.result-save-state{min-height:21px;margin-top:18px;color:var(--green)!important;font-size:11px!important}.result-save-state.error{color:var(--amber)!important}.result-actions{align-items:center;gap:22px;margin-top:25px;display:flex}@media (width<=1100px){.page-wrap{width:min(100% - 40px,1360px)}.home-page{width:min(100% - 40px,1180px)}.billiards-layout{grid-template-columns:minmax(0,1fr) 330px}.yacht-layout{grid-template-columns:minmax(0,1fr) 390px;width:calc(100% - 40px)}.score-rows button{grid-template-columns:22px 1fr .9fr 35px}}@media (width<=860px){.site-header{grid-template-columns:1fr auto auto;gap:20px;min-height:64px;padding:0 20px}.main-nav{gap:22px;height:64px;padding:0;position:static;transform:none}.main-nav a:after{bottom:-1px}.header-player{grid-column:auto}.home-page{width:min(100% - 40px,680px);padding:36px 0 70px}.home-intro{grid-template-columns:1fr;align-items:start;gap:20px;min-height:0}.home-rank-link{justify-self:start}.home-launch-grid,.home-leaderboard-grid{grid-template-columns:1fr}.home-game-card{min-height:200px}.home-scoreboards{padding-top:48px}.home-scoreboards>header{align-items:flex-start}.leaderboard-grid{grid-template-columns:1fr}.leaderboard-page{padding-top:75px}}@media (width<=560px){.page-wrap{width:calc(100% - 28px)}.site-header{gap:13px;padding:0 14px}.brand-mark{width:34px;height:34px}.brand>span:last-child,.header-player>span:last-child{display:none}.main-nav{gap:14px}.main-nav a{font-size:11px}.home-page{width:calc(100% - 28px);padding:28px 0 56px}.home-intro{grid-template-columns:1fr auto;align-items:end;gap:12px;padding-bottom:20px}.home-intro h1{font-size:30px}.home-intro p{font-size:11px;line-height:1.6}.home-rank-link{min-height:40px;padding-inline:12px;font-size:10px}.home-game-card{min-height:156px;padding:16px 18px}.home-game-icon{width:34px;height:34px}.home-game-copy{margin-top:12px}.home-game-copy small{display:none}.home-game-copy h2{margin-top:0;font-size:28px}.home-game-copy p{margin-top:8px;font-size:11px;line-height:1.5}.home-game-card footer{padding-top:12px}.home-game-card footer>span{display:none}.home-scoreboards{padding-top:42px}.home-scoreboards>header{flex-direction:column;gap:12px}.home-leaderboard-grid .leaderboard-card{padding:20px 15px}.profile-card{padding:38px 25px}.profile-card h1{font-size:36px}.leaderboard-card{padding:20px 15px}.score-list li{grid-template-columns:22px 31px 1fr auto;gap:8px}.score-list time{display:none}.leaderboard-page{padding-top:60px}.page-title-block h1{font-size:48px}.page-title-block h1 br{display:none}.result-overlay{padding:8px}.result-card{max-height:calc(100svh - 16px);padding:34px 24px}.result-final-score{font-size:52px}.result-actions{flex-direction:column;align-items:stretch;gap:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.game-loading{min-height:70svh;color:var(--green);font:500 10px/1 var(--mono);letter-spacing:.14em;justify-content:center;align-items:center;gap:12px;display:flex}.webgl-fallback{width:100%;height:100%;min-height:320px;color:var(--muted);text-align:center;font:500 11px/1.7 var(--mono);background:#07120e;place-items:center;padding:24px;display:grid}.table-hint,.shot-verdict{pointer-events:none}.billiards-layout{display:block;position:relative}.billiards-layout .table-stage{width:100%}.shot-rail{z-index:8;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#07120ed1;border:1px solid #66d8ac3d;border-radius:14px;grid-template-rows:50px auto minmax(210px,1fr);gap:8px;width:96px;padding:8px;display:grid;position:absolute;top:18px;bottom:18px;right:18px;box-shadow:0 18px 45px #00000057}.rail-view-toggle{border:1px solid var(--line);min-height:0;color:var(--muted);background:#ffffff06;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px;display:flex}.rail-view-toggle:hover:not(:disabled){color:var(--green);border-color:#66d8ac66}.rail-view-toggle svg{width:17px}.rail-view-toggle span{font-size:8px;font-weight:700}.rail-strokes{border-block:1px solid var(--line);flex-direction:column;gap:5px;padding:7px 0;display:flex}.rail-strokes>small{color:var(--faint);text-align:center;font:600 7px/1 var(--sans)}.rail-strokes button{min-height:47px;color:var(--faint);background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:5px 3px;display:flex}.rail-strokes button i{transform-origin:100%;background:linear-gradient(90deg,#7f4a24 0 31%,#c58a45 32% 88%,#75a9a4 89%);border-radius:4px;width:42px;height:3px;position:relative}.rail-strokes button.push i{transform:rotate(-5deg)}.rail-strokes button.punch i{width:31px;transform:rotate(7deg)}.rail-strokes button span{font-size:8px;font-weight:700}.rail-strokes button.active{color:var(--green);background:#66d8ac17;border-color:#66d8ac6b}.rail-cue-control{text-align:center;grid-template-rows:auto minmax(0,1fr) auto;gap:5px;min-height:0;display:grid}.rail-power{justify-content:center;align-items:baseline;gap:4px;display:flex}.rail-power small{color:var(--faint);font:600 7px/1 var(--sans)}.rail-power strong{color:var(--green);font:500 13px/1 var(--mono)}.rail-cue-pull{border:1px solid var(--line);touch-action:none;cursor:ns-resize;background:linear-gradient(#ffffff09,#66d8ac06);border-radius:10px;width:100%;min-height:0;padding:0;position:relative;overflow:hidden}.rail-cue-pull:not(:disabled):active{border-color:#f2c65d8c}.rail-cue-guide{border-left:1px dashed #f2c65d47;width:1px;position:absolute;top:12px;bottom:18px;left:50%;transform:translate(-50%)}.rail-cue-shaft{--cue-offset:0px;z-index:2;width:5px;height:116px;transform:translate(-50%,var(--cue-offset));background:linear-gradient(#75a9a4 0 7%,#d7aa65 8% 70%,#75401f 71%);border-radius:4px;transition:transform 40ms linear;position:absolute;top:10px;left:50%;box-shadow:0 4px 11px #0006}.rail-cue-shaft i{background:#f2c65d1f;border:2px solid #f2c65dcc;border-radius:50%;width:18px;height:18px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.rail-cue-scale{z-index:1;color:#cddfd661;font:500 6px/1 var(--mono);pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:128px;bottom:18px;right:4px}.rail-cue-scale i{font-style:normal}.rail-cue-arrow{width:16px;color:var(--amber);opacity:.72;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.rail-cue-control>small{min-height:10px;color:var(--faint);font:500 7px/1.2 var(--mono)}.shot-rail.pulling{border-color:#f2c65d85}.shot-rail.pulling .rail-power strong,.shot-rail.pulling .rail-cue-control>small{color:var(--amber)}.shot-rail.overview .rail-cue-shaft{opacity:.45}.table-hint{max-width:calc(100% - 230px)}@media (width<=860px){.shot-rail{border-radius:12px;grid-template-rows:45px auto minmax(205px,1fr);gap:6px;width:78px;padding:6px;position:absolute;top:7px;bottom:7px;right:7px}.rail-view-toggle{border-radius:8px}.rail-strokes{gap:3px;padding:5px 0}.rail-strokes button{min-height:42px}.rail-strokes button i{width:34px}.rail-strokes button.punch i{width:27px}.rail-cue-shaft{height:104px}.rail-cue-scale{top:116px}.billiards-page .table-hint{max-width:calc(100% - 116px);left:calc(50% - 34px)}}@media (width<=560px){.shot-rail{width:72px}.rail-strokes button{min-height:39px}.rail-strokes button span{font-size:7px}.rail-cue-control>small{font-size:6px}.billiards-page .table-hint{max-width:calc(100% - 103px);left:calc(50% - 31px)}}@media (height<=620px) and (width<=860px){.shot-rail{grid-template-rows:34px 88px minmax(82px,1fr);gap:3px;width:74px;padding:4px;top:5px;bottom:5px;right:5px}.rail-view-toggle{gap:0;padding:2px}.rail-view-toggle svg{width:14px}.rail-view-toggle span{font-size:6px}.rail-strokes{grid-template-columns:1fr;gap:1px;padding:2px 0;display:grid}.rail-strokes>small{display:none}.rail-strokes button{grid-template-columns:27px 1fr;gap:2px;min-height:27px;padding:1px;display:grid}.rail-strokes button i,.rail-strokes button.punch i{width:25px}.rail-strokes button span{font-size:6px}.rail-power strong{font-size:10px}.rail-power small{font-size:5px}.rail-cue-shaft{height:45px;transform:translate(-50%,var(--cue-offset))}.rail-cue-scale{top:50px}.rail-cue-shaft i{width:12px;height:12px;bottom:-5px}.rail-cue-guide{top:6px;bottom:10px}.rail-cue-arrow{width:12px;bottom:0}.rail-cue-control>small{font-size:5px}.billiards-page .table-hint{display:none}}body:has(.game-shell){overscroll-behavior:none;height:100dvh;min-height:0;overflow:hidden}html:has(.game-shell){overscroll-behavior:none;height:100dvh;min-height:0;overflow:hidden}#root:has(.game-shell){overscroll-behavior:none;height:100dvh;min-height:0;overflow:hidden}.game-shell,.game-shell *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.game-shell button,.game-shell a{touch-action:manipulation}.game-shell .table-stage,.game-shell .dice-stage,.game-shell .rail-cue-pull,.game-shell input[type=range]{touch-action:none}.game-shell{--game-hud-h:70px;height:100dvh;min-height:0;overflow:hidden}.game-shell>main{height:100dvh;min-height:0;overflow:hidden}.game-shell .play-page{grid-template-rows:var(--game-hud-h) minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.game-shell .play-header{width:min(100% - 32px,1460px);height:var(--game-hud-h);min-height:0}.life-dots{gap:4px;display:flex}.life-dots i{border:1px solid var(--line);width:24px;height:24px;color:var(--faint);border-radius:50%;place-items:center;font-style:normal;transition:color .2s,border-color .2s,background .2s,opacity .2s;display:grid}.life-dots svg{fill:currentColor;width:11px;height:11px}.life-dots i.active{color:var(--coral);background:#ea69551a;border-color:#ea695566}.life-dots i.used{opacity:.2}.game-shell .play-title h1{font-size:26px}.game-shell .billiards-layout,.game-shell .yacht-layout{height:100%;min-height:0}.game-shell .billiards-layout{border-bottom:0;width:100%}.game-shell .billiards-page .table-stage{width:100%;height:100%;min-height:0;max-height:none}.game-shell .billiards-page .shot-rail{width:108px;top:12px;bottom:12px;right:12px}.game-shell .billiards-page .table-hint{max-width:calc(100% - 260px)}.game-shell .yacht-layout{width:min(100% - 32px,1460px);padding:0 0 max(10px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1.46fr) minmax(350px,.74fr);gap:12px}.game-shell .yacht-page .dice-column{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.game-shell .yacht-page .dice-stage{height:auto;min-height:220px}.game-shell .yacht-page .dice-stage-label{padding:7px 9px;top:13px;left:14px}.game-shell .yacht-page .dice-stage-label span{color:var(--faint);margin-left:2px}.game-shell .yacht-page .roll-indicator{top:13px;right:14px}.game-shell .yacht-page .roll-indicator i{width:24px;height:24px}.game-shell .yacht-page .dice-controls{grid-template-columns:minmax(0,1fr) 210px;gap:8px;min-height:0;padding:7px;display:grid}.game-shell .yacht-page .hold-buttons{gap:4px;min-width:0}.game-shell .yacht-page .hold-buttons button{gap:5px;min-width:0;min-height:43px;padding:3px}.game-shell .yacht-page .hold-buttons button span{font-size:15px}.game-shell .yacht-page .roll-button{height:100%;min-height:43px;margin:0}.game-shell .yacht-page .scorecard{grid-template-rows:52px 25px minmax(0,1fr);height:100%;min-height:0;margin:0;display:grid;overflow:hidden}.game-shell .yacht-page .scorecard>header{min-height:0;padding:10px 15px}.game-shell .yacht-page .scorecard>header h2{font-size:18px}.game-shell .yacht-page .scorecard-labels{height:25px;min-height:0;padding:0 12px 0 42px}.game-shell .yacht-page .score-rows{grid-template-rows:repeat(12,minmax(0,1fr));min-height:0;padding:0 8px;display:grid}.game-shell .yacht-page .score-rows button{grid-template-columns:22px 1.2fr 1fr 34px;height:100%;min-height:0;padding:0 4px}.game-shell .yacht-page .score-rows strong{font-size:10px}.game-shell .yacht-page .score-rows small{font-size:8px;line-height:1.25}.game-shell .yacht-page .score-rows em{font-size:13px}@media (width<=860px){.game-shell{--game-hud-h:66px}.game-shell .play-header{width:calc(100% - 20px);height:var(--game-hud-h);grid-template-columns:34px auto minmax(0,1fr)}.game-shell .back-link{border:1px solid var(--line);border-radius:50%;grid-area:1/1;place-items:center;width:32px;height:32px;display:grid}.game-shell .back-link span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-shell .play-title{text-align:left;grid-area:1/2;align-items:flex-start}.game-shell .shot-score,.game-shell .yacht-total{grid-area:1/3;justify-self:end}.game-shell .play-title h1{font-size:22px}.game-shell .shot-score{gap:6px}.game-shell .life-dots{gap:2px}.game-shell .life-dots i{width:20px;height:20px}.game-shell .life-dots svg{width:9px;height:9px}.game-shell .shot-score strong{font-size:18px}.game-shell .yacht-total{gap:4px}.game-shell .yacht-total strong{font-size:20px}.game-shell .billiards-page{height:100%;padding-bottom:max(6px,env(safe-area-inset-bottom))}.game-shell .billiards-page .play-header{width:calc(100% - 20px);height:var(--game-hud-h)}.game-shell .billiards-page .billiards-layout{height:100%}.game-shell .billiards-page .table-stage{width:calc(100% - 84px)}.game-shell .billiards-page .shot-rail{width:78px;top:6px;bottom:6px;right:6px}.game-shell .billiards-page .table-hint{max-width:calc(100% - 20px);left:50%}.game-shell .yacht-layout{width:calc(100% - 12px);padding:0 0 max(6px,env(safe-area-inset-bottom));grid-template-rows:minmax(0,57%) minmax(0,43%);grid-template-columns:1fr;gap:5px}.game-shell .yacht-page .dice-column{grid-template-rows:minmax(0,1fr) 88px}.game-shell .yacht-page .dice-stage{min-height:0}.game-shell .yacht-page .dice-stage-label{padding:6px 7px;font-size:6px;top:8px;left:8px}.game-shell .yacht-page .roll-indicator{gap:3px;top:8px;right:8px}.game-shell .yacht-page .roll-indicator i{width:21px;height:21px;font-size:6px}.game-shell .yacht-page .dice-controls{grid-template-rows:35px 45px;grid-template-columns:1fr;gap:3px;padding:4px}.game-shell .yacht-page .hold-buttons{gap:3px}.game-shell .yacht-page .hold-buttons button{grid-template-columns:1fr;gap:1px;height:35px;min-height:0;padding:2px}.game-shell .yacht-page .hold-buttons button span{font-size:12px}.game-shell .yacht-page .hold-buttons button small{justify-content:center;font-size:6px}.game-shell .yacht-page .hold-buttons button small svg{width:8px}.game-shell .yacht-page .roll-button{height:45px;min-height:0;font-size:10px}.game-shell .yacht-page .roll-button svg{width:16px}.game-shell .yacht-page .scorecard{grid-template-rows:35px minmax(0,1fr)}.game-shell .yacht-page .scorecard>header{padding:4px 9px}.game-shell .yacht-page .scorecard>header h2{font-size:13px}.game-shell .yacht-page .scorecard-labels{display:none}.game-shell .yacht-page .score-rows{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:3px}.game-shell .yacht-page .score-rows button{border:1px solid var(--line);grid-template-columns:minmax(0,1fr) 28px;gap:4px;min-width:0;height:100%;padding:0 6px}.game-shell .yacht-page .score-rows .category-index,.game-shell .yacht-page .score-rows small{display:none}.game-shell .yacht-page .score-rows strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.game-shell .yacht-page .score-rows em{font-size:11px}}@media (width<=560px){.game-shell .billiards-page .shot-score{max-width:none}.game-shell .billiards-page .table-hint{max-width:calc(100% - 16px);left:50%}}@media (width<=380px){.game-shell .life-dots{gap:1px}.game-shell .life-dots i{width:17px;height:17px}}@media (height<=620px){.game-shell{--game-hud-h:48px}.game-shell .play-header{height:var(--game-hud-h)}.game-shell .play-title h1{font-size:18px}.game-shell .shot-score small,.game-shell .yacht-total small{display:none}.game-shell .yacht-total strong{font-size:17px}}@media (height<=620px) and (width<=860px) and (orientation:landscape){.game-shell .billiards-page{grid-template-rows:var(--game-hud-h) minmax(0,1fr);padding-bottom:max(4px,env(safe-area-inset-bottom))}.game-shell .billiards-page .play-header{height:var(--game-hud-h)}.game-shell .billiards-page .shot-rail{width:74px;top:4px;bottom:4px;right:4px}.game-shell .yacht-layout{width:calc(100% - 10px);padding-bottom:max(4px,env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:5px}.game-shell .yacht-page .dice-column{grid-template-rows:minmax(0,1fr) 51px}.game-shell .yacht-page .dice-controls{grid-template-rows:43px;grid-template-columns:minmax(0,1fr) 126px;gap:4px;padding:4px}.game-shell .yacht-page .hold-buttons button,.game-shell .yacht-page .roll-button{height:43px}.game-shell .yacht-page .scorecard{grid-template-rows:30px minmax(0,1fr)}.game-shell .yacht-page .scorecard>header h2{font-size:11px}.game-shell .yacht-page .score-rows{gap:1px;padding:2px}.game-shell .yacht-page .score-rows button{padding-inline:5px}.game-shell .yacht-page .score-rows strong{font-size:7px}}@media (height<=620px) and (width<=560px) and (orientation:portrait){.game-shell .yacht-layout{grid-template-rows:minmax(0,47%) minmax(0,53%)}.game-shell .yacht-page .dice-column{grid-template-rows:minmax(0,1fr) 78px}.game-shell .yacht-page .dice-controls{grid-template-rows:31px 39px}.game-shell .yacht-page .hold-buttons button{height:31px}.game-shell .yacht-page .roll-button{height:39px}.game-shell .yacht-page .scorecard{grid-template-rows:30px minmax(0,1fr)}}.shot-rail{grid-template-rows:50px 86px auto minmax(170px,1fr);overflow:hidden}.rail-elevation{--cue-elevation:0deg;--cue-elevation-progress:0%;border-block:1px solid var(--line);width:100%;min-width:0;color:var(--faint);grid-template-rows:auto minmax(28px,1fr) 16px auto;align-items:center;gap:2px;padding:6px 4px;display:grid;overflow:hidden}.rail-elevation-heading{justify-content:space-between;align-items:baseline;gap:3px;min-width:0;display:flex}.rail-elevation-heading small{font:700 7px/1 var(--sans)}.rail-elevation-heading strong{color:var(--amber);font:500 11px/1 var(--mono)}.rail-elevation-preview{background:radial-gradient(circle at 14px calc(100% - 8px),#f2efe614,#0000 19px);width:100%;min-width:0;height:100%;min-height:28px;display:block;position:relative;overflow:hidden}.rail-elevation-ball{z-index:2;background:radial-gradient(circle at 35% 28%,#fff,#d9d6cc 58%,#8c928d);border:1px solid #f2efe6cc;border-radius:50%;width:13px;height:13px;position:absolute;bottom:2px;left:7px;box-shadow:0 2px 7px #00000073}.rail-elevation-cue{z-index:3;width:calc(100% - 20px);height:3px;transform:rotate(var(--cue-elevation));transform-origin:0;background:linear-gradient(90deg,#75a9a4 0 8%,#d7aa65 9% 72%,#75401f 73%);border-radius:3px;transition:transform .12s;position:absolute;bottom:8px;left:17px;box-shadow:0 2px 5px #00000061}.rail-elevation-arc{border-top:1px dashed #f2c65d57;border-radius:50%;width:29px;height:29px;position:absolute;bottom:7px;left:13px;transform:rotate(-45deg)}.rail-elevation-slider{appearance:none;width:100%;min-width:0;max-width:100%;height:16px;color:var(--amber);accent-color:var(--amber);background:0 0;margin:0;padding:6px 0;display:block}.rail-elevation-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--amber) 0 var(--cue-elevation-progress),#f2efe62e var(--cue-elevation-progress) 100%);border-radius:4px;width:100%;height:3px}.rail-elevation-slider::-webkit-slider-thumb{appearance:none;background:var(--amber);border:2px solid #07120e;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 0 0 1px #f2c65d7a}.rail-elevation-slider::-moz-range-track{background:#f2efe62e;border:0;border-radius:4px;height:3px}.rail-elevation-slider::-moz-range-progress{background:var(--amber);border-radius:4px;height:3px}.rail-elevation-slider::-moz-range-thumb{background:var(--amber);border:2px solid #07120e;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 1px #f2c65d7a}.rail-elevation-scale{min-width:0;font:500 6px/1 var(--mono);grid-template-columns:auto 1fr auto;align-items:center;gap:2px;display:grid}.rail-elevation-scale i{font-style:normal}.rail-elevation-scale em{color:var(--amber);text-align:center;text-overflow:ellipsis;white-space:nowrap;font:700 6px/1 var(--sans);overflow:hidden}.rail-strokes{border-top:0}@media (width<=860px){.shot-rail{grid-template-rows:45px 80px auto minmax(144px,1fr)}.rail-elevation{padding-inline:2px}.game-shell .billiards-page .billiards-layout{--shot-rail-width:78px;--shot-rail-edge:max(6px,env(safe-area-inset-right))}.game-shell .billiards-page .table-stage{width:calc(100% - var(--shot-rail-width) - var(--shot-rail-edge))}.game-shell .billiards-page .shot-rail{right:var(--shot-rail-edge);width:var(--shot-rail-width);max-width:calc(100% - var(--shot-rail-edge) * 2)}}@media (height<=620px) and (width<=860px){.shot-rail{grid-template-rows:34px 50px 88px minmax(72px,1fr)}.rail-elevation{grid-template-rows:auto minmax(18px,1fr) 11px;gap:1px;padding:2px}.rail-elevation-heading small,.rail-elevation-scale{display:none}.rail-elevation-heading{justify-content:center}.rail-elevation-heading strong{font-size:9px}.rail-elevation-preview{min-height:18px}.rail-elevation-ball{width:10px;height:10px;bottom:1px;left:8px}.rail-elevation-cue{bottom:6px;left:16px}.rail-elevation-arc{width:22px;height:22px;bottom:4px;left:12px}.rail-elevation-slider{height:11px;padding:4px 0}}@media (width>=480px) and (width<=860px) and (height<=620px){.game-shell .billiards-page .billiards-layout{--shot-rail-width:112px}.shot-rail{grid-template-rows:34px 50px 42px minmax(128px,1fr)}.rail-strokes{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px 0}.rail-strokes button{gap:2px;min-width:0;min-height:36px;padding:2px 1px;display:flex}.rail-strokes button i,.rail-strokes button.punch i{width:24px}.rail-strokes button span{font-size:6px}.rail-cue-shaft{height:36px}.rail-cue-scale{top:41px}}@media (width>=480px) and (width<=860px) and (height<=360px){.game-shell .billiards-page .billiards-layout{--shot-rail-width:106px}.shot-rail{grid-template-rows:30px 42px 38px minmax(108px,1fr)}.rail-strokes button{min-height:32px}.rail-cue-shaft{height:28px}.rail-cue-scale{top:33px}}.score-bonus-row{width:100%;min-height:42px;color:var(--muted);text-align:left;background:#f2c65d09;border-bottom:1px solid #f2c65d3d;grid-template-columns:22px 1.2fr 1fr 34px;align-items:center;gap:6px;padding:0 4px;display:grid}.score-bonus-row strong{font-size:10px}.score-bonus-row small{color:var(--faint);font-size:8px}.score-bonus-row em{color:var(--faint);font:normal 500 10px/1 var(--mono);justify-self:end}.score-bonus-row.earned{color:var(--ink);background:#f2c65d17}.score-bonus-row.earned em{color:var(--amber);font-size:13px}.game-shell .yacht-page .score-rows{grid-template-rows:repeat(16,minmax(0,1fr))}.game-shell .yacht-page .score-bonus-row{height:100%;min-height:0}@media (width<=860px){.game-shell .yacht-page .score-rows{grid-template-rows:repeat(8,minmax(0,1fr))}.game-shell .yacht-page .score-bonus-row{border:1px solid #f2c65d3d;grid-template-columns:minmax(0,1fr) 28px;gap:4px;min-width:0;height:100%;padding:0 6px}.game-shell .yacht-page .score-bonus-row .category-index,.game-shell .yacht-page .score-bonus-row small{display:none}.game-shell .yacht-page .score-bonus-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.game-shell .yacht-page .score-bonus-row em{font-size:8px}.game-shell .yacht-page .score-bonus-row.earned em{font-size:11px}}@media (height<=620px) and (width<=860px) and (orientation:landscape){.game-shell .yacht-page .score-bonus-row{padding-inline:5px}.game-shell .yacht-page .score-bonus-row strong{font-size:7px}}.game-shell .yacht-page .scorecard>header>div{flex-direction:column;gap:5px;min-width:0;display:flex}.game-shell .yacht-page .scorecard>header small{color:var(--faint);font-size:8px}.game-shell .yacht-page .score-rows button.selected{box-shadow:inset 3px 0 var(--amber);background:#f2c65d1a}.score-confirm-overlay{z-index:150;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020705b8;place-items:center;padding:18px;animation:.14s fadeIn;display:grid;position:fixed;inset:0}.score-confirm-dialog{text-align:center;background:#102019;border:1px solid #f2c65d5c;flex-direction:column;align-items:center;width:min(330px,100%);padding:24px;display:flex;box-shadow:0 24px 80px #00000094}.score-confirm-dialog>small{color:var(--amber);font:600 8px/1 var(--mono);letter-spacing:.16em}.score-confirm-dialog>strong{margin-top:13px;font-size:20px}.score-confirm-dialog>strong em{color:var(--amber);font:500 22px/1 var(--mono);margin-left:5px}.score-confirm-dialog>p{color:var(--muted);margin-top:9px;font-size:11px}.score-confirm-dialog>div{grid-template-columns:1fr 1.45fr;gap:7px;width:100%;margin-top:20px;display:grid}.score-confirm-dialog button{border:1px solid var(--line);height:44px;font-size:10px;font-weight:800}.score-confirm-cancel{color:var(--muted);background:0 0}.score-confirm-submit{color:#10120f;background:var(--amber);border-color:var(--amber)!important}.yacht-celebration{--celebration:#8bd6ff;z-index:6;pointer-events:none;background:radial-gradient(circle at 50% 54%,color-mix(in srgb,var(--celebration) 24%,transparent),transparent 43%);flex-direction:column;justify-content:center;align-items:center;gap:7px;animation:2.6s ease-out forwards yachtCelebrationShell;display:flex;position:absolute;inset:0;overflow:hidden}.yacht-celebration:before,.yacht-celebration:after{content:"";aspect-ratio:1;border:1px solid color-mix(in srgb,var(--celebration) 68%,transparent);width:min(52vw,440px);box-shadow:0 0 50px color-mix(in srgb,var(--celebration) 22%,transparent);border-radius:50%;animation:1.55s cubic-bezier(.12,.72,.2,1) forwards yachtCelebrationRing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.25)}.yacht-celebration:after{animation-delay:.18s}.yacht-celebration>span{color:var(--celebration);font:700 8px/1 var(--mono);letter-spacing:.38em;text-shadow:0 0 18px var(--celebration);animation:2.25s ease-out forwards yachtCelebrationCopy;position:relative}.yacht-celebration>strong{color:#fff;text-align:center;max-width:94%;font:800 clamp(28px,5vw,64px)/.95 var(--sans);letter-spacing:-.065em;text-shadow:0 0 12px var(--celebration),0 0 42px color-mix(in srgb,var(--celebration) 78%,transparent);animation:2.25s cubic-bezier(.14,.82,.26,1) forwards yachtCelebrationTitle;position:relative}.yacht-celebration>small{color:#fff;text-align:center;background:#050d0aa3;max-width:85%;padding:6px 9px;font-size:9px;font-weight:700;animation:2.25s ease-out forwards yachtCelebrationCopy;position:relative}.yacht-celebration.epic{--celebration:var(--green)}.yacht-celebration.legendary{--celebration:var(--amber)}@keyframes yachtCelebrationShell{0%{opacity:0}8%,68%{opacity:1}to{opacity:0}}@keyframes yachtCelebrationRing{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)}22%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(1.45)}}@keyframes yachtCelebrationTitle{0%{opacity:0;transform:scale(.68)translateY(16px)}14%{opacity:1;transform:scale(1.08)translateY(0)}26%,68%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)translateY(-8px)}}@keyframes yachtCelebrationCopy{0%,8%{opacity:0;transform:translateY(7px)}18%,72%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@media (width<=860px){.game-shell .yacht-layout{grid-template-rows:minmax(0,57%) minmax(0,43%);grid-template-columns:1fr}.game-shell .yacht-page .scorecard{grid-template-rows:35px minmax(0,1fr)}.game-shell .yacht-page .scorecard>header{padding:4px 9px}.game-shell .yacht-page .scorecard>header h2{font-size:13px}.game-shell .yacht-page .scorecard>header small{display:none}.game-shell .yacht-page .scorecard .score-rows{grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:3px}.game-shell .yacht-page .scorecard .score-rows button{grid-template-columns:minmax(0,1fr) 28px;gap:4px;padding:0 6px}.game-shell .yacht-page .scorecard .score-rows strong{font-size:9px}.game-shell .yacht-page .scorecard .score-rows em{font-size:12px}.game-shell .yacht-page .scorecard .score-bonus-row{grid-template-columns:minmax(0,1fr) 28px;gap:4px;padding:0 6px}.game-shell .yacht-page .scorecard .score-bonus-row strong,.game-shell .yacht-page .scorecard .score-bonus-row em{font-size:8px}.game-shell .yacht-page .scorecard .score-bonus-row.earned em{font-size:11px}}@media (width<=860px) and (height<=620px) and (orientation:portrait){.game-shell .yacht-layout{grid-template-rows:minmax(0,47%) minmax(0,53%)}.game-shell .yacht-page .scorecard{grid-template-rows:30px minmax(0,1fr)}}@media (width<=860px) and (height<=620px) and (orientation:landscape){.game-shell .yacht-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.game-shell .yacht-page .scorecard{grid-template-rows:30px minmax(0,1fr)}.game-shell .yacht-page .scorecard .score-rows{grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:2px}.game-shell .yacht-page .scorecard .score-rows button,.game-shell .yacht-page .scorecard .score-bonus-row{padding-inline:5px}.game-shell .yacht-page .scorecard .score-rows strong,.game-shell .yacht-page .scorecard .score-bonus-row strong{font-size:8px}}