.yacht-frame{background:#f8f4ea;min-height:430px}.yacht-game{color:#181816;scrollbar-width:thin;background:radial-gradient(circle at 10px 10px,#18181612 1px,#0000 1.2px) 0 0/24px 24px,#f8f4ea;width:100%;height:100%;padding:clamp(18px,3vw,32px);overflow:auto}.yacht-game button,.yacht-game input{font:inherit}.yacht-game button{cursor:pointer;border:0}.yacht-game button:focus-visible,.yacht-game input:focus-visible{outline-offset:2px;outline:3px solid #ff5c3561}.yacht-game button:disabled{cursor:not-allowed;opacity:.42}.yacht-kicker,.yacht-game small,.yacht-game label,.yacht-game code,.yacht-turnbar span,.yacht-socket,.yacht-you{letter-spacing:.11em;font-family:Courier New,monospace;font-weight:800}.yacht-kicker{color:#ff5c35;font-size:9px}.yacht-menu,.yacht-entry,.yacht-loading{text-align:center;place-content:center;justify-items:center;display:grid}.yacht-menu h2,.yacht-entry h2,.yacht-lobby h2{letter-spacing:-.075em;margin:7px 0 8px;font-size:clamp(42px,8vw,78px);line-height:.9}.yacht-menu>p,.yacht-entry>p{color:#777168;max-width:460px;margin:0 0 24px;font-size:12px;line-height:1.55}.yacht-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(480px,100%);display:grid}.yacht-mode-grid button,.yacht-primary,.yacht-entry form button,.yacht-roll-row button,.yacht-finished button{color:#fff;background:#181816;border-radius:13px;min-height:64px;padding:14px 18px;font-weight:900}.yacht-mode-grid button:hover,.yacht-primary:hover,.yacht-entry form button:hover,.yacht-roll-row button:hover,.yacht-finished button:hover{background:#2563eb}.yacht-mode-grid b,.yacht-mode-grid small{display:block}.yacht-mode-grid b{letter-spacing:.08em;font-size:12px}.yacht-mode-grid small{color:#ffffff94;margin-top:7px;font-size:8px}.yacht-back{color:#777168;background:0 0;padding:8px;font-size:9px;font-weight:800;position:absolute;top:18px;left:20px;font-family:Courier New,monospace!important}.yacht-entry{position:relative}.yacht-entry form{text-align:left;width:min(340px,100%);display:grid}.yacht-entry label{margin-bottom:7px;font-size:8px}.yacht-entry input{color:#181816;background:#ffffff8c;border:1px solid #18181647;border-radius:10px;height:52px;margin-bottom:10px;padding:0 14px;font-size:16px;font-weight:800}.yacht-error{margin:10px 0 0;font-weight:800;color:#b33b21!important;font-size:11px!important}.yacht-lobby{padding:clamp(20px,4vw,42px)}.yacht-lobby-head{justify-content:space-between;align-items:flex-start;display:flex}.yacht-lobby h2{font-size:clamp(36px,6vw,62px)}.yacht-socket{text-transform:uppercase;background:#18181612;border-radius:999px;padding:7px 9px;font-size:8px}.yacht-socket.online{color:#248348;background:#37a65b1f}.yacht-invite{background:#ffffff5c;border:1px solid #1818162e;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:12px 0 18px;padding:12px;display:grid}.yacht-invite>span{color:#777168;letter-spacing:.1em;font-size:8px;font-weight:900}.yacht-invite code{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(13px,1.15vw,16px);font-weight:700;line-height:1.35;overflow:hidden}.yacht-invite button{color:#fff;background:#ff5c35;border-radius:8px;padding:10px 12px;font-size:9px;font-weight:900}.yacht-player-list{gap:7px;margin-bottom:14px;display:grid}.yacht-player-list>div{background:#ffffff61;border:1px solid #18181624;border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;min-height:48px;padding:0 14px;display:grid}.yacht-player-list span,.yacht-player-list small{color:#777168;font-size:8px}.yacht-player-list p,.yacht-waiting{color:#777168;text-align:center;font-size:11px}.yacht-primary{width:100%}.yacht-table{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);align-content:start;gap:14px 18px;padding:18px;display:grid;position:relative}.yacht-turnbar{border-bottom:1px solid #1818162b;grid-column:1/-1;justify-content:space-between;align-items:center;min-height:44px;padding-bottom:10px;display:flex}.yacht-turnbar div{align-items:baseline;gap:9px;display:flex}.yacht-turnbar span{color:#ff5c35;font-size:8px}.yacht-turnbar b{font-size:16px}.yacht-turnbar button{color:#777168;background:0 0;padding:8px;font-family:Courier New,monospace;font-size:8px;font-weight:800}.yacht-turnbar .yacht-timer{color:#181816;text-align:center;background:#18181614;border-radius:999px;min-width:38px;padding:5px 7px;font-size:10px}.yacht-turnbar .yacht-timer.urgent{color:#fff;background:#ff5c35}.yacht-dice{grid-template-columns:repeat(5,minmax(0,1fr));align-self:end;gap:7px;display:grid}.yacht-dice button{aspect-ratio:1;color:#181816;background:#fffdf7;border:2px solid #181816;border-radius:12px;font-family:Georgia,serif;font-size:clamp(34px,4vw,54px);line-height:1;position:relative;box-shadow:3px 3px #181816}.yacht-dice button.held{color:#ff5c35;background:#ffede6;border-color:#ff5c35;transform:translateY(-5px);box-shadow:3px 8px #181816}.yacht-dice button.rolling{background:#fff8dc;animation:.13s steps(2,end) infinite yacht-die-roll}.yacht-dice small{font-size:6px;position:absolute;inset:auto 0 5px}@keyframes yacht-die-roll{0%{transform:translate(-1px,-2px)rotate(-3deg)scale(.97)}50%{transform:translate(2px,1px)rotate(4deg)scale(1.03)}to{transform:translate(-1px,2px)rotate(-2deg)scale(.99)}}.yacht-roll-row{align-content:start;gap:7px;display:grid}.yacht-roll-row button{min-height:50px}.yacht-roll-row span{color:#777168;text-align:center;font-size:9px;line-height:1.4}.yacht-mobile-actions{display:none}.yacht-scorecard{background:#ffffff70;border:1px solid #18181633;border-radius:11px;grid-area:2/2/span 2;min-width:0;overflow-x:auto}.yacht-score-head,.yacht-score-row{min-width:300px;display:flex}.yacht-score-head{color:#fff;background:#181816}.yacht-score-head>*,.yacht-score-row>*{text-align:center;flex:1 1 0;min-width:62px;padding:6px 8px}.yacht-score-head>:first-child,.yacht-score-row>:first-child{text-align:left;flex:1.6 1 0;min-width:112px}.yacht-score-head span,.yacht-score-head b{letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,monospace;font-size:7px;overflow:hidden}.yacht-score-row{border-bottom:1px solid #1818161a;min-height:25px}.yacht-score-row span{color:#5f5a52;font-size:9px}.yacht-score-row b{font-variant-numeric:tabular-nums;font-size:10px}.yacht-score-row button{color:#fff;background:#ff5c35;border-radius:5px;margin:2px 4px;padding:3px;font-size:9px;font-weight:900}.yacht-total-row{background:#2563eb17;border:0}.yacht-total-row>*{padding-top:8px;padding-bottom:8px;font-weight:950}.yacht-finished{z-index:5;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);text-align:center;background:#f8f4eaeb;place-content:center;justify-items:center;padding:24px;display:grid;position:absolute;inset:0}.yacht-finished span{color:#2563eb;letter-spacing:.12em;font-family:Courier New,monospace;font-size:9px;font-weight:900}.yacht-finished strong{letter-spacing:-.06em;margin:8px 0 18px;font-size:clamp(30px,6vw,58px)}.yacht-you{color:#777168;font-size:7px;position:absolute;bottom:8px;right:18px}@media (max-width:760px){.yacht-frame{min-height:0}.yacht-game{padding:max(18px, env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))}.yacht-menu h2,.yacht-entry h2{font-size:54px}.yacht-mode-grid{grid-template-columns:1fr;width:min(290px,100%)}.yacht-entry form{width:min(310px,100%)}.yacht-invite{grid-template-columns:1fr auto}.yacht-invite>span{grid-column:1/-1}.yacht-invite code{font-size:12px}.yacht-table{padding-top:max(12px, env(safe-area-inset-top));flex-direction:column;gap:12px;display:flex}.yacht-turnbar{z-index:2;background:#f8f4ea;padding:8px 0 10px;position:sticky;top:0}.yacht-dice{align-self:stretch;gap:clamp(4px,1.5vw,7px);width:100%}.yacht-dice button{aspect-ratio:auto;min-height:clamp(68px,19vw,82px);font-size:clamp(42px,14vw,58px)}.yacht-roll-row{width:100%;margin-top:12px}.yacht-roll-row button{min-height:60px}.yacht-table.your-turn .yacht-scorecard{display:none}.yacht-mobile-actions{width:100%;padding-bottom:max(12px, env(safe-area-inset-bottom));gap:9px;display:grid}.yacht-mobile-actions>p{letter-spacing:.08em;justify-content:space-between;align-items:baseline;gap:12px;margin:5px 0 1px;font-family:Courier New,monospace;font-size:10px;font-weight:900;display:flex}.yacht-mobile-actions>p span{color:#777168;letter-spacing:0;text-align:right;font-size:8px;font-weight:700}.yacht-mobile-actions>button{color:#181816;text-align:left;background:#fffdf7;border:2px solid #181816;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;width:100%;min-height:64px;padding:10px 15px;display:grid;box-shadow:3px 3px #181816}.yacht-mobile-actions>button>span{font-size:15px;font-weight:900}.yacht-mobile-actions>button>strong{grid-area:1/2/span 2;font-size:20px}.yacht-mobile-actions>button>small{color:#777168;font-size:7px}.yacht-mobile-actions>button.armed{color:#fff;background:#ff5c35;border-color:#ff5c35;box-shadow:3px 3px #9f2c12}.yacht-mobile-actions>button.armed small{color:#ffffffc7}.yacht-mobile-actions>button.used{color:#777168;opacity:.58;background:#ded9cf;border-color:#aaa59c;box-shadow:2px 2px #aaa59c}.yacht-mobile-actions>button.used small{color:#777168}.yacht-scorecard{width:100%;min-height:360px}.yacht-score-head>*,.yacht-score-row>*{min-width:72px;padding:8px 6px}.yacht-score-head>:first-child,.yacht-score-row>:first-child{min-width:120px}.yacht-score-head,.yacht-score-row{width:max-content;min-width:100%}.yacht-you{display:none}}