:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#110a21;--ink-2:#19112c;--line:#3a334f;--text:#f1eae0;--muted:#b4adc2;--sand:#f0dbb5;--gilt:#f8bc49;--gilt-hi:#ffcc5e;--gilt-deep:#c2732c;--rose:#dd667d;--sea:#5acdc4;--display:"Lilita One", "Rubik", system-ui, sans-serif;--body:"Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(16px, 4vw, 48px);--maxw:1160px}@supports (color:lab(0% 0 0)){:root{--ink:lab(4.01278% 6.22147 -12.97);--ink-2:lab(7.07667% 9.96628 -16.8204);--line:lab(22.8214% 8.70431 -16.483);--text:lab(93.0841% .959605 6.05741);--muted:lab(71.8183% 5.35879 -9.70682);--sand:lab(88.5378% 3.34317 21.5036);--gilt:lab(80.336% 14.6992 64.1458);--gilt-hi:lab(85.1231% 10.4803 61.071);--gilt-deep:lab(56.4975% 28.342 50.8886);--rose:lab(58.8245% 49.0584 10.9972);--sea:lab(75.7037% -35.714 -5.74862)}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--ink);height:100%;color:var(--text);font:400 1rem/1.4 var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;overflow:hidden}.view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.ui{pointer-events:none;position:fixed;inset:0}.ui>*{pointer-events:auto}.aurora-brand{isolation:isolate;white-space:nowrap;display:inline-block;position:relative}.aurora-brand-seal{vertical-align:-.34em;background:url(/assets/aurora-sheen-s8UO4RCx.png) 50%/100% 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='6.6' fill='none' stroke='%23062a2a' stroke-opacity='.55' stroke-width='.9'/%3E%3Ccircle cx='10' cy='10.35' r='6.6' fill='none' stroke='%23bff0e0' stroke-opacity='.22' stroke-width='.6'/%3E%3Cpath d='M5 12.6Q10 7.4 15 12.6' fill='none' stroke='%237fdcb8' stroke-opacity='.75' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M10 4.4l.85 2.65 2.65.85-2.65.85L10 11.4l-.85-2.6-2.65-.85 2.65-.85z' fill='%23e2b95c'/%3E%3C/svg%3E") 50%/100% 100% no-repeat,radial-gradient(circle at 36% 30%,#4a9a8e 0%,#2a6c64 32%,#17504b 60%,#0c3335 100%);border-radius:47% 53% 50% 48%/52% 46% 54% 48%;width:1.36em;height:1.36em;margin-right:.3em;display:inline-block;position:relative;box-shadow:0 1px 1.5px #2a20178c,inset 0 0 0 .08em #06242473,inset 0 .07em .06em #d2fff047}.aurora-brand-word{font-family:var(--display);letter-spacing:.03em;color:#1e6b78;-webkit-text-fill-color:transparent;background-image:url(/assets/aurora-band-CaCoB1Oo.png),linear-gradient(90deg,#4a3b9c 0%,#1e6b78 46%,#12704f 100%);background-repeat:no-repeat;background-size:100% 100%,auto;-webkit-background-clip:text;background-clip:text;font-size:1.08em;line-height:1;display:inline-block;position:relative}@media (prefers-reduced-motion:reduce){.aurora-brand-word{background-image:linear-gradient(90deg,#0000 0 30%,#19966800 31%,#199668f2 42%,#22b07f 50%,#c48f1e 57%,#e2b95c 59%,#e2b95c00 64%,#0000 64% 100%),linear-gradient(90deg,#4a3b9c 0%,#1e6b78 46%,#12704f 100%);background-position:6em 0,0 0;background-repeat:repeat-x,no-repeat;background-size:8em 100%,auto}.aurora-brand-seal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='6.6' fill='none' stroke='%23062a2a' stroke-opacity='.55' stroke-width='.9'/%3E%3Ccircle cx='10' cy='10.35' r='6.6' fill='none' stroke='%23bff0e0' stroke-opacity='.22' stroke-width='.6'/%3E%3Cpath d='M5 12.6Q10 7.4 15 12.6' fill='none' stroke='%237fdcb8' stroke-opacity='.75' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M10 4.4l.85 2.65 2.65.85-2.65.85L10 11.4l-.85-2.6-2.65-.85 2.65-.85z' fill='%23e2b95c'/%3E%3C/svg%3E"),radial-gradient(circle at 36% 30%,#4a9a8e 0%,#2a6c64 32%,#17504b 60%,#0c3335 100%)}}@media (forced-colors:active){.aurora-brand-seal{display:none}.aurora-brand-word{color:canvastext;-webkit-text-fill-color:CanvasText;background:0 0}}.id-title{color:var(--iron-2);font:italic 400 1.02rem/1.15 var(--serif);letter-spacing:.005em}.pc-level .id-title{font-size:1.04rem}.profile-title{margin:-3px 0 1px;font-size:1.14rem}.account-title{margin:-5px 0 0}.pbar-title{font-size:1.04em}:is(.pc-head:has(.identity-card),.profile-card:has(.identity-card)){isolation:isolate;position:relative}.pc-head:has(.identity-card){padding-bottom:12px}.identity-card{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 26%,#0000008c 46%,#000 66%),linear-gradient(#0000,#000 10% 72%,#0000);mask-image:linear-gradient(90deg,#0000 26%,#0000008c 46%,#000 66%),linear-gradient(#0000,#000 10% 72%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.profile-card:has(.identity-card){padding:46px 0 4px}.profile-card .identity-card{height:122px;inset:0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 18%,#0009 38%,#000 60%),linear-gradient(#0000,#000 9% 58%,#0000 94%);mask-image:linear-gradient(90deg,#0000 18%,#0009 38%,#000 60%),linear-gradient(#0000,#000 9% 58%,#0000 94%)}:is(.pc-head:has(.identity-card) .pc-name,.profile-card:has(.identity-card) :is(.profile-name,.profile-title,.level-number,.level-xp,.account-stats,.account-ranked)){text-shadow:0 0 2px var(--paper), 0 0 6px var(--paper), 0 0 10px var(--paper)}.profile-card:has(.identity-card) .level-bar{background-color:color-mix(in oklch, var(--paper) 88%, var(--iron))}.found-player.has-card{isolation:isolate;min-width:min(300px,100%);min-height:54px;position:relative;overflow:hidden}.found-side:not(.is-them) .found-player.has-card{justify-content:flex-start}.found-card{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 22%,#0009 50%,#000 78%);mask-image:linear-gradient(90deg,#0000 22%,#0009 50%,#000 78%)}.found-side.is-them .found-card{-webkit-mask-image:linear-gradient(270deg,#0000 22%,#0009 50%,#000 78%);mask-image:linear-gradient(270deg,#0000 22%,#0009 50%,#000 78%)}.found-who{flex-direction:column;gap:1px;min-width:0;display:flex}.found-side.is-them .found-who{align-items:flex-end}.found-player.has-card .found-name,.found-player.has-card .found-title{text-shadow:0 0 2px var(--paper), 0 0 6px var(--paper), 0 0 10px var(--paper)}.found-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.found-sides.is-teams .found-title{font-size:.86rem}.id-ribbons{flex-wrap:wrap;gap:7px;margin:12px 0 0;padding:0;list-style:none;display:flex}.profile-ribbons{justify-content:center}.id-ribbon{filter:drop-shadow(0 1px 1.5px #060c124d);line-height:0}.id-ribbon-bar{display:block}.aurora-light{mix-blend-mode:screen;pointer-events:none}.frame-art.aurora-light{filter:none}.card-thumb .card-art.aurora-light{position:absolute;inset:0}.id-field{flex-direction:column;align-items:stretch;gap:6px;margin:12px 0 0}.id-field>.field-label{text-align:left;align-self:flex-start}.id-choices{flex-wrap:wrap;gap:4px;display:flex}.id-choice{color:var(--iron);font:500 .82rem/1.15 var(--body);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:2px;align-content:start;justify-items:center;gap:4px;padding:12px 4px 8px;transition:background-color .15s;display:grid}.frame-choice{width:90px}.card-choice{width:128px;padding-top:8px}.id-choice:hover{background:#2a20170f}.id-choice.is-on{box-shadow:inset 0 0 0 1px var(--iron-2);background:#fffaeb8c}.id-choice:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.id-choice-name{margin-top:4px}.id-choice-earned{color:var(--iron-2);align-items:center;gap:3px;font-size:.76rem;display:inline-flex}.id-choice.is-locked .id-choice-name{color:var(--iron-2)}.frame-choice.is-locked .frame-art,.card-choice.is-locked .card-art{filter:grayscale(.85)brightness(.92);opacity:.7}.card-thumb{width:116px;height:52px;box-shadow:inset 0 0 0 1px var(--edge);background:#fffaeb59;border-radius:2px;display:block;position:relative;overflow:hidden}.card-thumb .card-art{width:100%;height:100%;display:block}@media (max-width:720px){.profile-card:has(.identity-card){padding-top:38px}.profile-card .identity-card{height:104px}.profile-card .avatar.is-framed{margin-left:5px}.frame-choice{width:84px}.card-choice{width:calc(50% - 2px)}.card-thumb{width:100%}}.news-sheet{width:min(520px,100%);max-height:100%;animation:rise .26s var(--ease-out) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.news-head{border-bottom:1px solid #0000;flex:none;padding:16px 48px 10px 18px;transition:border-color .15s}.news-head.is-scrolled{border-bottom-color:var(--edge-hi)}.news-title{color:var(--iron);font:400 2rem/1.05 var(--title);margin:0}.news-when{color:var(--iron-2);font:600 .9rem/1.2 var(--body);margin:6px 0 0}.news-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2a20174d transparent;flex:auto;min-height:0;padding:0 18px 12px;overflow:auto}.news-body:focus{outline:none}.news-body .setup-heading,.news-history .setup-heading{margin:16px 0 8px}.news-body .news-group:first-child .setup-heading{margin-top:6px}.news-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.news-item{color:var(--iron);font:400 1rem/1.4 var(--body);padding-left:16px;position:relative}.news-sheet .news-item:before{content:"";background:color-mix(in oklch, var(--vermilion) 80%, var(--iron));border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:2px}.news-all{margin-top:10px}.news-foot{border-top:1px solid var(--edge-hi);flex:none;justify-content:flex-end;padding:12px 18px 16px;display:flex}.news-history .news-item{align-items:baseline;gap:10px;padding-left:0;display:flex}.news-tag{width:5.6em;color:var(--iron-2);font:700 .72rem/1.2 var(--body);letter-spacing:.04em;text-align:center;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--edge-hi);border-radius:2px;flex:none;padding:.18em 0}.news-tag.is-new{color:var(--verdigris);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--verdigris) 60%, transparent)}.news-tag.is-improved{color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--gold) 60%, transparent)}.news-tag.is-fixed{color:var(--vermilion);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--vermilion) 50%, transparent)}@media (max-width:600px){.news-sheet{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:92%}.news-head{padding:10px 42px 8px 8px}.news-title{font-size:1.6rem}.news-body{padding:0 8px 10px}.news-foot{padding:10px 8px max(10px, calc(env(safe-area-inset-bottom) - 8px))}.news-tag{width:5.2em}}.report-flag,.report-hush{width:26px;height:26px;color:var(--iron-3);cursor:pointer;opacity:.75;background:0 0;border:0;border-radius:2px;grid-auto-flow:column;place-items:center;gap:4px;padding:0;transition:color .15s,background-color .15s,opacity .15s;display:inline-grid}.report-flag.has-label{width:auto;font:600 .82rem/1 var(--body);padding:0 8px}.report-flag:hover,.report-flag:focus-visible,.report-hush:hover,.report-hush:focus-visible{color:var(--vermilion);opacity:1;background:#a5341e1a}.report-flag:focus-visible,.report-hush:focus-visible{outline:2px solid var(--vermilion);outline-offset:1px}.report-hush.is-on{color:var(--vermilion);opacity:1}.report-sent{color:var(--iron-3);font:italic 500 .8rem/1 var(--body);white-space:nowrap}.score-report{vertical-align:middle;gap:2px;margin-left:4px;display:inline-flex}.score-row .score-report .report-flag,.score-row .score-report .report-hush{opacity:.45}.score-row:hover .score-report .report-flag,.score-row:hover .score-report .report-hush,.score-row .score-report .report-hush.is-on{opacity:.85}.score-row .score-report .report-flag:hover,.score-row .score-report .report-hush:hover,.score-row .score-report .report-flag:focus-visible,.score-row .score-report .report-hush:focus-visible{opacity:1}.chat-line .chat-report{vertical-align:-4px;width:20px;height:20px;margin-left:4px;display:none}.chat.is-open .chat-line .chat-report{opacity:.45;display:inline-grid}.chat.is-open .chat-line .chat-report:hover,.chat.is-open .chat-line .chat-report:focus-visible{opacity:1}.report-scrim{z-index:41;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));pointer-events:auto;background:#08101680;place-items:center;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.report-slip{width:min(460px,100%);max-height:100%;animation:rise .22s var(--ease-out) both;flex-direction:column;padding:18px 20px 16px;display:flex;position:relative;overflow:auto}.report-title{font:400 1.5rem/1.1 var(--display);color:var(--iron);margin:0 36px 10px 0}.report-line{border-left:2px solid var(--iron-3);color:var(--iron-2);font:italic 500 .95rem/1.3 var(--body);overflow-wrap:anywhere;margin:-2px 0 10px;padding-left:10px}.report-at{color:var(--iron-2);font:500 .9rem/1.2 var(--body);margin:-4px 0 10px}.report-reasons{border:0;gap:2px;margin:0 0 12px;padding:0;display:grid}.report-legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.report-reason{cursor:pointer;border-radius:2px;grid-template-columns:20px 1fr;align-items:start;gap:10px;padding:7px 8px;transition:background-color .12s;display:grid}.report-reason:hover{background:#2a20170f}.report-reason.is-chosen{box-shadow:inset 2px 0 0 var(--vermilion);background:#a5341e17}.report-reason input{width:16px;height:16px;accent-color:var(--vermilion);margin:2px 0 0}.report-reason-text{gap:1px;display:grid}.report-reason-name{color:var(--iron);font:600 1rem/1.2 var(--body)}.report-reason-detail{color:var(--iron-2);font:400 .88rem/1.25 var(--body)}.report-note-label{margin-bottom:4px}.report-note{width:100%}.report-count{color:var(--iron-3);font:500 .78rem/1 var(--body);align-self:flex-end;margin-top:3px}.report-also{gap:4px;margin-top:10px;display:grid}.report-also:empty{display:none}.report-anon{color:var(--iron-3);font:italic 400 .85rem/1.3 var(--body);margin:12px 0 0}.report-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}@media (max-width:600px){.report-scrim{place-items:end stretch;padding:0}.report-slip{width:100%;max-height:88vh;padding-bottom:max(16px, env(safe-area-inset-bottom))}}.sanction-slip{align-items:flex-start;max-width:min(560px,100vw - 32px);padding:12px 12px 12px 16px}.sanction-body{gap:4px;min-width:0;display:grid}.sanction-title{color:var(--vermilion-deep);font:400 1.2rem/1.1 var(--display)}.sanction-line{font:500 .95rem/1.3 var(--body)}.sanction-lines{border-left:2px solid #a5341e80;gap:2px;margin:2px 0;padding-left:10px;display:grid}.sanction-said{color:var(--iron-2);font:italic 500 .92rem/1.3 var(--body);overflow-wrap:anywhere}.sanction-reason{font:400 .92rem/1.3 var(--body)}.sanction-auto{color:var(--iron-2);font:400 .85rem/1.3 var(--body)}.sanction-rules{color:var(--iron-2);font:600 .85rem/1.3 var(--body);justify-self:start}.sanction-actions{flex:none;align-self:flex-end;gap:6px;display:flex}.chat-refused{color:var(--iron-2);font:italic 500 .88rem/1.25 var(--body);margin:0;padding:6px 10px}.pc-report,.pc-reported{margin-top:6px}.pc-reported{display:inline-block}.lab-links{font:600 .95rem/1.3 var(--body);flex-wrap:wrap;gap:16px;margin:10px 0 0;display:flex}.lab-links a{color:var(--iron-2)}.lab-links a:hover{color:var(--vermilion)}.menu-chat-entry[hidden]{display:none}.friend-more .report-flag.has-label{height:30px}.standing{margin-top:18px}.standing-clear{color:var(--iron-2);font:400 .95rem/1.3 var(--body);margin:0}.standing-list{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.standing-row{font:400 .92rem/1.3 var(--body);flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.standing-what{font-weight:600}.standing-when,.standing-why{color:var(--iron-2)}.standing-row.is-lifted .standing-what{text-decoration:line-through;-webkit-text-decoration-color:var(--iron-3);text-decoration-color:var(--iron-3)}.standing-lifted{color:var(--verdigris);font-weight:600}.standing-appeal-open{margin-left:auto}.standing-appeal,.standing-appeal-form{flex-basis:100%}.standing-appeal{border-left:2px solid var(--edge-hi);gap:2px;padding-left:10px;display:grid}.standing-appeal:focus{outline:none}.standing-appeal:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.standing-appeal[data-status=lifted]{border-left-color:var(--verdigris)}.standing-appeal-state{color:var(--iron)}.standing-appeal-reply{color:var(--iron-2);overflow-wrap:anywhere;font-style:italic}.standing-appeal-form{gap:6px;margin:4px 0 6px;display:grid}.standing-appeal-form .form-error{margin:0}.standing-appeal-text{resize:vertical;width:100%;min-height:6.5em;font-weight:400;line-height:1.35}.standing-appeal-foot{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.standing-appeal-count{color:var(--iron-3);font:500 .78rem/1 var(--body);font-variant-numeric:tabular-nums}.standing-appeal-actions{justify-content:flex-end;gap:6px;display:flex}.appeal-slip[data-outcome=lifted] .sanction-title{color:var(--iron)}:where(.profile-link){max-width:100%;color:inherit;font:inherit;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;margin:0;padding:0;display:inline;overflow:hidden}.profile-link{text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-underline-offset:.18em;cursor:pointer;pointer-events:auto;text-decoration-thickness:1px}.profile-link:hover{text-decoration-color:currentColor}.profile-link:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.player-scrim{z-index:40;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));pointer-events:auto;background:#08101680;place-items:center;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.player-card{width:min(560px,100%);max-height:100%;animation:rise .26s var(--ease-out) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.pc-close{z-index:1;width:38px;height:38px;color:var(--iron-2);cursor:pointer;background:0 0;border:0;border-radius:2px;place-items:center;padding:0;display:grid;position:absolute;top:2px;right:2px}.pc-close:hover{color:var(--iron);background:#2a201714}.pc-close:focus-visible{outline:2px solid var(--sea);outline-offset:-2px}.pc-status{color:var(--iron-2);margin:0;padding:26px 20px}.pc-head{align-items:center;gap:16px;padding:16px 48px 0 18px;display:flex}.pc-avatar{flex:none}.pc-who{flex-direction:column;gap:4px;min-width:0;display:flex}.pc-name{color:var(--iron);font:400 2rem/1.05 var(--title);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.pc-level{color:var(--iron-2);font:600 .92rem/1 var(--body)}.pc-aliases{color:var(--iron-2);font-size:.88rem}.pc-aliases summary{cursor:pointer;width:-moz-fit-content;width:fit-content}.pc-aliases summary:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.pc-aliases ul{gap:2px;margin:6px 0 0;padding:0;list-style:none;display:grid}.pc-aliases li{flex-wrap:wrap;gap:0 8px;display:flex}.pc-alias{color:var(--iron);font:400 1rem/1.25 var(--display)}.pc-alias-until{color:var(--iron-3)}.pc-body{overscroll-behavior:contain;gap:16px;padding:18px 18px 16px;display:grid;overflow:auto}.pc-private{color:var(--iron-2);font:400 1.1rem/1.3 var(--display);margin:0}.pc-about{color:var(--iron);font:400 1.12rem/1.4 var(--serif);overflow-wrap:anywhere;box-shadow:inset 2px 0 0 var(--edge-hi);margin:0;padding-left:12px}.pc-facts{gap:6px;margin:0;display:grid}.pc-fact{grid-template-columns:9.5em minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.pc-fact dt{color:var(--iron-2);font-size:.9rem}.pc-fact dd{color:var(--iron);font:500 .98rem/1.3 var(--body);margin:0}.pc-weapon{align-items:center;gap:6px;display:flex}.pc-ranks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.pc-rank{text-align:center;box-shadow:inset 0 0 0 1px var(--edge-hi);background:#fffaeb61;border-radius:2px;align-content:start;justify-items:center;gap:3px;padding:9px 6px 10px;display:grid}.pc-rank .rank-badge{filter:drop-shadow(0 3px 4px #2a201740)}.pc-rank-playlist{font:400 1.15rem/1 var(--title)}.pc-rank-name{color:var(--iron-2);font:400 .9rem/1.15 var(--display);text-wrap:balance}.pc-comments{gap:10px;display:grid}.pc-compose{align-items:flex-end;gap:8px;display:flex}.pc-input{resize:vertical;flex:1;min-height:2.6em}.pc-comment-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.pc-comment{border-top:1px solid var(--edge);gap:10px;padding:10px 0;display:flex}.pc-comment:first-child{border-top:0}.pc-comment.is-held{opacity:.72}.pc-comment-avatar{flex:none}.pc-comment-body{gap:3px;min-width:0;display:grid}.pc-comment-head{flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0;display:flex}.pc-author{color:var(--iron);font:400 1.05rem/1.2 var(--display)}.pc-when{color:var(--iron-3);font-size:.8rem}.pc-comment-text{color:var(--iron);font:400 .98rem/1.4 var(--body);overflow-wrap:anywhere;white-space:pre-line;margin:0}.pc-note{color:var(--iron-2);margin:0;font-size:.82rem}.pc-comment-actions{gap:12px;display:flex}.pc-action{color:var(--iron-3);font:600 .8rem/1.2 var(--body);cursor:pointer;background:0 0;border:0;padding:2px 0}.pc-action:hover:not(:disabled){color:var(--vermilion)}.pc-action:disabled{cursor:default}.pc-action:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.comment-news-lines{font:500 .95rem/1.3 var(--body);gap:3px;display:grid}.profile-about{resize:vertical;width:100%;min-height:3.4em}.profile-shows{gap:4px;display:grid}@media (max-width:600px){.player-scrim{padding:max(10px, env(safe-area-inset-top)) 0 0;align-items:end}.player-card{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:92%}.pc-head{gap:12px;padding:10px 42px 0 8px}.pc-avatar{--avatar:60px!important}.pc-name{font-size:1.6rem}.pc-body{padding:14px 8px max(10px, calc(env(safe-area-inset-bottom) - 8px))}.pc-fact{grid-template-columns:7.5em minmax(0,1fr)}.pc-ranks{gap:6px}.pc-rank-playlist{font-size:1rem}.pc-rank-name{font-size:.8rem}}.friends{gap:10px;padding-top:8px;display:grid}.friend-add{gap:6px;display:grid}.friend-add-row{gap:8px;display:flex}.friend-add-row .text-input{flex:1}.friend-count{color:var(--iron-2);font:500 .82rem/1 var(--body);order:2;margin-left:auto}.friend-list{margin:0;padding:0;list-style:none;display:grid}.friend-row{border-top:1px solid var(--edge);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 0;display:flex}.friend-row:first-child{border-top:0}.friend-avatar{flex:none}.friend-pic{flex:none;position:relative}.friend-who{flex:1;gap:2px;min-width:0;display:grid}.friend-name{color:var(--iron);font:400 1.08rem/1.15 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.friend-line{color:var(--iron-2);font-size:.86rem}.friend-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.friend-state{background:var(--paper);width:12px;height:12px;box-shadow:inset 0 0 0 1.5px var(--iron-3), 0 0 0 2px var(--paper);border-radius:50%;position:absolute;bottom:-4px;right:-4px}.friend-state.is-on{background:var(--verdigris);box-shadow:0 0 0 2px var(--paper)}.friend-more{gap:4px;display:flex}.friend-invite{top:max(16px, env(safe-area-inset-top));z-index:45;max-width:min(520px,100vw - 32px);color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), var(--neatline);pointer-events:auto;border-radius:2px;align-items:center;gap:10px;padding:7px 8px;animation:.3s both fade-in;display:flex;position:fixed;left:50%;transform:translate(-50%)}.friend-invite-text{min-width:0;font:500 .95rem/1.25 var(--body)}.friend-invite-text strong,.friend-invite-text .friend-invite-name{font:400 1.05rem/1 var(--display)}.friend-notice-quote{color:var(--iron-2);font:italic 400 .9rem/1.25 var(--body);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;display:block;overflow:hidden}.friend-invite-close{width:30px;padding:0}.friends-seal{min-width:1.35em;height:1.35em;color:var(--paper);font:700 .72rem/1 var(--body);vertical-align:middle;background:var(--vermilion);border-radius:999px;place-items:center;margin-left:6px;padding:0 .3em;display:inline-grid;box-shadow:inset 0 0 0 1px #2a201759}.friends-mark{pointer-events:auto;align-self:center;margin:0;animation:.3s both fade-in}.pc-friend{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.pc-friend-error{flex-basis:100%;margin:2px 0 0}@media (max-width:600px){.friend-invite{top:auto;bottom:max(12px, env(safe-area-inset-bottom));flex-wrap:wrap;width:calc(100vw - 24px)}.friend-invite-text{flex:1}}.gift-slip{padding-left:10px}.gift-amount{color:var(--gilt-deep);font:400 1.2rem/1 var(--display);white-space:nowrap;background:#e2b95c3d;border-radius:2px;flex:none;padding:6px 9px 7px;box-shadow:inset 0 0 0 1px #a9792aa6}.gift-reason{font-size:.95rem}.board{flex-direction:column;transition:opacity .2s;display:flex}.board.is-loading{opacity:.62}.board-tabs{margin:10px 0 14px}.board-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;margin:14px 0;padding:0;list-style:none;display:grid}.podium-place{text-align:center;min-width:0;box-shadow:inset 0 0 0 1px var(--edge-hi);background:#fffaeb6b;border-radius:2px;justify-items:center;gap:6px;padding:34px 8px 13px;display:grid;position:relative}.podium-place[data-place="1"]{box-shadow:inset 0 0 0 1px var(--gold), inset 0 0 0 4px #e2b95c38, 0 10px 22px #2a201729;background:radial-gradient(120% 80% at 50% 0,#e2b95c52,#0000 70%),#fffaeb8c;order:2;padding:40px 8px 22px}.podium-place[data-place="2"]{order:1}.podium-place[data-place="3"]{order:3}.podium-place.is-you{background:#e2b95c47}.podium-place.is-empty{box-shadow:none;outline:1px dashed var(--edge-hi);outline-offset:-1px;background:0 0;align-self:stretch;margin-top:30px}.podium-place.is-empty .medal{opacity:.4;filter:grayscale()}.podium-name{min-width:0;max-width:100%;color:var(--iron);font:600 1rem/1.2 var(--body);justify-content:center;align-items:center;gap:6px;display:flex}.podium-name-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.podium-name .tag-chip{flex:none;font-size:.76rem}.podium-place[data-place="1"] .podium-name{font-size:1.1rem}.podium-rank{min-width:0;color:var(--iron-2);font:400 .95rem/1.12 var(--display);justify-content:center;align-items:center;gap:5px;display:flex}.podium-rank>span{text-wrap:balance}.podium-rating{color:var(--iron);font:700 1.3rem/1 var(--body);font-variant-numeric:tabular-nums}.podium-place[data-place="1"] .podium-rating{font-size:1.5rem}.medal{--metal:#e2b95c;--metal-hi:#f7e2a2;--metal-deep:#7d5a18;filter:drop-shadow(0 2px 2px #2a20174d);width:34px;height:43px;position:absolute;top:-14px;left:50%;overflow:visible;transform:translate(-50%)}.medal[data-place="2"]{--metal:#c9d0d7;--metal-hi:#f1f4f6;--metal-deep:#5f6872}.medal[data-place="3"]{--metal:#c68652;--metal-hi:#ecc29b;--metal-deep:#6e3f1d}.medal-ribbon{fill:var(--vermilion);stroke:var(--vermilion-deep);stroke-width:1px;stroke-linejoin:round}.medal-disc{fill:var(--metal);stroke:var(--iron);stroke-width:1.6px}.medal-rim{fill:none;stroke:var(--metal-deep);stroke-width:1.2px}.medal-place{fill:var(--iron);font:400 17px/1 var(--title);text-anchor:middle}.board-list{margin:0;padding:0;list-style:none;display:grid}.board-row,.board-you{border-bottom:1px solid var(--edge);grid-template-columns:2.4em 36px minmax(0,1fr) 30px minmax(0,12em) 3.4em;grid-template-areas:"place avatar name badge rank rating";align-items:center;gap:10px;min-height:48px;padding:5px 10px 5px 2px;display:grid}.board-place{color:var(--iron-3);font:700 .95rem/1 var(--body);font-variant-numeric:tabular-nums;text-align:right;grid-area:place}.board-row>.avatar,.board-you>.avatar{grid-area:avatar}.board-name{grid-area:name;align-items:center;gap:8px;min-width:0;display:flex}.board-name-text{color:var(--iron);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.board-row>.rank-badge,.board-you>.rank-badge{grid-area:badge}.board-rank{color:var(--iron-2);font:400 1rem/1.1 var(--display);white-space:nowrap;text-overflow:ellipsis;grid-area:rank;overflow:hidden}.board-rating{color:var(--iron);font:700 1.05rem/1 var(--body);font-variant-numeric:tabular-nums;text-align:right;grid-area:rating}.board-daily .board-row,.board-daily .board-you{grid-template-columns:2.4em 36px minmax(0,1fr) 3.4em;grid-template-areas:"place avatar name rating"}.board-daily .board-row[data-place] .board-place{font-size:1.1rem}.board-daily .board-row[data-place="1"] .board-place{color:#b5841f}.board-daily .board-row[data-place="2"] .board-place{color:#8a9097}.board-daily .board-row[data-place="3"] .board-place{color:#9a5e2c}.board-row.is-you{box-shadow:inset 3px 0 0 var(--gold);background:#e2b95c38}.board-you{width:100%;color:inherit;font:inherit;text-align:left;box-shadow:inset 3px 0 0 var(--gold), inset 0 0 0 1px #a9792aa6;cursor:pointer;background:#e2b95c4d;border:0;border-radius:2px;margin-top:10px}.board-foot-you{padding:10px 14px 8px}.board-foot-you .board-you{margin:0}.board-you:disabled,.board-you.is-unplaced{cursor:default}.board-you:not(:disabled):not(.is-unplaced):hover{background:#e2b95c6b}.board-you:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.board-you.is-unplaced{grid-template-columns:2.4em 36px minmax(0,1fr) 30px minmax(0,15em);grid-template-areas:"place avatar name badge rank"}.board-you.is-unplaced .board-rank{font:400 .92rem/1.2 var(--body)}.board-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin-top:14px;display:flex}.board-pages{flex-wrap:wrap;gap:4px;display:flex}.board-page{color:var(--iron-2);font:600 .86rem/1 var(--body);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px var(--edge-hi);cursor:pointer;background:0 0;border:0;border-radius:2px;padding:.5em .72em}.board-page:hover{color:var(--iron);box-shadow:inset 0 0 0 1px var(--iron-2)}.board-page[aria-current=page]{color:var(--paper);background:var(--iron);box-shadow:none}.board-page:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.board-count{color:var(--iron-2);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.88rem}.rank-ladder{top:var(--gutter);left:calc(var(--gutter) + 616px);width:320px;max-height:calc(100% - 2 * var(--gutter));animation:slide-in .45s var(--ease-out) 60ms both;flex-direction:column;display:flex;position:absolute}.rank-ladder-title{font:400 1.6rem/1 var(--title);margin:0;padding:10px 12px 8px}.rank-ladder-list{scrollbar-width:thin;scrollbar-color:#2a20174d transparent;min-height:0;margin:0;padding:0 4px 6px;list-style:none;position:relative;overflow:auto}.ladder-step{border-radius:3px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;padding:1px 8px;display:grid}.ladder-step.tier-top{box-shadow:inset 0 1px 0 var(--edge);margin-top:3px;padding-top:4px}.ladder-step-name{font:400 1rem/1.1 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ladder-step-from{color:var(--iron-2);font-variant-numeric:tabular-nums;font-size:.88rem}.ladder-step.is-you{box-shadow:inset 3px 0 0 var(--gold);background:#e2b95c38}.ladder-step.is-you.tier-top{box-shadow:inset 3px 0 0 var(--gold), inset 0 1px 0 var(--edge)}@media (max-width:1000px){.rank-ladder{display:none}}@media (max-width:720px){.board-foot-you{padding:8px 6px max(4px, calc(env(safe-area-inset-bottom) - 8px))}.board-podium{gap:6px}.podium-place{padding:30px 4px 11px}.podium-place[data-place="1"]{padding:34px 4px 18px}.podium-place.is-empty{margin-top:21px}.podium-place .avatar{--avatar:54px!important}.podium-place[data-place="1"] .avatar{--avatar:64px!important}.podium-rank{flex-direction:column;gap:3px;font-size:.86rem}.podium-rating{font-size:1.15rem}.podium-place[data-place="1"] .podium-rating{font-size:1.3rem}.board-row,.board-you,.board-you.is-unplaced{grid-template-columns:1.9em 34px minmax(0,1fr) 28px 3em;grid-template-areas:"place avatar name badge rating""place avatar rank badge rating";gap:2px 8px;min-height:52px;padding:5px 8px 5px 0}.board-name{align-self:end}.board-rank{align-self:start;font-size:.88rem}.board-row .rank-badge,.board-you .rank-badge{width:28px;height:28px}}.setup.profile{width:min(600px, calc(100% - 2 * var(--gutter)))}.profile .setup-title{font-size:2.2rem}.profile-back{gap:1px;padding-right:.7em}.profile-back-label{font:400 1.05rem/1 var(--display)}.profile .setup-head .ranked-season,.profile .setup-head .btn-view-profile{margin-left:auto}.btn-view-profile{white-space:nowrap}.profile-page.is-on,.profile-me.is-on{animation:page-on .34s var(--ease-out) both}.profile-page.is-back,.profile-me.is-back{animation:page-back .34s var(--ease-out) both}.profile-me{flex-direction:column;flex:1;min-height:0;display:flex}.profile-top{flex:none;padding:0 14px}.profile-card{align-items:center;gap:18px;margin:10px 0 0;display:flex}.profile-who{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.profile-name{color:var(--iron);font:400 2rem/1.05 var(--title);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-tabs{gap:22px;margin:14px 0 0}.profile-tab{white-space:nowrap;padding:10px 0 9px;font-size:.95rem}.profile-me .profile-page{padding-top:2px}.profile-pane{animation:pane-in .22s var(--ease-out) both;flex-direction:column;gap:10px;padding-top:14px;display:flex}.profile .profile-pane .settings-heading{margin:14px 0 0}.profile .profile-pane>.settings-heading:first-child,.profile .profile-pane>:first-child>.settings-heading:first-child{margin-top:2px}.profile-pane>.standing{gap:10px;margin-top:0;display:grid}@keyframes pane-in{0%{opacity:0;transform:translateY(5px)}}.field-stack{flex-direction:column;align-items:stretch;gap:6px}.field-stack>.field-label{text-align:left;align-self:flex-start}.profile-record{border-block:1px solid var(--edge-hi);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:2px 0;display:grid}.profile-figure{flex-direction:column-reverse;align-items:center;gap:5px;padding:9px 4px 10px;display:flex}.profile-figure+.profile-figure{box-shadow:inset 1px 0 0 var(--edge)}.profile-figure dd{color:var(--iron);font:400 2rem/1 var(--title);font-variant-numeric:lining-nums tabular-nums;margin:0}.profile-figure dt{color:var(--iron-2);font:400 .98rem/1 var(--display);text-align:center}.profile-said{gap:8px;margin:4px 0 0;display:grid}.profile-about-text{color:var(--iron);font:400 1.12rem/1.4 var(--serif);overflow-wrap:anywhere;box-shadow:inset 2px 0 0 var(--edge-hi);margin:0;padding-left:12px}.profile-weapon{color:var(--iron);font:500 .98rem/1.2 var(--body);align-items:center;gap:7px;margin:0;display:flex}.profile-weapon-label{color:var(--iron-2);margin-right:4px;font-size:.9rem}.profile-ranks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.profile-pane .account-ranked{margin-top:-2px}.profile-rank{width:100%;height:100%;color:var(--iron);font:inherit;text-align:center;box-shadow:inset 0 0 0 1px var(--edge-hi);cursor:pointer;background:#fffaeb61;border:0;border-radius:2px;align-content:start;justify-items:center;gap:4px;padding:10px 6px 11px;transition:background-color .15s,box-shadow .15s;display:grid}.profile-rank:hover{box-shadow:inset 0 0 0 1px var(--iron-2);background:#fffaeb9e}.profile-rank:focus-visible,.profile-door:focus-visible,.picture-choice:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.profile-rank .rank-badge{filter:drop-shadow(0 3px 4px #2a201740)}.profile-rank-playlist{font:400 1.3rem/1 var(--title)}.profile-rank-name{color:var(--iron-2);font:400 .98rem/1.15 var(--display);text-wrap:balance}.profile-rank-rating{color:var(--iron);font:700 .95rem/1 var(--body);font-variant-numeric:tabular-nums}.profile-doors{margin:6px 0 0}.door-list{box-shadow:inset 0 0 0 1px var(--edge-hi);background:#fffaeb66;border-radius:2px;margin:0;padding:1px;list-style:none}.door-list li+li{border-top:1px solid var(--edge)}.profile-door{width:100%;color:var(--iron);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template:"name detail arrow"/auto minmax(0,1fr) auto;align-items:center;gap:3px 14px;padding:12px 10px 12px 15px;transition:background-color .15s;display:grid}.profile-door:hover{background:#fffaeb99}.door-name{font:400 1.4rem/1.05 var(--title);white-space:nowrap;grid-area:name;align-items:center;display:flex}.door-detail{color:var(--iron-2);text-align:right;white-space:nowrap;text-overflow:ellipsis;grid-area:detail;font-size:.9rem;overflow:hidden}.door-arrow{color:var(--vermilion);transition:transform .2s var(--ease-out);grid-area:arrow}.profile-door:hover .door-arrow{transform:translate(3px)}.profile .settings-heading{margin-top:22px}.picture-choices{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.picture-choice{color:var(--iron-2);font:500 .86rem/1 var(--body);cursor:pointer;background:0 0;border:0;border-radius:2px;justify-items:center;gap:6px;padding:7px 9px 8px;display:grid}.picture-choice:hover{color:var(--iron);background:#2a20170f}.picture-choice.is-on{color:var(--iron);box-shadow:inset 0 0 0 1px var(--iron-2);background:#fffaeb8c}.profile-pane .picture-choices{margin:0}.account-end{border-top:1px solid var(--edge);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:10px;display:flex}.account-end .btn-delete-account{margin-left:-.6em}.title-panel .account-me{text-align:left}.account-who{align-items:center;gap:14px;display:flex}.account-who-text{flex:1;gap:8px;min-width:0;display:grid}.account-name{color:var(--iron);font:400 1.6rem/1.05 var(--title);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.btn-account .account-button-avatar{margin:-4px 0}.avatar{width:var(--avatar,40px);height:var(--avatar,40px);background:var(--paper-2);border-radius:2px;flex:none;display:block;overflow:hidden;box-shadow:0 0 0 1px #2a2017b3,0 1px 3px #060c1247}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar.is-seal{background:radial-gradient(circle at 50% 42%, var(--paper), var(--paper-2) 85%)}.avatar-seal{width:100%;height:100%;display:block}.av-wax-0{stop-color:color-mix(in oklch, var(--player) 55%, white)}.av-wax-1{stop-color:var(--player)}.av-wax-2{stop-color:color-mix(in oklch, var(--player) 58%, black)}.av-wax{stroke:color-mix(in oklch, var(--player) 62%, black);stroke-width:1.4px}.av-ring{fill:none;stroke:color-mix(in oklch, var(--player) 64%, black);stroke-opacity:.55;stroke-width:2.2px}.av-initial{fill:color-mix(in oklch, var(--player) 52%, black);font:400 44px/1 var(--title);text-anchor:middle;dominant-baseline:central}.av-initial-lit{fill:color-mix(in oklch, var(--player) 40%, white);opacity:.6}.avatar.is-framed,.avatar.is-framed.is-seal{box-shadow:none;background:0 0;position:relative;overflow:visible}.avatar-pic{background:var(--paper-2);border-radius:2px;width:100%;height:100%;display:block;overflow:hidden;box-shadow:0 0 0 1px #2a2017b3}.avatar.is-seal .avatar-pic{background:radial-gradient(circle at 50% 42%, var(--paper), var(--paper-2) 85%)}.frame-art{top:calc(var(--avatar) * var(--frame-k) * -1);left:calc(var(--avatar) * var(--frame-k) * -1);width:calc(var(--avatar) * (1 + 2 * var(--frame-k)));height:calc(var(--avatar) * (1 + 2 * var(--frame-k)));pointer-events:none;filter:drop-shadow(0 1px 2.5px #060c1252);position:absolute;overflow:visible}.avatar.is-small-frame .frame-art{filter:drop-shadow(0 1px 1px #060c1240)}@keyframes page-on{0%{opacity:0;transform:translate(22px)}}@keyframes page-back{0%{opacity:0;transform:translate(-22px)}}@media (max-width:720px){.setup.profile{width:100%;height:78%}.profile .setup-head{padding:4px 6px 0 0}.profile .setup-title{font-size:1.85rem}.profile .setup-head .ranked-season{display:none}.profile .setup-body{padding:0 6px max(8px, calc(env(safe-area-inset-bottom) - 8px))}.profile-top{padding:0 6px}.profile-card{gap:14px;margin-top:6px}.profile-card .avatar{--avatar:68px!important}.profile-who{gap:5px}.profile-name{font-size:1.6rem}.profile-tabs{scrollbar-width:none;justify-content:space-between;gap:0;margin-top:10px;overflow-x:auto}.profile-tab{padding:11px 2px 10px}.profile-pane{padding-top:12px}.profile-figure{padding:8px 2px 9px}.profile-figure dd{font-size:1.75rem}.profile-figure dt{font-size:.9rem}.profile-door{grid-template:"name arrow""detail arrow"/minmax(0,1fr) auto;padding:10px 8px 10px 13px}.door-detail{text-align:left}.profile .replay-row{padding-bottom:6px}.profile .replay-actions{grid-area:auto/1/auto/-1;justify-content:flex-end;margin:2px -4px 0 0}.profile-ranks{gap:6px}.profile-rank{padding:8px 4px 9px}.profile-rank .rank-badge{width:44px;height:44px}.profile-rank-playlist{font-size:1.12rem}.profile-rank-name{font-size:.86rem}.door-name{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.profile-page.is-on,.profile-page.is-back,.profile-me.is-on,.profile-me.is-back,.profile-pane{animation:none}}.rel-sheet{width:min(780px,100%);max-height:100%;animation:rise .26s var(--ease-out) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.rel-top{padding:16px 48px 8px 18px}.rel-title{color:var(--iron);font:400 2rem/1.05 var(--title);margin:0}.rel-sub{color:var(--iron-2);font:600 .9rem/1.2 var(--body);margin:6px 0 0}.rel-pending,.rel-plan{box-shadow:inset 3px 0 0 var(--gold), inset 0 0 0 1px var(--edge-hi);background:#fffaeb8c;border-radius:2px}.rel-pending{align-items:center;gap:14px;margin:2px 0 4px;padding:10px 12px 10px 14px;display:flex}.rel-pending:focus,.rel-review-body:focus{outline:none}.rel-pending-wait{min-width:0;color:var(--iron);font:600 .98rem/1.35 var(--body);flex:1;margin:0}.rel-cancel{flex:none;font-size:.95rem}.rel-plan{gap:5px;margin:12px 0 0;padding:11px 14px 11px 17px;list-style:none;display:grid}.rel-plan li{color:var(--iron);font:400 .98rem/1.4 var(--body)}.rel-plan a{color:var(--iron);font-weight:600}.rel-plan a:hover{color:var(--vermilion)}.rel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2a20174d transparent;min-height:0;padding:2px 18px 10px;overflow:auto}.rel-section .setup-heading,.rel-history .setup-heading{margin:18px 0 4px;font-size:1rem}.rel-section:first-child .setup-heading{margin-top:12px}.rel-section-head{align-items:center;gap:10px;display:flex}.rel-section-head .setup-heading{flex:1}.rel-section-head .btn{flex:none;margin-top:8px;padding:.3em .2em;font-size:.95rem}.rel-list{margin:0;padding:0;list-style:none}.rel-row{border-bottom:1px solid var(--edge);padding:12px 0 13px}.rel-row:last-child{border-bottom:0}.rel-row-head{grid-template-columns:22px 1fr auto;align-items:center;column-gap:10px;display:grid}.rel-row.is-live .rel-row-head,.rel-row.is-waiting .rel-row-head{grid-template-columns:1fr auto;min-height:30px}.rel-row.is-live .rel-row-body,.rel-row.is-waiting .rel-row-body{padding-left:0}.rel-row.is-waiting .rel-published{margin-top:6px}.rel-row-head .btn{color:var(--iron-2);padding:.3em .5em;font-size:.95rem}.rel-row-head .btn:hover:not(:disabled),.rel-row-head .btn[aria-expanded=true]{color:var(--vermilion-deep)}.rel-tick{width:18px;height:18px;accent-color:var(--verdigris);cursor:pointer;margin:0}.rel-tick:disabled{cursor:default}.rel-tick:focus-visible{outline:2px solid var(--sea);outline-offset:3px}.rel-name{color:var(--iron);font:600 1.08rem/1.25 var(--body);cursor:pointer}.rel-row.is-held .rel-name{color:var(--iron-2);cursor:default}.rel-row-body{padding-left:32px}.rel-about,.rel-held,.rel-fact,.rel-note-fact{font:400 .96rem/1.4 var(--body);margin:5px 0 0}.rel-about{color:var(--iron-2)}.rel-held{color:var(--iron);font-weight:600}.rel-fact{color:var(--iron)}.rel-fact.is-denied{color:var(--vermilion-deep)}.rel-note-fact{color:var(--iron-2)}.rel-note-fact a{color:var(--iron);font-weight:600}.rel-note-fact a:hover{color:var(--vermilion)}.rel-preview{border:var(--frame) solid transparent;border-image:var(--neatline-frame) 8 / var(--frame) stretch;border-radius:var(--radius);background:var(--paper-bg);background-origin:border-box;max-width:520px;margin:16px auto 6px;padding:12px 16px 10px;box-shadow:0 6px 18px #060c1233}.rel-preview-title{color:var(--iron);font:400 2rem/1.05 var(--title);margin:0}.rel-preview-when{color:var(--iron-2);font:600 .9rem/1.2 var(--body);margin:6px 0 0}.rel-preview-group .setup-heading{margin:16px 0 8px}.rel-lines{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rel-note{grid-template-columns:minmax(0,1fr) auto 30px;grid-template-areas:"text text text""from kind remove""problem problem problem";align-items:center;gap:3px 6px;padding-left:16px;display:grid;position:relative}.rel-note:before{content:"";background:color-mix(in oklch, var(--vermilion) 80%, var(--iron));border-radius:50%;width:6px;height:6px;position:absolute;top:calc(.62em + 3px);left:2px}.rel-note-text{resize:none;width:100%;min-height:calc(1.4em + 6px);color:var(--iron);font:400 1rem/1.4 var(--body);box-shadow:inset 0 0 0 1px var(--edge);background:#fffaeb66;border:0;border-radius:2px;grid-area:text;margin:0;padding:3px 5px;transition:background-color .15s,box-shadow .15s;display:block;overflow:hidden}.rel-note-text:hover:not(:disabled){background:#fffaebb3}.rel-note-text:focus{box-shadow:inset 0 0 0 1.5px var(--sea);background:#fffaebd9;outline:none}.rel-note.has-problem .rel-note-text{box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--vermilion) 75%, transparent)}.rel-note-tag{grid-area:kind}.rel-note-remove{grid-area:remove}.rel-note-from{color:var(--iron-3);font:600 .78rem/1.2 var(--body);grid-area:from;margin-left:5px}.rel-note-remove{width:30px;height:30px;color:var(--iron-2);cursor:pointer;background:0 0;border:0;border-radius:2px;place-items:center;padding:0;display:grid}.rel-note-remove:hover:not(:disabled){color:var(--vermilion);background:#2a201712}.rel-note-remove:focus-visible{outline:2px solid var(--sea);outline-offset:-2px}.rel-note-remove:disabled{opacity:.4;cursor:default}.rel-problem{color:var(--vermilion-deep);font:600 .85rem/1.3 var(--body);grid-area:problem;margin:3px 0 2px 5px}.rel-none{color:var(--iron-2);font:400 .95rem/1.3 var(--body);margin:8px 0 6px}.rel-note-tools{border-top:1px solid var(--edge);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;padding-top:8px;display:flex}.rel-note-tools .btn{padding:.35em .2em;font-size:.98rem}.rel-add-to{max-width:100%}.rel-published{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rel-published li{color:var(--iron);font:400 .96rem/1.4 var(--body);align-items:baseline;gap:10px;display:flex}.rel-tag{width:5.6em;color:var(--iron-2);font:700 .68rem/1.2 var(--body);letter-spacing:.04em;text-align:center;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--edge-hi);border-radius:2px;flex:none;padding:.18em 0}.rel-tag.is-new{color:var(--verdigris)}.rel-tag.is-improved{color:var(--gold)}.rel-tag.is-fixed{color:var(--vermilion)}.rel-deny-form,.rel-confirm{box-shadow:inset 3px 0 0 color-mix(in oklch, var(--vermilion) 70%, transparent), inset 0 0 0 1px var(--edge-hi);background:#fffaeb8c;border-radius:2px;gap:9px;margin-top:10px;padding:10px 12px 10px 15px;display:grid}.rel-confirm{box-shadow:inset 3px 0 0 var(--gold), inset 0 0 0 1px var(--edge-hi)}.rel-reason{gap:5px;display:grid}.rel-reason-label{color:var(--iron);font:600 .86rem/1 var(--body)}.rel-deny-form .rel-error,.rel-confirm .rel-error{margin:0}.rel-row-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.rel-row-buttons .btn{padding:.5em .9em;font-size:.98rem}.rel-history .setup-heading{margin-bottom:8px}.rel-log{gap:5px;margin:0;padding:0;list-style:none;display:grid}.rel-log li{color:var(--iron);font:400 .92rem/1.35 var(--body);grid-template-columns:8.5em 1fr;gap:10px;display:grid}.rel-log-when{color:var(--iron-2);font-variant-numeric:tabular-nums}.rel-foot{border-top:1px solid var(--edge-hi);padding:10px 18px 14px}.rel-error{color:var(--vermilion-deep);font:600 .95rem/1.35 var(--body);margin:0 0 9px}.rel-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.rel-count{color:var(--iron-2);font:600 .92rem/1.35 var(--body);flex:14em;margin:0}.rel-confirm-text{color:var(--iron);font:600 .95rem/1.4 var(--body);margin:0}.rel-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.rel-buttons .btn{padding:.7em 1.1em;font-size:1rem}.rel-buttons .btn:disabled{opacity:.45;cursor:default;filter:none;transform:none}.lab-releases{border-top:1px solid var(--edge);justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.lab-releases-text{gap:3px;min-width:0;display:grid}.lab-releases-name{color:var(--iron);font-size:.98rem}.lab-releases-fact{color:var(--iron-2);font:400 .88rem/1.3 var(--body)}.lab-releases-open{flex:none;padding:.45em .9em;font-size:.98rem}.toggle.is-fixed{cursor:default}.toggle.is-fixed .toggle-track{opacity:.55}.lab-none{color:var(--iron-2);font:400 .95rem/1.35 var(--body);margin:0}.lab-released-toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;align-items:center;gap:6px;margin:-4px 0 -4px -2px;padding:4px 2px;display:inline-flex}.lab-released-toggle:hover{color:var(--vermilion-deep)}.lab-tune{border-left:2px solid var(--edge);gap:8px;margin:-2px 0 4px 4px;padding:2px 0 2px 12px;display:grid}.lab-tune .slider{grid-template-columns:8.5em 1fr 3.4em;gap:10px}.lab-tune .slider-label{font-size:.92rem}.lab-tune-reset{color:var(--iron-2);font:400 .9rem/1.2 var(--body);cursor:pointer;background:0 0;border:0;justify-self:start;padding:3px 0}.lab-tune-reset:hover{color:var(--vermilion-deep)}.lab-tune-reset:focus-visible,.lab-released-toggle:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.lab-released-toggle .icon{transition:transform .18s var(--ease-out)}.lab-released-toggle[aria-expanded=true] .icon{transform:rotate(90deg)}.lab-released-list{margin:-4px 0 0;padding:0;list-style:none}.lab-released-row{border-bottom:1px solid var(--edge);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;padding:7px 0;display:flex}.lab-released-row:last-child{border-bottom:0}.lab-released-name{color:var(--iron-2);font-size:.98rem}.lab-released-fact{color:var(--iron-3);font:400 .86rem/1.3 var(--body)}@media (max-width:600px){.rel-sheet{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:94%}.rel-top{padding:10px 42px 8px 8px}.rel-title{font-size:1.6rem}.rel-body{padding:2px 8px 8px}.rel-row-body{padding-left:0}.rel-pending{flex-wrap:wrap}.rel-preview{margin:12px 0 4px;padding:10px 10px 8px}.rel-preview-title{font-size:1.6rem}.lab-released-row{flex-direction:column;align-items:flex-start}.rel-log li{grid-template-columns:1fr;gap:0}.rel-foot{padding:8px 8px max(10px, env(safe-area-inset-bottom))}.rel-buttons{width:100%}.rel-buttons .btn{flex:auto;padding:.7em .6em}}.season-marks{vertical-align:middle;grid-auto-columns:13px;grid-auto-flow:column;gap:4px;padding:0 3px;display:inline-grid}.season-mark{background:#fffaeb80;height:10px;position:relative;overflow:hidden;transform:skew(-20deg);box-shadow:inset 0 0 0 1px #2a20178c}.season-mark.is-done:after{content:"";background:linear-gradient(180deg, var(--gold-hi), var(--gold) 70%, var(--gilt-deep));position:absolute;inset:0;box-shadow:inset 0 0 0 1px #2a201799}.season-mark.is-done.is-fresh:after{transform-origin:0;animation:season-ink .5s .6s var(--ease-out) both}.season-plate{min-height:36px;color:var(--iron-2);font:400 1rem/1 var(--display);box-shadow:inset 0 0 0 1px var(--edge-hi);cursor:pointer;background:0 0;border:0;border-radius:2px;align-items:center;gap:9px;margin-left:auto;padding:0 10px 0 12px;transition:background-color .2s,box-shadow .2s,color .2s;display:inline-flex}.season-plate:has(.rank-badge){padding-left:6px}.season-plate:hover{color:var(--iron);background:#fffaeb73;box-shadow:inset 0 0 0 1px #2a20179e}.season-plate:focus-visible{outline:2px solid var(--sea);outline-offset:3px}.season-plate .rank-badge{filter:drop-shadow(0 1px 1.5px #2a20174d);width:26px;height:26px}.season-plate-name{white-space:nowrap}.season-ends{color:var(--iron-2);font:400 1rem/1 var(--display);white-space:nowrap;margin-left:auto;padding:.38em .2em .42em}.ranked.is-season .setup-body>:not(.season-sheet,.season-end){display:none}.season-sheet{padding:4px 0 2px}.season-track{grid-template-columns:repeat(8,minmax(0,1fr));margin:18px 0 0;padding:0;list-style:none;display:grid;position:relative}.season-track:before,.season-track:after{content:"";height:2px;position:absolute;top:57px;left:6.25%}.season-track:before{background:repeating-linear-gradient(90deg,#2a201761 0 5px,#0000 5px 10px);width:87.5%}.season-track:after{width:calc(100% * 7 / 8 * var(--course));background:linear-gradient(90deg, var(--gilt-deep), var(--gold));transform-origin:0;animation:fill-in .9s .25s var(--ease-out) both}.season-level{z-index:1;text-align:center;border-radius:2px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:14px 2px 12px;display:flex;position:relative}.season-level-badge{place-items:center;width:86px;height:86px;display:grid;position:relative}.season-level-badge>*{grid-area:1/1}.season-level .rank-badge{filter:drop-shadow(0 4px 5px #2a201742);width:86px;height:86px}.season-level-name{color:var(--iron);font:400 1.08rem/1.1 var(--display)}.season-level.is-earned .season-level-badge:before{content:"";background:radial-gradient(closest-side, color-mix(in oklch, var(--tier) 34%, transparent), transparent);border-radius:50%;grid-area:1/1;width:112%;height:112%}.season-level.is-now{box-shadow:inset 0 0 0 1px var(--edge-hi);background:#fffaeb8c}.season-level.is-now .rank-badge{filter:grayscale(.7)opacity(.62)drop-shadow(0 3px 4px #2a201733)}.season-level.is-now .season-marks{grid-auto-columns:12px;gap:3px}.season-level.is-ahead .rank-badge{filter:grayscale()opacity(.34)}.season-level.is-ahead .season-level-name{color:var(--iron-3)}.season-now{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:14px;display:flex}.season-now-line{color:var(--iron);font:400 1.3rem/1.2 var(--display);margin:0}.season-now-cap{color:var(--iron-2);margin:0;font-size:.94rem}.season-outcome{align-items:center;gap:12px;margin:-6px 0 16px;display:flex}.season-outcome-badge{flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative}.season-outcome-badge>*{grid-area:1/1}.season-outcome-text{gap:4px;min-width:0;display:grid}.season-outcome .rank-name,.season-outcome .rank-detail{margin:0}.season-outcome-line{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.season-outcome.is-toward .rank-badge{filter:grayscale(.7)opacity(.62)}.season-outcome.is-reached .rank-badge{animation:.95s cubic-bezier(.2,.8,.3,1) 1.05s both rank-struck}.season-outcome.is-reached .season-outcome-badge:after{content:"";width:100%;height:100%;box-shadow:0 0 0 2px var(--gold-hi), 0 0 14px 3px #e2b95c8c;opacity:0;border-radius:50%;grid-area:1/1;animation:1.1s ease-out 1.35s forwards rank-flash}.season-end{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:22px 0 20px;display:flex}.season-end-title{color:var(--iron);font:400 1.7rem/1.1 var(--title);margin:0 0 4px}.season-end-badge{place-items:center;width:180px;height:180px;display:grid;position:relative}.season-end-badge>*{grid-area:1/1}.season-end-badge:before{content:"";background:radial-gradient(closest-side, color-mix(in oklch, var(--tier) 34%, transparent), transparent);border-radius:50%;grid-area:1/1;width:80%;height:80%}.season-end-badge .rank-badge{filter:drop-shadow(0 6px 7px #2a201747);width:132px;height:132px;animation:.95s cubic-bezier(.2,.8,.3,1) .3s both rank-struck}.season-end-badge:after{content:"";width:64%;height:64%;box-shadow:0 0 0 3px var(--gold-hi), 0 0 18px 4px #e2b95c8c;opacity:0;border-radius:50%;grid-area:1/1;animation:1.2s ease-out .62s forwards rank-flash}.season-end-name{color:var(--iron);font:400 2.1rem/1 var(--title);margin:0}.season-end-detail{color:var(--iron-2);margin:0 0 16px}@keyframes season-ink{0%{transform:scaleX(0)}}@media (max-width:720px){.season-plate{gap:7px;min-height:32px;padding-right:8px;font-size:.95rem}.season-plate .season-marks{grid-auto-columns:9px;gap:3px}.season-track{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:6px;margin-top:12px}.season-track:before,.season-track:after{display:none}.season-level{padding:10px 2px}.season-level-badge,.season-level .rank-badge{width:56px;height:56px}.season-level-name{font-size:1rem}.season-now-line{font-size:1.15rem}.season-end-badge{width:150px;height:150px}.season-end-badge .rank-badge{width:112px;height:112px}}@media (prefers-reduced-motion:reduce){.season-mark.is-done.is-fresh:after,.season-track:after,.season-outcome.is-reached .rank-badge,.season-end-badge .rank-badge{animation:none}.season-outcome.is-reached .season-outcome-badge:after,.season-end-badge:after{display:none}}.ranked-screen{padding:var(--gutter);grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid}.setup.ranked{width:min(1000px,100%);max-height:100%;animation-name:rise;position:relative;inset:auto}.ranked .setup-head{padding:10px 18px 2px 6px}.ranked .setup-title{font-size:2.4rem}.ranked-season{color:var(--iron-2);font:400 1rem/1 var(--display);box-shadow:inset 0 0 0 1px var(--edge-hi);border-radius:2px;margin-left:auto;padding:.38em .75em .42em}.ranked .setup-body{padding:0 18px 12px}.ranked .account-lead{margin:12px 0 0}.ranked .account-lead+.btn{margin-top:10px}.ranked .party .setup-heading{margin:14px 0 8px}.ranked .party-members{flex-flow:wrap;gap:4px 18px;margin:0 0 8px}.ranked .party-members li{border-bottom:0;min-height:32px}.ranked .playlists{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 10px;display:grid}.ranked .playlist{text-align:center;min-width:0;box-shadow:inset 0 0 0 1px var(--edge-hi);transition:transform .35s var(--ease-out), box-shadow .35s, background-color .35s, opacity .35s;background:#fffaeb61;border-radius:2px;flex-direction:column;align-items:center;gap:0;padding:14px 16px 16px;display:flex;position:relative;overflow:hidden}.ranked .playlist-head{flex-direction:column;align-items:center;gap:7px;display:flex}.ranked .playlist-name{font:400 2rem/1 var(--title)}.ranked .playlist-size{align-items:center;gap:7px;display:inline-flex}.sides-team{gap:2px;display:inline-flex}.sides-v{color:var(--iron-2);font:italic 400 1rem/1 var(--serif)}.ranked .playlist-insignia{place-items:center;width:176px;height:176px;margin:6px 0 4px;display:grid;position:relative}.ranked .playlist-insignia>*{grid-area:1/1}.ranked .playlist-insignia:before{content:"";background:radial-gradient(closest-side, color-mix(in oklch, var(--tier) 30%, transparent), transparent);border-radius:50%;grid-area:1/1;width:78%;height:78%}.queue-compass{width:100%;height:100%;display:block}.compass-rule,.compass-rhumbs{fill:none;stroke:#2a20175c;stroke-width:.6px}.compass-north{fill:var(--vermilion)}.ranked .playlist-insignia .rank-badge{filter:drop-shadow(0 6px 7px #2a201747);width:128px;height:128px;position:relative}.ranked .playlist-rank{flex-direction:column;align-items:stretch;gap:6px;width:100%;min-height:104px;display:flex}.ranked .rank-name{color:var(--iron);font:400 1.38rem/1.1 var(--display);text-wrap:balance}.ranked .rank-name.is-long{font-size:1.18rem}.rank-scale{align-items:center;gap:8px;min-height:30px;display:flex}.rank-bar{background:#fffaeb80;flex:1;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2a201799}.rank-fill{background:linear-gradient(180deg, var(--gold-hi), var(--gold) 70%, var(--gilt-deep));transform:scaleX(var(--fill));transform-origin:0;animation:fill-in .9s .35s var(--ease-out) both;position:absolute;inset:0}.rank-bar:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#2a201766 calc(10% - 1px) 10%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #2a201799}.rank-scale .rank-badge{width:30px;height:30px}.rank-steps{flex:1;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;padding:0 3px;display:grid}.rank-step{background:#fffaeb80;height:10px;transform:skew(-20deg);box-shadow:inset 0 0 0 1px #2a20178c}.rank-step.is-done{background:var(--iron-2)}.ranked .rank-detail{color:var(--iron-2);font-size:.88rem}.rank-record{color:var(--iron-3);font-variant-numeric:tabular-nums;font-size:.82rem}.ranked .playlist-counts{border-top:1px solid var(--edge);width:100%;color:var(--iron-2);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:7px;margin:12px 0 0;padding-top:10px;font-size:.88rem;display:flex}.counts-lamp{background:#2a201738;border-radius:50%;flex:none;width:8px;height:8px}.counts-lamp.is-lit{background:var(--verdigris);animation:2.2s ease-in-out infinite lamp;box-shadow:0 0 0 3px #2d685829}.ranked .playlist-actions{flex-direction:column;align-items:stretch;gap:4px;width:100%;margin-top:12px;display:flex}.ranked .find-match{font-size:1.3rem}.ranked .playlist.is-searching{box-shadow:inset 0 0 0 2px var(--verdigris), 0 14px 28px #2a201738;background:#fffaeb9e;transform:translateY(-4px)}.ranked .playlists.is-searching .playlist:not(.is-searching){opacity:.6}.ranked .playlist.is-searching .queue-compass{animation:16s linear infinite compass-turn}.queue-ripple{border:2px solid var(--verdigris);opacity:0;border-radius:50%;width:74%;height:74%;animation:2.4s cubic-bezier(.2,.6,.35,1) infinite ripple}.queue-ripple+.queue-ripple{animation-delay:1.2s}.search-row{border-radius:2px;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:0 6px 0 14px;animation:.3s both fade-in;display:flex;box-shadow:inset 0 0 0 1px #2d68588c}.search-state{align-items:baseline;gap:10px;display:flex}.search-label{color:var(--verdigris);font:400 1.15rem/1 var(--display)}.ranked .search-time{min-width:0;color:var(--iron);font:700 1.5rem/1 var(--body);font-variant-numeric:tabular-nums}.ranked .playlist.is-revealed .playlist-insignia .rank-badge{animation:.95s cubic-bezier(.2,.8,.3,1) .3s both rank-struck}.ranked .playlist.is-revealed .playlist-insignia:after{content:"";width:72%;height:72%;box-shadow:0 0 0 3px var(--gold-hi), 0 0 18px 4px #e2b95c8c;opacity:0;border-radius:50%;grid-area:1/1;animation:1.2s ease-out .62s forwards rank-flash}.rank-change{color:var(--verdigris);font:400 1rem/1 var(--display);animation:.4s 1s both fade-in}.rank-change.is-down{color:var(--vermilion)}.ranked .ledger{margin:6px 0 4px}.ranked-rules{margin-top:16px}@keyframes fill-in{0%{transform:scaleX(0)}}@keyframes compass-turn{to{transform:rotate(360deg)}}@keyframes ripple{0%{opacity:0;transform:scale(.8)}12%{opacity:.85}to{opacity:0;transform:scale(1.62)}}@keyframes lamp{50%{opacity:.4}}@keyframes rank-struck{0%{opacity:0;transform:scale(1.55)rotate(-9deg)}45%{opacity:1;transform:scale(.93)rotate(1deg)}70%{transform:scale(1.04)}}@keyframes rank-flash{0%{opacity:.95;transform:scale(.85)}to{opacity:0;transform:scale(1.75)}}@media (prefers-reduced-motion:reduce){.queue-ripple{display:none}}@media (max-width:720px){.ranked-screen{place-items:end stretch;padding:0}.setup.ranked{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:82%}.ranked .setup-head{padding:4px 8px 0 0}.ranked .setup-title{font-size:1.9rem}.ranked .setup-body{padding:0 6px max(8px, calc(env(safe-area-inset-bottom) - 8px))}.ranked .playlists{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:14px}.ranked .playlist{text-align:left;grid-template-columns:84px minmax(0,1fr) auto;grid-template-areas:"insignia head head""insignia rank rank""counts counts actions";align-items:center;column-gap:12px;padding:10px 10px 10px 8px;display:grid}.ranked .playlist.is-searching{grid-template-areas:"insignia head head""insignia rank rank""counts counts counts""actions actions actions"}.ranked .playlist-head{flex-direction:row;grid-area:head;justify-content:space-between;margin-bottom:2px}.ranked .playlist-name{font-size:1.55rem}.ranked .playlist-insignia{grid-area:insignia;align-self:start;width:84px;height:84px;margin:0}.ranked .playlist-insignia .rank-badge{width:64px;height:64px}.ranked .playlist-rank{grid-area:rank;gap:3px;min-height:0}.ranked .rank-name{font-size:1.12rem}.ranked .rank-name.is-long{font-size:1rem}.rank-scale{min-height:24px}.rank-scale .rank-badge{width:24px;height:24px}.ranked .rank-detail{font-size:.84rem}.rank-record{display:none}.ranked .playlist-counts{border:0;grid-area:counts;justify-content:flex-start;margin:8px 0 0;padding:0;font-size:.82rem}.ranked .playlist-actions{flex-direction:row-reverse;grid-area:actions;align-items:center;margin:8px 0 0}.ranked .playlist.is-searching .playlist-actions{flex-direction:row}.ranked .playlist.is-searching .search-row{flex:1}.ranked .find-match{padding:.62em 1em .66em;font-size:1.1rem}.search-row{min-height:44px}}.rank-badge{--frame:#b8743f;--field:#6f4021;--emblem:#e2a76a;--gem:#78a9ff;flex:none;display:block;overflow:visible}.rank-badge[data-tier="1"]{--frame:#c4cbd3;--field:#4d5661;--emblem:#d9dfe5}.rank-badge[data-tier="2"]{--frame:#e2b443;--field:#5c4413;--emblem:#f8de8e}.rank-badge[data-tier="3"]{--frame:#a3dbd3;--field:#275f5a;--emblem:#e6f7f4}.rank-badge[data-tier="4"]{--frame:#cad8f0;--field:#1c3768;--emblem:#eef3fc;--gem:#7aa8f8}.rank-badge[data-tier="5"]{--frame:#e2b443;--field:#b8243d;--emblem:#f4d47c}.rank-badge[data-tier="6"]{--frame:#4b405f;--field:#211a2e;--emblem:#dcd5ee}.rank-badge[data-tier="7"]{--frame:#ebc75e;--field:#1b2a4b;--emblem:#f7de90}.rb-plate-0{stop-color:color-mix(in oklch, var(--frame) 48%, white)}.rb-plate-1{stop-color:var(--frame)}.rb-plate-2{stop-color:color-mix(in oklch, var(--frame) 70%, black)}.rb-plate-3{stop-color:color-mix(in oklch, var(--frame) 86%, white)}.rb-plate-4{stop-color:color-mix(in oklch, var(--frame) 55%, black)}.rb-emblem-0{stop-color:color-mix(in oklch, var(--emblem) 35%, white)}.rb-emblem-1{stop-color:var(--emblem)}.rb-emblem-2{stop-color:color-mix(in oklch, var(--emblem) 62%, black)}.rb-field-0{stop-color:color-mix(in oklch, var(--field) 82%, white)}.rb-field-1{stop-color:color-mix(in oklch, var(--field) 68%, black)}.rb-gem-0{stop-color:#fff}.rb-gem-1{stop-color:color-mix(in oklch, var(--gem) 45%, white)}.rb-gem-2{stop-color:var(--gem)}.rb-gem-3{stop-color:color-mix(in oklch, var(--gem) 55%, black)}.rb-plate{stroke:var(--iron);stroke-width:2.2px;stroke-linejoin:round}.rb-plate-shadow{fill:#140c0452}.rb-bevel{fill:none;stroke:#fff6;stroke-width:1.1px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%;transform:scale(.93)}.rb-field-edge{fill:none;stroke:var(--iron);stroke-width:1.3px;stroke-linejoin:round}.rb-beads{fill:none;stroke:color-mix(in oklch, var(--frame) 45%, white);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:.01 4.55}.rb-rope{fill:none;stroke:color-mix(in oklch, var(--frame) 60%, black);stroke-width:3.6px;stroke-dasharray:2.4 1.3;stroke-linejoin:round}.rb-drop{fill:#140c046b;stroke:#140c046b;stroke-linecap:round;stroke-linejoin:round}.rb-edge{fill:var(--iron);stroke:var(--iron);stroke-linecap:round;stroke-linejoin:round}.rb-face{stroke-linecap:round;stroke-linejoin:round}.rb-cut{fill:#1e140ac7;stroke:#1e140ac7;stroke-linecap:round}.rank-badge .is-line{fill:none}.rb-stud{fill:#2a201733;stroke:#2a20178c;stroke-width:1.4px;stroke-linejoin:round}.rb-stud.is-lit{fill:var(--emblem);stroke:var(--iron);stroke-width:1.8px}.rb-facet-hi{fill:#ffffff21}.rb-facet-lo{fill:#0000003d}.rb-blank{fill:#2a20170d;stroke:#2a201780;stroke-width:1.6px;stroke-dasharray:4 3}.rb-blank-ring{fill:none;stroke:#2a201738;stroke-width:1px}.rb-unknown{fill:#2a201773;font:400 38px/1 var(--title);text-anchor:middle}.bans-screen{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));pointer-events:auto;background:radial-gradient(120% 95% at 50% 42%,#0a121a85,#050a0fdb);place-items:center;animation:.4s both fade-in;display:grid;position:absolute;inset:0;overflow:auto}.ui:has(>.bans-screen)>.screen:not(.bans-screen){visibility:hidden}.ui:has(>.bans-screen)>.hud{visibility:hidden}.bans{border-radius:var(--radius);width:min(1060px,100%);color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift), var(--neatline);animation:rise .55s calc(var(--found,0s) + 80ms) var(--ease-out) both;padding:18px 28px 20px;position:relative}.bans-title{font:400 2.1rem/1 var(--title);text-align:center;margin:4px 0 0}.bans-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin-top:14px;display:grid}.bans-side{border-radius:2px;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:8px 12px 10px;transition:background-color .3s,box-shadow .3s;display:flex}.bans-side.is-them{align-items:flex-end}.bans-side.is-turn{box-shadow:inset 0 0 0 1px var(--edge-hi), inset 0 -3px 0 var(--gold-hi);background:#fffaeb8c}.bans-team{color:var(--iron);font:400 1.05rem/1 var(--display)}.bans-team:before{content:"";background:var(--team);vertical-align:.02em;border-radius:1px;width:10px;height:10px;margin-right:7px;display:inline-block}.bans-side.is-them .bans-team:before{display:none}.bans-side.is-them .bans-team:after{content:"";background:var(--team);vertical-align:.02em;border-radius:1px;width:10px;height:10px;margin-left:7px;display:inline-block}.bans-players{flex-direction:column;gap:4px;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.bans-player{align-items:center;gap:8px;min-width:0;display:flex}.bans-side.is-them .bans-player{flex-direction:row-reverse}.bans-player-name{min-width:0;font:400 1.65rem/1.1 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.is-teams .bans-player-name{font-size:1.12rem}.bans-player .tag-chip{flex:none}.bans-toss{perspective:500px;flex-direction:column;align-items:center;gap:8px;padding-top:14px;display:flex}.toss-coin{filter:drop-shadow(0 5px 6px #2a201759);display:block}.bans-toss.is-tossing .toss-coin{animation:toss 1.5s cubic-bezier(.25, .6, .35, 1) var(--found,0s) both}.toss-call{color:var(--iron-2);font:400 1.05rem/1.1 var(--display);white-space:nowrap}.bans-toss.is-tossing .toss-call{animation:fade-in .4s calc(var(--found,0s) + 1.45s) ease both}.bans-turn{justify-content:center;align-items:center;gap:16px;min-height:58px;margin:10px 0 0;padding:6px 0 12px;display:flex;position:relative}.bans-turn-text{margin:0}.bans-whose{font:400 1.75rem/1 var(--display)}.bans-whose.is-you{color:var(--vermilion)}.bans-clock{border-left:1px solid var(--edge-hi);font:700 1.45rem/1 var(--body);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding-left:16px;display:flex}.bans-clock .hourglass{width:17px;height:26px}.bans-seconds{text-align:right;min-width:1.3em}.bans-clock.is-low{color:var(--vermilion);animation:.5s ease-in-out infinite alternate blink}.bans-picked{font:400 2.3rem/1 var(--title);animation:rise .45s var(--ease-out) both}.bans-off{color:var(--vermilion);font:600 1.05rem/1.3 var(--body)}.bans-rule{background:var(--edge-hi);height:1px;position:absolute;bottom:0;left:0;right:0}.bans-rule:after{content:"";background:var(--iron);transform:scaleX(var(--left,0));transition:transform .1s linear;position:absolute;inset:-1px 0}.bans-islands{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:16px 0 0;padding:0;list-style:none;display:grid}.ban-card{min-width:0;transition:opacity .6s}.ban-card-face{width:100%;color:var(--iron);font:inherit;text-align:left;box-shadow:inset 0 0 0 1px var(--edge-hi);cursor:default;transition:transform .25s var(--ease-out), box-shadow .25s, background-color .25s;background:#fffaeb61;border:0;border-radius:2px;flex-direction:column;padding:9px 9px 12px;display:flex;position:relative}.ban-card-face:focus-visible{outline:2px solid var(--sea);outline-offset:3px}.ban-card.can-choose .ban-card-face{cursor:pointer}.ban-card.can-choose:hover .ban-card-face{box-shadow:inset 0 0 0 1px var(--iron), 0 12px 24px #2a201733;background:#fffaeb99;transform:translateY(-3px)}.ban-card.is-chosen .ban-card-face,.ban-card.is-chosen.can-choose:hover .ban-card-face{box-shadow:inset 0 0 0 2px var(--vermilion), 0 12px 24px #74210f38;background:#fffaeb9e;transform:translateY(-3px)}.ban-card.is-left .ban-card-face{box-shadow:inset 0 0 0 1px var(--iron), inset 0 0 0 4px var(--gold-hi), inset 0 0 0 5px #6c4c1280, 0 16px 30px #2a201747;background:#fffaebb3;transform:translateY(-5px)scale(1.03)}.bans-islands.is-settled .ban-card:not(.is-left),.bans-screen[data-phase=off] .ban-card{opacity:.5}.ban-card-chart{background:linear-gradient(#f2e8cd,#eadcb8);border-radius:1px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2a20178c}.ban-card-name{font:400 1.7rem/1 var(--title);margin:11px 2px 0}.ban-card-note{min-height:1.3em;color:var(--iron-2);font:italic 400 1.02rem/1.25 var(--serif);margin:5px 2px 0}.ban-card.is-banned .ban-card-note{color:var(--vermilion);font:400 1.08rem/1.25 var(--display);font-style:normal;animation:.35s .4s both fade-in}.ban-card.is-banned .ban-card-name{color:var(--iron-2)}.ban-card.is-banned .inset,.ban-card.is-banned .inset-view{filter:grayscale(.9)sepia(.2);opacity:.55;transition:filter .6s .35s,opacity .6s .35s}.ban-card-votes{gap:4px;display:flex;position:absolute;top:8px;left:8px}.ban-card-votes .seal:not(.is-locked){opacity:.6}.inset{width:100%;height:clamp(150px,27vh,232px);display:block}.inset-blank{background:radial-gradient(closest-side,#2d685814,#0000)}.inset path{vector-effect:non-scaling-stroke}.inset-shallows{fill:#2d68582b}.inset-water{fill:none;stroke:#2d6858b3;stroke-width:.8px}.inset-sand{fill:#e9d29d}.inset-land{fill:#78803e66}.inset-shade{fill:none;stroke:#46321838;stroke-width:7px}.inset-contour{fill:none;stroke:#6c4c288c;stroke-width:.7px}.inset-coast{fill:none;stroke:var(--iron);stroke-width:1.6px;stroke-linejoin:round}.inset-palms{fill:none;stroke:#3b5124;stroke-width:1px;stroke-linecap:round}.inset-huts{fill:var(--iron)}.inset-wreck{fill:none;stroke:var(--iron);stroke-width:1.1px;stroke-linecap:round}.inset-light path{fill:none;stroke:var(--vermilion);stroke-width:1px}.inset-light circle{fill:var(--vermilion)}.inset-scale path{fill:none;stroke:var(--iron);stroke-width:1px}.inset-scale text{fill:var(--iron-2);font-family:var(--body);dominant-baseline:middle}.inset-view{background:linear-gradient(#f2e8cd,#e7d7b0);border-top:1px solid #2a201759;width:100%;height:46px;display:block}.inset-view-land{fill:#c8b07a;stroke:var(--iron);stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.inset-rose{width:22px;height:28px;position:absolute;top:8px;right:9px;overflow:visible}.rose-star{fill:#fffaebb3;stroke:var(--iron);stroke-width:.9px;stroke-linejoin:round}.rose-north{fill:var(--iron)}.inset-rose text{fill:var(--iron);font:400 8px/1 var(--display);text-anchor:middle}.ban-strike{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ban-strike path{fill:none;stroke:var(--vermilion);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 1px #50100659);animation:.26s cubic-bezier(.5,0,.75,.6) forwards ink}.ban-strike path+path{animation-delay:.2s}.ban-strike.is-pending path{stroke-width:1.3px;stroke-dasharray:.035 .025;stroke-dashoffset:0;opacity:.75;filter:none;animation:none}.bans-foot{justify-content:center;min-height:74px;padding-top:18px;display:flex}.bans-foot .btn{min-width:240px}.found{z-index:1;pointer-events:none;animation:found-out .3s calc(var(--found,0s) - .2s) ease-in forwards;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.found-ribbon{filter:drop-shadow(0 14px 22px #060c128c);width:min(700px,94vw);line-height:0;animation:.45s cubic-bezier(.2,1.35,.4,1) both found-unfurl;display:block}.found-playlist{color:var(--paper);font:400 1.3rem/1 var(--display);letter-spacing:.06em;text-shadow:0 2px 6px #060c12bf;margin:-10px 0 4px;animation:.3s .2s both fade-in}.found-sides{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;width:min(760px,100%);display:grid}.found-side{min-width:0;animation:found-in-left .42s .14s var(--ease-out) both;flex-direction:column;align-items:flex-end;gap:6px;margin:0;padding:0;list-style:none;display:flex}.found-side.is-them{align-items:flex-start;animation-name:found-in-right}.found-player{background:var(--paper-bg);max-width:100%;box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);border-radius:2px;align-items:center;gap:9px;padding:7px 13px 7px 9px;display:flex}.found-side.is-them .found-player{flex-direction:row-reverse;padding:7px 9px 7px 13px}.found-name{min-width:0;color:var(--iron);font:400 1.7rem/1.1 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.found-sides.is-teams .found-name{font-size:1.12rem}.found-v{color:var(--paper);font:italic 400 2.1rem/1 var(--serif);text-shadow:0 2px 6px #060c12bf;animation:.3s .3s both fade-in}@keyframes found-unfurl{0%{opacity:0;transform:scale(.25,.7)}35%{opacity:1}}@keyframes found-in-left{0%{opacity:0;transform:translate(-40px)}}@keyframes found-in-right{0%{opacity:0;transform:translate(40px)}}@keyframes found-out{to{opacity:0;transform:translateY(-20px)}}@keyframes toss{0%{transform:translateY(0)rotateX(0)scale(.9)}45%{transform:translateY(-20px)rotateX(1260deg)scale(1.22)}to{transform:translateY(0)rotateX(2520deg)scale(1)}}@keyframes ink{to{stroke-dashoffset:0}}@media (max-width:720px){.bans{padding:12px 12px 14px}.bans-title{font-size:1.6rem}.bans-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"toss toss""you them";gap:6px}.bans-head>.bans-side:first-child{grid-area:you}.bans-head>.bans-side:last-child{grid-area:them}.bans-toss{flex-direction:row;grid-area:toss;justify-content:center;gap:10px;padding-top:10px}.bans-side{padding:6px 6px 8px}.bans-player{gap:5px}.bans-player-name{font-size:1.15rem}.is-teams .bans-player-name{font-size:.98rem}.bans-player .tag-chip{display:none}.toss-coin .doubloon{width:40px;height:40px}.toss-call{white-space:normal;text-align:center;font-size:.9rem}.bans-whose{font-size:1.35rem}.bans-picked{font-size:1.8rem}.bans-islands{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px}.ban-card-face{grid-template-rows:auto 1fr;grid-template-columns:52% minmax(0,1fr);column-gap:12px;padding:7px;display:grid}.ban-card-chart{grid-row:1/3}.inset{height:112px}.inset-view{display:none}.ban-card-name{align-self:end;margin-top:0;font-size:1.45rem}.ban-card-note{align-self:start;font-size:.92rem}.ban-card.is-left .ban-card-face{transform:none}.bans-foot{min-height:62px;padding-top:12px}.bans-foot .btn{width:100%;min-width:0}.found-sides{gap:8px}.found-player,.found-side.is-them .found-player{gap:6px;padding:5px 8px}.found-name{font-size:1.15rem}.found-sides.is-teams .found-name{font-size:.95rem}.found-v{font-size:1.6rem}}.preset-list{gap:8px;margin:0;padding:2px 0 0;list-style:none;display:grid}.preset{box-shadow:inset 0 0 0 1px var(--edge-hi);transition:transform .16s var(--ease-out), background-color .12s;background:#fffaeb73;border-radius:2px;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:stretch;display:grid;position:relative}.preset.is-followed:before{content:"";background:var(--iron);border-radius:0 2px 2px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.preset.is-changed:before{background:var(--sea)}.preset.is-held{z-index:3;box-shadow:inset 0 0 0 1px var(--edge-hi), var(--lift);background:#fffaebf2;transition:none}.garage-presets.is-dragging{-webkit-user-select:none;user-select:none}.garage-presets.is-dropping .preset{transition:none}.preset.is-fresh .preset-swatches{animation:preset-settle .5s var(--ease-out) both}.preset-grip{color:var(--iron-3);cursor:grab;touch-action:none;place-items:center;display:grid}.preset-grip:hover{color:var(--iron-2)}.preset.is-held .preset-grip{cursor:grabbing}.preset:hover{background:#fffaebb3}.preset.is-on{box-shadow:inset 0 0 0 2px var(--iron);background:#fffaebcc}.preset-main{min-width:0;min-height:64px;color:var(--iron);font:500 .98rem/1.15 var(--body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px 8px 2px;display:grid}.preset-main:focus-visible{outline:2px solid var(--sea);outline-offset:-2px}.preset-swatches{grid-template-columns:repeat(var(--n,2), 21px);grid-auto-rows:21px;gap:3px;display:grid}.garage-swatch.preset-swatch{border-radius:1px;width:21px;height:21px}.preset-text{gap:3px;min-width:0;display:grid}.preset-name{font:400 1.14rem/1.1 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preset .preset-badge{position:static}.preset .preset-overwrite{white-space:nowrap;align-self:center;margin-right:8px;padding-inline:.75em}.garage-presets.is-choosing .preset-main{cursor:copy}.preset-more[hidden]{display:none}.preset-more{border:0;border-left:1px solid var(--edge);width:44px;color:var(--iron-2);cursor:pointer;background:0 0;border-radius:0 2px 2px 0;place-items:center;display:grid}.preset-more:hover,.preset-more[aria-expanded=true]{color:var(--iron);background:#2a201712}.preset-more:focus-visible{outline:2px solid var(--sea);outline-offset:-2px}.preset-rename{top:7px;left:calc(var(--n,2) * 24px + 35px);font:400 1.08rem/1.1 var(--display);padding:.3em .45em;position:absolute;right:50px}.preset-menu{z-index:50;min-width:210px;color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift), var(--neatline);animation:preset-drop .16s var(--ease-out) both;border:0;border-radius:2px;flex-direction:column;margin:0;padding:6px;display:flex;position:fixed;inset:auto;overflow:visible}.preset-menu [role=menuitem]{width:100%;min-height:40px;color:var(--iron);font:500 .95rem/1.2 var(--body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:8px 10px;display:block}.preset-menu [role=menuitem]:hover,.preset-menu [role=menuitem]:focus-visible{background:#2a201714;outline:none}.preset-menu [role=menuitem][disabled]{color:var(--iron-3);cursor:default;background:0 0}.preset-menu .is-delete{color:var(--vermilion)}.preset-confirm{grid-column:1/-1;align-items:center;gap:8px;min-height:64px;padding:8px 10px;display:flex}.preset-confirm-q{min-width:0;font:400 1.05rem/1.15 var(--display);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.preset-confirm .btn{padding-inline:.8em}.preset-confirm .preset-delete{color:var(--vermilion)}.preset-confirm .preset-confirm-overwrite{color:var(--sea)}.preset-random{margin-bottom:10px}.preset-none{color:var(--muted);margin:4px 0 0}.preset-locked{color:var(--iron-2);align-items:flex-start;gap:10px;margin:6px 0 0;display:flex}.preset-locked .icon{flex:none;margin-top:2px}.preset-error{margin:0;font-size:.85rem}@keyframes preset-drop{0%{opacity:0;transform:translateY(-4px)}}@keyframes preset-settle{0%{opacity:.4;transform:scale(.94)}}@media (max-width:560px){.preset{grid-template-columns:22px minmax(0,1fr) auto auto}.preset-swatches{grid-template-columns:repeat(var(--n,2), 18px);grid-auto-rows:18px}.garage-swatch.preset-swatch{width:18px;height:18px}.preset-main{gap:10px}.preset-rename{left:calc(var(--n,2) * 21px + 32px)}}@media (prefers-reduced-motion:reduce){.preset,.preset-menu,.preset.is-fresh .preset-swatches{transition:none;animation:none}}.shop-crowns.is-buy{cursor:pointer;border:0;transition:background-color .15s,box-shadow .15s,transform 80ms;position:relative}.shop-crowns.is-buy:after{content:"";position:absolute;inset:-8px -4px}.shop-crowns.is-buy:hover{box-shadow:inset 0 0 0 1px var(--edge-hi), 0 1px 0 #2a20172e;background:#fffaebcc}.shop-crowns.is-buy:active{background:#f0e4c8e6;transform:translateY(1px);box-shadow:inset 0 1px 2px #2a201740}.shop-crowns.is-buy:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.shop-crowns-add{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;opacity:.7;flex:none;margin-left:1px}.shop-crowns.is-buy:hover .shop-crowns-add{opacity:1}.store-body{align-content:start;padding-top:4px;display:grid}.store-packs{gap:8px;display:grid}.store-pack{--ring:inset 0 0 0 1px var(--edge-hi);color:var(--iron);text-align:left;box-shadow:var(--ring);cursor:pointer;background:#fffaeb73;border:0;border-radius:2px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px 10px 10px;transition:background-color .15s,box-shadow .15s;display:grid}.store-pack:hover{background:#fffaebb3}.store-pack.is-on{--ring:inset 0 0 0 2px var(--iron);background:#fffaebd9}.store-pack:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.store-pack-crowns{font:400 1.22rem/1.1 var(--display)}.store-pack-name{gap:2px;min-width:0;display:grid}.store-pack-for{color:var(--muted);font:400 .82rem/1.2 var(--body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.store-pack-price{font:600 1.02rem/1 var(--body);font-variant-numeric:tabular-nums}.store-stack{width:56px;height:36px;display:block;position:relative}.store-stack .crown-coin{filter:drop-shadow(0 1px #2a201759);position:absolute;bottom:2px;left:8px}.store-stack .crown-coin:nth-child(2){bottom:7px;left:16px}.store-stack .crown-coin:nth-child(3){bottom:12px;left:24px}.store-small{color:var(--muted);margin:10px 0 0;font-size:.82rem;line-height:1.4}.store-orders{gap:0;margin:0;padding:0;list-style:none;display:grid}.store-order{border-bottom:1px solid var(--edge-hi);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:8px 2px;display:flex}.store-order:last-child{border-bottom:0}.store-order-what{gap:2px;min-width:0;display:grid}.store-order-crowns{font:500 .98rem/1.15 var(--body)}.store-order-facts{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem}.store-order.is-asking{box-shadow:inset 0 1px 0 var(--gold);background:linear-gradient(#e2b95c4d,#e2b95c29);margin:0 -8px;padding:8px 10px}.store-order-ask{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.store-order-ask-text{flex:100%;font-size:.9rem}.store-refund:disabled:not(.is-armed){opacity:.45}.store-receipt{box-shadow:inset 0 0 0 1px var(--edge-hi);background:#fffaebb3;border-radius:2px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;margin-top:10px;padding:14px 14px 14px 10px;display:grid}.store-receipt.is-paid{box-shadow:inset 3px 0 0 var(--verdigris), inset 0 0 0 1px var(--edge-hi)}.store-receipt-text{gap:4px;min-width:0;display:grid}.store-receipt-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.store-receipt-crowns{font:400 1.3rem/1.1 var(--display)}.store-receipt-price{font:600 1.05rem/1 var(--body);font-variant-numeric:tabular-nums}.store-receipt-line{font-size:.92rem}.store-receipt-order{color:var(--muted);overflow-wrap:anywhere;font:400 .78rem/1.2 ui-monospace,Cascadia Mono,Consolas,monospace}.store-consent{color:var(--iron);cursor:pointer;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;margin:0 0 10px;font-size:.86rem;line-height:1.35;display:grid}.store-consent a{color:var(--sea)}.store-tick{width:18px;height:18px;accent-color:var(--verdigris);cursor:pointer;margin:1px 0 0}.store-tick:disabled{cursor:default}.store-tick:focus-visible{outline:2px solid var(--sea);outline-offset:3px}@media (max-width:720px){.store{max-height:78%}.store-pack{padding:8px 12px 8px 8px}.store-stack{height:32px}}.shop{--band-0:#8a7356;--band-1:#2d6858;--band-2:#2f5e86;--band-3:#a5341e;--band-4:#b8862c;top:var(--gutter);left:var(--gutter);max-height:calc(100% - 2 * var(--gutter));width:min(430px, calc(100% - 2 * var(--gutter)));animation:slide-in .45s var(--ease-out) both;flex-direction:column;display:flex;position:absolute}.shop-crowns{color:var(--iron);font:600 1.12rem/1 var(--body);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px var(--edge-hi);background:#fffaeb73;border-radius:2px;align-items:center;gap:7px;margin-left:auto;padding:5px 11px 5px 8px;display:inline-flex}.crown-coin{flex:none;display:block}.shop-top{flex-wrap:wrap;flex:none;align-items:center;gap:6px 10px;padding:0 14px;display:flex}.shop-weather{margin-left:auto}.shop .shop-weather .seg-option{padding-block:.34em .38em}.shop-when{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.95rem}.shop .shop-heading{margin:14px 0 8px}.shop-body>.shop-heading:first-of-type{margin-top:7px}.shop-featured,.shop-daily{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.shop-card{--ring:inset 0 0 0 1px var(--edge-hi);color:var(--iron);font:500 .98rem/1.15 var(--body);text-align:left;box-shadow:inset 3px 0 0 var(--band), var(--ring);cursor:pointer;background:#fffaeb73;border:0;border-radius:2px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px 8px 11px;transition:background-color .15s,box-shadow .15s;display:grid;position:relative}.shop-card:hover{background:#fffaebb3}.shop-card.is-on{--ring:inset 0 0 0 2px var(--iron);background:#fffaebd9}.shop-card:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.shop-card.is-featured{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;padding:10px 10px 9px 13px}.shop-card .shop-swatch{width:44px;height:44px}.shop-card.is-featured .shop-swatch{width:64px;height:64px}.shop-card-text{gap:3px;min-width:0;display:grid}.shop-card-name{text-wrap:balance}.shop-card.is-featured .shop-card-text{justify-items:center}.shop-card.is-featured .shop-card-name{font:400 1.18rem/1.1 var(--display)}.shop-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;display:flex}.shop-card.is-featured .shop-card-meta{flex-direction:column;gap:5px}.shop-card-slot{color:var(--muted);font-size:.8rem;font-weight:400}.shop-card-price{font:600 .92rem/1 var(--body);font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.shop-card-owned{color:var(--verdigris);animation:fade-in .35s var(--ease-out) both;align-items:center;gap:4px;font-weight:500;display:inline-flex}.shop-failed{color:var(--muted);justify-items:start;gap:10px;margin-top:14px;display:grid}.shop-failed p{margin:0}.shop-foot{transition:background-color .2s}.shop-foot.is-confirming{border-top-color:var(--gold);background:linear-gradient(#e2b95c57,#e2b95c2e)}.shop-foot.is-confirming .shop-state{color:var(--iron)}.shop-state.is-refused{color:var(--vermilion)}.shop-buy-price{font:600 1rem/1 var(--body);font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.shop-confirm{gap:6px;transition:opacity .25s,filter .25s}.shop-confirm:disabled:not(.is-armed){opacity:.45}@media (max-width:720px){.shop{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:64%;animation-name:rise;inset:auto 0 0}.shop .setup-foot{padding:10px 14px 12px}.shop-card.is-featured{padding:10px 8px 9px 11px}.shop-when{margin-top:0;font-size:.9rem}.shop-card.is-featured .shop-swatch{width:56px;height:56px}.shop-card.is-featured .shop-card-name{font-size:1.08rem}}@media (prefers-reduced-motion:reduce){.shop,.shop-card-owned{animation:none}}.btn.lab-btn,.btn.lab-btn:hover{color:var(--iron);background:var(--paper-bg);place-items:center;padding:0;display:grid}.btn.lab-btn[aria-expanded=true]{color:#f6e5bd;background:var(--iron)}.btn.lab-btn:focus-visible{outline:2px solid var(--sea);outline-offset:1px}.btn.lab-corner{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:42;width:46px;height:46px;box-shadow:var(--lift-sm), var(--neatline);animation:pbar-in .3s var(--ease-out) both;border-radius:2px;position:fixed}.btn.lab-corner:hover{box-shadow:var(--lift-sm), inset 0 0 0 1px var(--iron), inset 0 0 0 4px var(--paper), inset 0 0 0 5.5px #2a201799}.btn.lab-corner[aria-expanded=true]{box-shadow:var(--lift-sm)}.btn.hud-lab{z-index:42;width:44px;height:44px;box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);position:relative}.btn.hud-lab:hover{box-shadow:var(--lift-sm), inset 0 0 0 1px var(--iron)}.lab-slip{z-index:39;overscroll-behavior:contain;width:min(340px,100vw - 32px);color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift), var(--neatline);scrollbar-width:thin;scrollbar-color:var(--edge-hi) transparent;pointer-events:auto;animation:pbar-drop .2s var(--ease-out) both;border-radius:2px;flex-direction:column;padding:14px 16px;display:flex;position:fixed;overflow-y:auto}.lab-slip:focus{outline:none}.lab-slip.is-under{z-index:0;pointer-events:none}.ui:has(>.lab-slip.is-under)>:is(.scrim,.bans-screen){z-index:1}@media (max-width:1000px),(max-height:520px){.btn.lab-corner{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));width:38px;height:38px}.lab-slip{padding:12px 14px}}@media (max-width:720px){.hud:has(.hud-lab) .hud-top{top:calc(max(16px, env(safe-area-inset-top)) + 156px)}}@media (prefers-reduced-motion:reduce){.lab-corner,.lab-slip{animation:none}}.setup.play{width:min(560px, calc(100% - 2 * var(--gutter)))}.play-casual{box-shadow:inset 0 0 0 1px var(--iron), inset 0 0 0 4px #fffaeb59, inset 0 0 0 5px #a9792a99;background:#fffaeb66;border-radius:2px;margin-top:12px;padding:14px 14px 12px}.play-head{align-items:baseline;gap:10px;margin:0 2px 12px;display:flex}.play-title{color:var(--iron);font:400 1.32rem/1 var(--display);margin:0}.play-casual .play-title{font:400 1.85rem/1 var(--title)}.play-count{color:var(--iron-2);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:.84rem}.casual-playlists{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.casual-tile{color:var(--iron);text-align:left;box-shadow:inset 0 0 0 1px var(--edge-hi);cursor:pointer;transition:transform .16s var(--ease-out), box-shadow .16s, background-color .16s;background:#fffaeb80;border:0;border-radius:2px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name tick""lineup shape""counts counts";align-items:center;gap:8px;padding:10px 10px 10px 12px;display:grid;position:relative}.casual-tile:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--iron);background:#fffaebbf;transform:translateY(-1px)}.casual-tile:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.casual-tile:disabled{cursor:default}.casual-tile.is-on{box-shadow:inset 0 0 0 2px var(--iron), 0 4px 12px #060c1229;background:#fffaebe0}.casual-tile:disabled:not(.is-on){opacity:.55}.casual-tile-name{font:400 1.3rem/1.05 var(--display);white-space:nowrap;text-overflow:ellipsis;grid-area:name;overflow:hidden}.casual-tile-shape{color:var(--iron-2);font:600 .84rem/1 var(--body);font-variant-numeric:tabular-nums;grid-area:shape}.casual-lineup{--seal:20px;grid-area:lineup;align-items:center;gap:4px;display:flex}.lineup-side{gap:3px;display:inline-flex}.lineup-versus{background:var(--iron-3);width:1px;height:15px;margin:0 6px}.casual-tile-counts{color:var(--iron-2);font-variant-numeric:tabular-nums;grid-area:counts;margin-top:-2px;font-size:.8rem}.casual-tick{color:#0000;width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--iron-3);border-radius:50%;grid-area:tick;place-items:center;transition:background-color .16s,color .16s,box-shadow .16s;display:grid}.casual-tile.is-on .casual-tick{color:#f6e5bd;background:radial-gradient(circle at 36% 30%, #c4543a, var(--vermilion) 55%, var(--vermilion-deep));box-shadow:inset 0 0 0 1.5px var(--vermilion-deep), 0 1px 2px #060c1266}.casual-tile.is-on .casual-tick .icon{animation:casual-tick .22s var(--ease-out) both}@keyframes casual-tick{0%{transform:scale(.4)}}.casual-go{margin-top:12px}.casual-find{width:100%}.casual-searching{min-height:56px;box-shadow:inset 0 0 0 2px var(--sea);background:#2d68581a;border-radius:2px;align-items:center;gap:12px;padding:0 8px 0 14px;display:flex}.casual-searching-what{color:var(--iron);font:400 1.3rem/1 var(--display);flex:1}.casual-searching .search-time{font-size:1.05rem}.play-casual.is-searching .casual-tile.is-on{box-shadow:inset 0 0 0 2px var(--sea), 0 4px 12px #060c1229}.casual-compass{width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--iron-2);border-radius:50%;flex:none;position:relative}.casual-compass:before{content:"";background:linear-gradient(var(--vermilion) 50%, var(--iron-2) 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:4px;height:16px;margin-left:-2px;animation:2.4s ease-in-out infinite casual-swing;position:absolute;top:3px;left:50%}@keyframes casual-swing{0%,to{transform:rotate(-38deg)}50%{transform:rotate(52deg)}}.casual-name{margin-top:12px}.casual-name .text-input{width:min(220px,60%)}.casual-party{border-top:1px solid var(--edge);margin-top:12px;padding-top:12px}.casual-party .party-members{margin-bottom:8px}.casual-party .party-members .btn{margin-left:auto}.play-online,.play-offline{gap:8px;display:grid}.play-online{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.play-offline{grid-template-columns:repeat(2,minmax(0,1fr))}.play-card{min-width:0;color:var(--iron);text-align:left;box-shadow:inset 0 0 0 1px var(--edge-hi);cursor:pointer;transition:transform .16s var(--ease-out), box-shadow .16s, background-color .16s;background:#fffaeb66;border:0;border-radius:2px;flex-direction:column;align-items:flex-start;gap:4px;padding:11px 12px 10px;display:flex}.play-card:hover{box-shadow:inset 0 0 0 1px var(--iron);background:#fffaebb8;transform:translateY(-1px)}.play-card:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.play-card:disabled{cursor:default;opacity:.62;box-shadow:inset 0 0 0 1px var(--edge-hi);background:#fffaeb66;transform:none}.btn-daily .play-foot .play-count:first-child{margin-left:0}.daily-foot{flex-wrap:wrap;row-gap:2px}.daily-foot .play-count:empty{display:none}.play-text{color:var(--iron-2);font-size:.86rem;line-height:1.3}.play-foot{align-items:center;gap:8px;width:100%;margin-top:auto;padding-top:4px;display:flex}.play-badges{gap:10px;display:flex}.play-badge{color:var(--iron-2);font:600 .78rem/1 var(--body);align-items:center;gap:3px;display:inline-flex}.play-offline .play-title{font-size:1.14rem}.play-offline .play-text{font-size:.82rem}.casual-room .player-row{grid-template-columns:30px minmax(0,1fr) auto}@media (max-width:720px){.setup.play{width:100%}.play-casual{padding:12px 10px 10px}.casual-tile{padding:10px 9px 10px 10px}.casual-tile-name{white-space:normal;font-size:1.12rem}.casual-lineup{--seal:14px;gap:2px}.lineup-side{gap:2px}.lineup-versus{margin:0 4px}.play-offline{grid-template-columns:1fr}.play-offline .play-card{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.play-offline .play-foot{grid-column:1/-1;padding-top:0}}@media (max-width:380px){.casual-tile-shape{display:none}}@media (prefers-reduced-motion:reduce){.casual-compass:before{animation:none}}.queue{--queue-top:max(16px, env(safe-area-inset-top));top:calc(var(--queue-top) + var(--party-bar,0px));right:max(16px, env(safe-area-inset-right));max-width:min(380px,100vw - 32px);color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), var(--neatline);animation:queue-in .35s var(--ease-out) both;border-radius:2px;align-items:center;gap:4px;padding:6px 7px 6px 6px;display:flex;position:fixed}.queue[data-screen=match]{--queue-top:calc(max(16px, env(safe-area-inset-top)) + 156px);max-width:300px}.ui:has(>.queue[data-screen=match])>.scrim{padding-right:calc(max(16px, env(safe-area-inset-right)) + 316px)}.ui:has(>.queue[data-screen=ranked])>.ranked-screen{padding-top:calc(max(16px, env(safe-area-inset-top)) + 64px)}.queue-body{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:2px;align-items:center;gap:10px;padding:3px 10px 3px 6px;display:flex}.queue-open{cursor:pointer}.queue-open:hover{background:#2a201712}.queue-open:focus-visible{outline:2px solid var(--iron);outline-offset:1px}.queue-compass{flex:none;width:28px;height:28px;display:block;overflow:visible}.queue-compass-ring{fill:#fffaeb73;stroke:var(--iron-2);stroke-width:1.3px}.queue-compass-ticks{fill:none;stroke:var(--iron-2);stroke-width:1.3px}.queue-needle-north{fill:var(--vermilion)}.queue-needle-south{fill:var(--iron-2)}.queue-compass-pin{fill:var(--gold);stroke:var(--gilt-deep);stroke-width:.6px}.queue-needle{animation:2.4s ease-in-out infinite queue-swing}@keyframes queue-swing{0%,to{transform:rotate(-38deg)}50%{transform:rotate(38deg)}}.queue-text{flex-direction:column;gap:4px;min-width:0;display:flex}.queue-what{white-space:nowrap;align-items:baseline;gap:7px;min-width:0;display:flex}.queue-mode{color:var(--verdigris);font:400 1.12rem/1 var(--display);flex:none}.queue.is-ranked .queue-mode{color:var(--vermilion)}.queue-lists{min-width:0;color:var(--iron-2);font:500 .9rem/1.1 var(--body);text-overflow:ellipsis;overflow:hidden}.queue-when{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.queue-time{font:700 1rem/1 var(--body);font-variant-numeric:tabular-nums}.queue-count{color:var(--iron-2);font:500 .84rem/1 var(--body)}.queue-cancel{flex:none}.queue.is-found{z-index:1}.queue.is-found .queue-needle{transition:transform .4s var(--ease-out);animation:none;transform:rotate(0)}.queue-found{color:var(--vermilion);font:400 1rem/1 var(--display)}.queue.invite{top:calc(var(--queue-top) + var(--party-bar,0px) + var(--invite-below,0px))}.ui:has(>.queue:not(.invite))>.queue.invite{--invite-below:62px}.invite-staff{fill:none;stroke:var(--iron-2);stroke-width:1.5px;stroke-linecap:round}.invite-flag{fill:var(--verdigris);stroke:color-mix(in oklch, var(--verdigris) 70%, black);stroke-width:.8px;stroke-linejoin:round}.queue.is-ranked .invite-flag{fill:var(--vermilion);stroke:var(--vermilion-deep)}.invite-join{flex:none}@keyframes queue-in{0%{opacity:0;transform:translateY(-10px)}}@media (max-width:1000px),(max-height:520px){.queue,.queue[data-screen]{--queue-top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));max-width:none;height:50px;padding:4px 5px 4px 4px}.queue-body{flex:1}.ui:has(>.queue:not(.invite))>.queue.invite{--invite-below:54px}.ui:has(>.queue){top:calc(max(8px, env(safe-area-inset-top)) + 50px)}.ui:has(>.queue)>.update-notice{top:calc(max(8px, env(safe-area-inset-top)) + 58px)}.ui:has(>.queue[data-screen=match])>.scrim{padding-right:16px}.ui:has(>.queue[data-screen=ranked])>.ranked-screen{padding-top:var(--gutter)}}@media (max-height:520px){.queue,.queue[data-screen]{--queue-top:max(6px, env(safe-area-inset-top));height:38px;padding:2px 4px}.queue-body{padding:1px 10px 1px 4px}.queue-text{flex-direction:row;align-items:baseline;gap:14px}.queue-compass{width:24px;height:24px}.ui:has(>.queue){top:calc(max(6px, env(safe-area-inset-top)) + 38px)}.ui:has(>.queue)>.update-notice{top:calc(max(6px, env(safe-area-inset-top)) + 46px)}}@media (prefers-reduced-motion:reduce){.queue,.queue-needle{animation:none}}.menu-chat{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));max-width:calc(100vw - 32px);color:var(--iron);flex-direction:column;align-items:flex-end;display:flex;position:fixed}.menu-chat-tab{color:var(--iron);font:400 1.02rem/1 var(--display);background:var(--paper-bg);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);cursor:pointer;animation:menu-chat-in .25s var(--ease-out) both;border:0;border-radius:2px;align-items:center;gap:7px;padding:.38em .8em .42em;display:inline-flex}.menu-chat-tab:hover{box-shadow:var(--lift-sm), inset 0 0 0 1px var(--iron)}.menu-chat-tab:focus-visible,.menu-chat-tabname:focus-visible,.menu-chat-fold:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.menu-chat-unread{min-width:1.35em;height:1.35em;color:var(--paper);font:700 .72rem/1 var(--body);background:var(--vermilion);border-radius:999px;place-items:center;padding:0 .3em;display:inline-grid;box-shadow:inset 0 0 0 1px #2a201759}.menu-chat-slip{background:var(--paper-bg);width:min(360px,100vw - 32px);box-shadow:var(--lift), var(--neatline);animation:menu-chat-in .22s var(--ease-out) both;border-radius:2px;flex-direction:column;display:flex}.menu-chat-head{box-shadow:inset 0 -1px 0 var(--edge);justify-content:space-between;align-items:stretch;margin:0 12px;display:flex}.menu-chat-tabs{gap:16px;padding-top:6px;display:flex}.menu-chat-tabname{color:var(--iron-2);font:600 .9rem/1 var(--body);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0 7px;transition:color .15s,box-shadow .15s;display:inline-flex}.menu-chat-tabname:hover{color:var(--iron)}.menu-chat-tabname[aria-selected=true]{color:var(--iron);box-shadow:inset 0 -2px 0 var(--vermilion)}.menu-chat-fold{color:var(--iron-2);font:400 1.1rem/1 var(--display);cursor:pointer;background:0 0;border:0;border-radius:2px;align-self:center;margin-top:6px;padding:.15em .5em .25em}.menu-chat-fold:hover{color:var(--iron);background:#2a201714}.menu-chat-log{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--edge-hi) transparent;flex-direction:column;gap:2px;min-height:58px;max-height:200px;margin:0 6px;padding:8px 6px;list-style:none;display:flex;overflow-y:auto}.menu-chat-log.is-matches{gap:10px}.menu-chat-match .menu-chat-lines{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.menu-chat .chat-line{box-shadow:none;background:0 0;align-self:stretch;padding:1px 0;animation:none}.menu-chat .chat-line.is-event .chat-text{color:var(--iron-2)}.menu-chat-match-head{color:var(--iron-2);font:400 .98rem/1.1 var(--display);box-shadow:inset 0 -1px 0 var(--edge);justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 3px;padding-bottom:2px;display:flex}.menu-chat-match-head time{font:600 .78rem/1 var(--body);font-variant-numeric:tabular-nums}.menu-chat-entry{margin:0 12px 12px;display:flex}.menu-chat-input{box-shadow:inset 0 0 0 1px var(--iron)}.menu-chat-input:focus{box-shadow:inset 0 0 0 1.5px var(--verdigris)}.menu-chat-input::placeholder{color:var(--iron-2);opacity:.75}@media (min-width:601px) and (max-width:1239px){.ui:has(>.menu-chat)>.ranked-screen{padding-bottom:calc(var(--gutter) + 46px)}}@media (min-width:601px) and (max-width:1799px){.ui:has(>.menu-chat.is-open)>.ranked-screen{padding-right:calc(max(16px, env(safe-area-inset-right)) + min(360px, 100vw - 32px) + 16px)}}@keyframes menu-chat-in{0%{opacity:0;transform:translateY(6px)}}@media (max-width:600px){.menu-chat{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom))}.menu-chat-slip{width:calc(100vw - 24px)}.menu-chat-log{max-height:min(180px,30vh)}.ui:has(>.menu-chat){bottom:calc(max(12px, env(safe-area-inset-bottom)) + 40px)}.ui:has(>.friend-invite)>.menu-chat{bottom:calc(max(12px, env(safe-area-inset-bottom)) + var(--notice-h,92px) + 12px)}}@media (max-height:520px){.menu-chat{bottom:max(8px, env(safe-area-inset-bottom))}.menu-chat-log{max-height:min(120px,32vh)}}@media (prefers-reduced-motion:reduce){.menu-chat-tab,.menu-chat-slip{animation:none}}.party-bar{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), var(--neatline);animation:pbar-in .3s var(--ease-out) both;border-radius:2px;align-items:center;gap:4px;padding:4px 5px;display:flex;position:absolute}.ui:has(.versions)>.party-bar[data-screen=title]{top:calc(max(16px, env(safe-area-inset-top)) + 48px)}.pbar-members{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.pbar-member{animation:pbar-pop .28s var(--ease-out) both;position:relative}.pbar-member.is-you+.pbar-member{box-shadow:inset 1px 0 0 var(--edge);margin-left:5px;padding-left:5px}.pbar-face{cursor:pointer;transition:transform .15s var(--ease-out);background:0 0;border:0;border-radius:3px;padding:2px;display:block}.pbar-face[aria-disabled=true]{cursor:default}.pbar-face:not([aria-disabled=true]):hover{transform:translateY(-1px)}.pbar-face:focus-visible,.pbar-btn:focus-visible{outline:2px solid var(--sea);outline-offset:1px}.pbar-face .avatar{display:block}.pbar-leader{pointer-events:none;filter:drop-shadow(0 1px 1px #060c1259);width:17px;height:17px;position:absolute;top:-5px;left:-4px}.pbar-leader-flag{fill:var(--vermilion);stroke:var(--vermilion-deep,#6e2312);stroke-width:.8px;stroke-linejoin:round}.pbar-btn{width:34px;height:34px;color:var(--iron-2);font:700 1.05rem/1 var(--body);cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;margin:2px;padding:0;display:grid;position:relative}.pbar-btn:hover,.pbar-btn[aria-expanded=true]{color:var(--iron);background:#2a201714}.pbar-add{box-shadow:none;outline-offset:1px;border:1.5px dashed var(--iron-2)}.pbar-add svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:16px;height:16px}.pbar-add[aria-expanded=true]{border-style:solid}.pbar-tip{color:var(--iron);text-align:right;white-space:nowrap;background:var(--paper);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);pointer-events:none;border-radius:2px;flex-direction:column;gap:2px;padding:5px 8px 6px;display:none;position:absolute;top:calc(100% + 8px);right:0}.pbar-tip b{font:400 1rem/1.1 var(--display)}.pbar-tip small{color:var(--iron-2);font:600 .76rem/1 var(--body)}.pbar-tip small:empty{display:none}.pbar-tip:before{content:"";background:var(--paper);border-top:1px solid var(--edge-hi);border-left:1px solid var(--edge-hi);width:9px;height:9px;position:absolute;top:-5px;right:14.5px;transform:rotate(45deg)}.pbar-add .pbar-tip:before{right:11px}.pbar-member:hover .pbar-tip,.pbar-add:hover .pbar-tip,.party-bar:not(:hover) .pbar-face:focus-visible+.pbar-tip{display:flex}.party-bar:has(.pbar-slip) .pbar-tip{display:none}.pbar-slip{background:var(--paper-bg);width:min(320px,100vw - 32px);max-height:min(460px,100dvh - 170px);box-shadow:var(--lift), var(--neatline);animation:pbar-drop .2s var(--ease-out) both;border-radius:2px;flex-direction:column;padding:12px 14px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.pbar-find{flex:none;margin-bottom:6px}.pbar-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--edge-hi) transparent;flex:1;min-height:0;margin:0 -6px;padding:0 6px;overflow-y:auto}.pbar-head{color:var(--iron-2);font:400 .95rem/1 var(--display);box-shadow:inset 0 -1px 0 var(--edge);margin:4px 0 2px;padding-bottom:3px}.pbar-head~.pbar-head{margin-top:10px}.pbar-people{margin:0;padding:0;list-style:none}.pbar-friend{align-items:center;gap:9px;padding:5px 0;display:flex}.pbar-friend:not(.is-on) .avatar{filter:grayscale(.8);opacity:.75}.pbar-who{flex:1;gap:1px;min-width:0;display:grid}.pbar-name{font:400 1.02rem/1.15 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pbar-doing,.pbar-state{color:var(--iron-2);font:500 .8rem/1.2 var(--body)}.pbar-friend.is-on .pbar-doing{color:var(--verdigris)}.pbar-invite{flex:none}.pbar-empty{color:var(--iron-2);font:500 .92rem/1.3 var(--body);margin:6px 0}.pbar-error{margin:6px 0 0}.pbar-link{color:var(--iron);font:600 .9rem/1 var(--body);text-decoration:underline;-webkit-text-decoration-color:var(--edge-hi);text-decoration-color:var(--edge-hi);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:8px;padding:3px 0}.pbar-link:hover{-webkit-text-decoration-color:var(--iron);text-decoration-color:var(--iron)}.pbar-slip:focus{outline:none}.pbar-link:focus-visible,.pbar-slip .btn:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.pbar-party{width:min(260px,100vw - 32px);padding:10px 8px 8px}.pbar-locked{color:var(--iron-2);font:500 .88rem/1 var(--body);margin:0 6px 6px}.pbar-padlock{width:11px;height:13px;fill:var(--paper);stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;position:absolute;bottom:1px;right:1px}.pbar-padlock .pbar-shackle{fill:none}.pbar-item{width:100%;color:var(--iron);font:500 .95rem/1.2 var(--body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:7px 6px;display:block}.pbar-item:hover,.pbar-item:focus-visible{background:#2a201714;outline:none}.pbar-item.is-leave{color:var(--vermilion)}.pbar-item:disabled{color:var(--iron-2);opacity:.6;cursor:default;background:0 0}@keyframes pbar-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes pbar-pop{0%{opacity:0;transform:scale(.6)}}@keyframes pbar-drop{0%{opacity:0;transform:translateY(-4px)}}@media (min-width:1001px) and (min-height:521px){.ui:has(>.party-bar){--party-bar:52px}}@media (max-width:1439px){.ui:has(>.party-bar)>.ranked-screen{padding-top:calc(max(16px, env(safe-area-inset-top)) + 52px)}.ui:has(>.party-bar):has(>.queue[data-screen=ranked])>.ranked-screen{padding-top:calc(max(16px, env(safe-area-inset-top)) + 116px)}}@media (max-width:1000px),(max-height:520px){.party-bar{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));padding:3px 4px}.ui:has(.versions)>.party-bar[data-screen=title]{top:calc(max(8px, env(safe-area-inset-top)) + 44px)}.pbar-face .avatar{--avatar:28px!important}.pbar-btn{width:28px;height:28px}.ui:has(>.party-bar)>.ranked-screen{padding-top:calc(var(--gutter) + 40px)}}@media (min-width:601px) and (max-width:1000px){.ui:has(>.friend-invite)>.party-bar{top:calc(max(8px, env(safe-area-inset-top)) + 66px)}.ui:has(>.friend-invite):has(.versions)>.party-bar[data-screen=title]{top:calc(max(8px, env(safe-area-inset-top)) + 110px)}}@media (prefers-reduced-motion:reduce){.party-bar,.pbar-member,.pbar-slip{animation:none}}.cast-roster>li{display:block}.cast-roster .cast-card{width:100%;font:inherit;text-align:left;cursor:pointer;border:0;display:grid}.cast-roster .cast-card .roster-hp{display:block}.cast-roster .cast-card:hover:not(:disabled):not(.is-followed){box-shadow:var(--lift-sm), inset 0 0 0 1px var(--iron)}.cast-roster .cast-card:disabled{cursor:default}.cast-roster .cast-card:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.cast-roster .cast-card.is-followed{box-shadow:var(--lift), inset 0 0 0 1px var(--iron), inset 0 0 0 3px var(--paper), inset 0 0 0 4px var(--gold)}.cast-roster .cast-key{min-width:1.55em;padding:.2em .35em .24em;font-size:.68rem}.cast-roster .is-followed .cast-key{color:var(--paper);background:var(--iron);box-shadow:none}.cast-roster .cast-aiming{color:var(--vermilion);font:600 .8rem/1 var(--body);align-items:center;gap:4px;margin-left:auto;display:inline-flex}.cast-bar .cast-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.cast-bar .cast-kbd{min-width:1.6em;margin-left:3px;padding:.2em .38em .24em;font-size:.66rem}.cast-bar .cast-name{white-space:nowrap;text-overflow:ellipsis;max-width:9em;overflow:hidden}.cast-bar .replay-bar{animation:none;position:static;transform:none}@media (max-width:720px){.cast-roster .cast-aiming{font-size:.7rem}.cast-bar .cast-name{max-width:6em}}.ui-tip{z-index:100;width:max-content;max-width:min(300px,100vw - 16px);color:var(--iron);font:500 .86rem/1.3 var(--body);text-align:left;overflow-wrap:break-word;background:var(--grain), var(--paper);box-shadow:inset 0 0 0 1px var(--edge-hi);filter:drop-shadow(0 5px 9px #060c124d)drop-shadow(0 1px 2px #060c1252);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:2px;flex-direction:column;gap:1px;padding:5px 9px 6px;display:flex;position:fixed;top:0;left:0}.ui-tip-head{font:400 1.02rem/1.15 var(--display);letter-spacing:.01em}.ui-tip-line{align-items:center;gap:8px;display:flex}.ui-tip-line>span:first-child{min-width:0}.ui-tip .keys{color:var(--iron-2);font:600 .76rem/1 var(--body);flex:none;align-items:center;gap:4px}.ui-tip kbd{min-width:1.8em;padding:.24em .45em .28em;font-size:.72rem}.ui-tip:after{content:"";left:var(--tail,50%);background:var(--paper);width:9px;height:9px;margin-left:-4.5px;position:absolute;transform:rotate(45deg)}.ui-tip[data-side=above]:after{border-right:1px solid var(--edge-hi);border-bottom:1px solid var(--edge-hi);bottom:-5px}.ui-tip[data-side=below]:after{border-top:1px solid var(--edge-hi);border-left:1px solid var(--edge-hi);top:-5px}.streamer-mark{top:max(4px, env(safe-area-inset-top));left:max(5px, env(safe-area-inset-left));z-index:70;opacity:.5;pointer-events:auto;width:22px;height:13px;transition:opacity .2s;display:block;position:fixed}.streamer-mark.is-tr{left:auto;right:max(5px, env(safe-area-inset-right))}.streamer-mark.is-bl,.streamer-mark.is-br{top:auto;bottom:max(4px, env(safe-area-inset-bottom))}.streamer-mark.is-br{left:auto;right:max(5px, env(safe-area-inset-right))}.streamer-mark:hover,.streamer-mark.is-holding{opacity:1}.streamer-mark svg{width:100%;height:100%;display:block;overflow:visible}.streamer-mask{fill:var(--paper);stroke:var(--navy);stroke-width:1.3px;stroke-linejoin:round;paint-order:stroke}.streamer-fill{fill:var(--navy);transform-origin:0 0;transform:scaleX(0)}.streamer-mark.is-holding .streamer-fill{transition:transform var(--hold,.7s) linear;transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.streamer-mark.is-holding .streamer-fill{transition:none}}.is-veiled{-webkit-text-security:disc}.streamer-settings .field{flex-wrap:wrap;row-gap:6px}.streamer-settings .field.is-disabled .seg{opacity:.45;pointer-events:none}.streamer-key{margin:0}.streamer-preview{color:var(--iron);box-shadow:inset 0 0 0 1px var(--edge);font:500 .95rem/1.25 var(--body);background:#2a20170f;border-radius:2px;gap:8px;padding:10px 12px;display:grid}.sp-row{align-items:center;gap:8px;min-height:26px;display:flex}.sp-score .sp-name{flex:1}.sp-num{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2em}.sp-chat b{font-weight:700}.sp-note{color:var(--iron-3)}.sp-party{gap:14px}.sp-member{align-items:center;gap:6px;display:inline-flex}.sp-seal{width:22px;height:22px;color:var(--paper);font:700 .72rem/1 var(--body);background:radial-gradient(circle at 38% 32%, #d0624f, var(--vermilion) 60%, var(--vermilion-deep));border-radius:50%;place-items:center;display:inline-grid}.sp-seal.is-picture{background:linear-gradient(135deg,#7a8a96,#45535e);border-radius:3px}.sp-seen{gap:2px;margin:2px 0 0;display:grid}.sp-seen div{justify-content:space-between;gap:12px;display:flex}.sp-seen dt{color:var(--iron-2)}.sp-seen dd{margin:0;font-weight:700}@font-face{font-family:Chart Digits;src:local(Times New Roman),local(TimesNewRomanPSMT),local(Liberation Serif),local(Nimbus Roman),local(DejaVu Serif);unicode-range:U+30-39}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#eee0bf;--paper-2:#e2cea1;--paper-3:#c9ad7b;--iron:#2a2017;--iron-2:#574431;--iron-3:#8a7356;--vermilion:#a5341e;--vermilion-deep:#74210f;--verdigris:#2d6858;--gold:#a9792a;--gold-hi:#e2b95c;--navy:#13202a;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.32 0 0 0 0 0.23 0 0 0 0 0.11 0 0 0 0.6 -0.16'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--stain:url(/modern-stain.png);--stain-size:2048px 2048px;--paper-bg:var(--grain), var(--stain) 0 0 / var(--stain-size), radial-gradient(140% 120% at 40% 30%, var(--paper) 40%, var(--paper-2) 78%, var(--paper-3));--neatline:inset 0 0 0 1px #2a2017bf, inset 0 0 0 4px var(--paper), inset 0 0 0 5.5px #2a201799;--frame:8px;--neatline-frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath fill='%23eee0bf' fill-rule='evenodd' d='M3 0h26a3 3 0 0 1 3 3v26a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zM4 4v24h24V4z'/%3E%3Cpath fill='%232a2017' fill-opacity='.75' fill-rule='evenodd' d='M3 0h26a3 3 0 0 1 3 3v26a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zM3 1a2 2 0 0 0-2 2v26a2 2 0 0 0 2 2h26a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2z'/%3E%3Cpath fill='%232a2017' fill-opacity='.6' fill-rule='evenodd' d='M4 4h24v24H4zM5.5 5.5v21h21v-21z'/%3E%3C/svg%3E");--lift:0 14px 34px #060c1273, 0 2px 5px #060c1259;--lift-sm:0 6px 16px #060c1266, 0 1px 3px #060c1259;--glass:var(--paper-bg);--glass-strong:var(--paper-bg);--edge:#2a201738;--edge-hi:#2a20176b;--shadow:var(--lift);--radius:3px;--text:var(--iron);--muted:var(--iron-2);--sea:var(--verdigris);--rose:var(--vermilion);--gilt:var(--gold);--gilt-hi:var(--gold-hi);--gilt-deep:#6c4c12;--sand:var(--paper);--ink:var(--navy);--display:"Chart Digits", "IM Fell English SC", "IM Fell English", Georgia, serif;--title:"Chart Digits", "IM Fell French Canon", "IM Fell English", Georgia, serif;--serif:"Chart Digits", "IM Fell English", Georgia, serif;--body:"Alegreya Sans", "Segoe UI", system-ui, sans-serif}.screen,.hud{pointer-events:none;position:absolute;inset:0}.ui>.screen,.ui>.hud{pointer-events:none}.screen>*,.screen a,.screen button,.screen input,.screen select{pointer-events:auto}.btn{color:var(--iron);font:400 1.08rem/1 var(--display);letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .14s var(--ease-out), background-color .2s, box-shadow .2s, filter .2s;border:0;border-radius:2px;justify-content:center;align-items:center;gap:.5em;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--sea);outline-offset:3px}.btn-md{padding:.82em 1.35em}.btn-sm{border-radius:2px;padding:.5em}.btn-lg{padding:.5em 1.4em .56em;font-size:1.5rem}.btn-primary{color:#f6e5bd;background:var(--grain), linear-gradient(180deg, #b33c24, var(--vermilion) 48%, #8c2915);box-shadow:inset 0 0 0 1px var(--vermilion-deep), inset 0 0 0 3px #a8381f, inset 0 0 0 4px #e2b95cb3, 0 6px 16px #320c0461;text-shadow:0 1px #3c0e06a6}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-primary:active{box-shadow:inset 0 0 0 1px var(--vermilion-deep), inset 0 0 0 3px #a8381f, inset 0 0 0 4px #e2b95c99, 0 2px 6px #320c0459;transform:translateY(1px)}.btn-quiet{background:var(--paper-bg);box-shadow:inset 0 0 0 1px var(--edge-hi), var(--lift-sm)}.btn-quiet:hover{box-shadow:inset 0 0 0 1px var(--iron), var(--lift-sm)}.btn-quiet:active{transform:translateY(1px)}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--iron);background:#2a201714}.icon{flex:none;display:block}.panel{color:var(--iron);border:var(--frame) solid transparent;border-image:var(--neatline-frame) 8 / var(--frame) stretch;background:var(--paper-bg);border-radius:var(--radius);box-shadow:var(--lift);background-origin:border-box}.field{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-label{color:var(--iron-2);font-size:.98rem}.text-input,.select{min-width:0;color:var(--iron);font:500 1rem/1.2 var(--body);box-shadow:inset 0 0 0 1px var(--edge-hi);background:#fffaeb8c;border:0;border-radius:2px;padding:.55em .7em;transition:box-shadow .15s,background-color .15s}.text-input:hover,.select:hover{background:#fffaebcc}.text-input:focus,.select:focus{box-shadow:inset 0 0 0 1.5px var(--sea);outline:none}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23574431' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .6em center;background-repeat:no-repeat;padding-right:2em}.select option{color:#2a2017}.select.select-sm{background-position:right .45em center;padding:.28em 1.8em .3em .55em;font-size:.85rem}.seg{box-shadow:inset 0 0 0 1px var(--edge-hi);border-radius:2px;gap:0;padding:2px;display:inline-flex}.seg-option{color:var(--iron-2);font:500 .95rem/1 var(--body);cursor:pointer;background:0 0;border:0;border-radius:1px;padding:.42em .8em .46em;transition:background-color .15s,color .15s}.seg-option:hover{color:var(--iron);background:#2a20170f}.seg-option.is-on{color:var(--paper);background:var(--iron)}.seg-option:focus-visible{outline:2px solid var(--sea);outline-offset:1px}.slider{grid-template-columns:7.5em 1fr 3em;align-items:center;gap:12px;display:grid}.slider-label{color:var(--iron-2);font-size:.98rem}.slider-value{color:var(--iron-2);font-variant-numeric:tabular-nums;text-align:right;font-size:.9rem}.slider input{appearance:none;background:linear-gradient(to right, var(--iron) var(--fill), #2a20172e var(--fill));cursor:pointer;border-radius:0;width:100%;height:4px;margin:0}.slider input::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 32%, #c4543a, var(--vermilion) 55%, var(--vermilion-deep));border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #060c1273}.slider input::-moz-range-thumb{background:radial-gradient(circle at 35% 32%, #c4543a, var(--vermilion) 55%, var(--vermilion-deep));border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #060c1273}.slider input:focus-visible{outline:2px solid var(--sea);outline-offset:4px}.toggle{color:var(--iron-2);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:.98rem;display:flex;position:relative}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-track{width:40px;height:22px;box-shadow:inset 0 0 0 1px var(--edge-hi);background:#2a201729;border-radius:11px;transition:background-color .2s;position:relative}.toggle-knob{background:var(--paper);width:16px;height:16px;box-shadow:0 1px 2px #060c1273, inset 0 0 0 1px var(--edge-hi);transition:transform .22s var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-track{background:var(--verdigris)}.toggle input:checked+.toggle-track .toggle-knob{transform:translate(18px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--sea);outline-offset:3px}.keys{gap:4px;display:inline-flex}kbd{min-width:1.9em;color:var(--iron);font:700 .74rem/1 var(--body);text-align:center;background:var(--paper-bg);box-shadow:inset 0 -2px 0 #2a201747, inset 0 0 0 1px var(--edge-hi);border-radius:2px;padding:.3em .5em .32em;display:inline-block}.logo{filter:drop-shadow(0 16px 26px #060c1280);transform-origin:0 100%;width:clamp(320px,52vw,760px);margin:0;line-height:0;transform:rotate(-2.5deg)}.ribbon{width:100%;height:auto;display:block;overflow:visible}.ribbon-band{fill:var(--paper);stroke:var(--iron);stroke-width:3px;stroke-linejoin:round}.ribbon-tail{fill:var(--paper-3);stroke:var(--iron);stroke-width:3px;stroke-linejoin:round}.ribbon-fold{fill:#9c7d4c;stroke:var(--iron);stroke-width:2.5px;stroke-linejoin:round}.ribbon-rule{fill:none;stroke:var(--iron);stroke-width:1.2px;opacity:.55}.ribbon-text{fill:var(--iron);font-family:var(--title);letter-spacing:.01em}.error-screen{background:radial-gradient(80% 70% at 50% 40%, var(--ink-2), var(--ink));place-items:center;padding:16px;display:grid}.menu-text{color:var(--iron-2);margin:0 0 20px}.title-screen:before{content:"";pointer-events:none;background:radial-gradient(100% 90% at 10% 60%,#08101680,#0000 60%),linear-gradient(#0000 70%,#08101659);position:absolute;inset:0}.title-bar{padding:max(16px, env(safe-area-inset-top)) var(--gutter) 0;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.home{color:var(--iron-2);font:400 1rem/1 var(--display);background:var(--paper-bg);box-shadow:inset 0 0 0 1px var(--edge-hi), var(--lift-sm);border-radius:2px;padding:.5em .95em .55em;text-decoration:none;transition:color .2s}.home:hover{color:var(--iron)}.versions{background:var(--paper-bg);box-shadow:inset 0 0 0 1px var(--edge-hi), var(--lift-sm);border-radius:2px;gap:0;padding:3px;display:flex}.versions a{color:var(--iron-2);font:400 1rem/1 var(--display);border-radius:1px;padding:.42em .9em .47em;text-decoration:none;transition:color .2s,background-color .2s}.versions a:hover{color:var(--iron)}.versions a[aria-current]{color:var(--paper);background:var(--iron)}.title-main{left:var(--gutter);flex-direction:column;align-items:center;gap:clamp(18px,4vh,34px);display:flex;position:absolute;top:50%;transform:translateY(-52%)}.title-screen .logo{animation:logo-in .9s var(--ease-out) both}.title-menu{border-radius:var(--radius);background:var(--paper-bg);min-width:260px;box-shadow:var(--lift), var(--neatline);animation:rise .6s .25s var(--ease-out) both;flex-direction:column;align-items:stretch;gap:8px;padding:18px 18px 16px;display:flex}.title-menu .btn-lg{padding-block:.42em .48em;font-size:1.7rem}.title-menu .btn-quiet{box-shadow:inset 0 -1px 0 var(--edge);background:0 0;border-radius:0}.title-menu .btn-quiet:hover{box-shadow:inset 0 -1px 0 var(--edge-hi);background:#2a20170f}.title-row{align-items:flex-start;gap:20px;display:flex}.title-panel{width:min(440px, calc(100vw - 2 * var(--gutter)));scrollbar-width:thin;scrollbar-color:#2a20174d transparent;max-height:min(62vh,560px);animation:rise .35s var(--ease-out) both;padding:12px 14px;overflow:auto}.setup{top:var(--gutter);bottom:var(--gutter);left:var(--gutter);width:min(468px, calc(100% - 2 * var(--gutter)));animation:slide-in .45s var(--ease-out) both;flex-direction:column;display:flex;position:absolute}.setup-head{align-items:center;gap:8px;padding:8px 12px 4px 4px;display:flex}.setup-title{font:400 2rem/1 var(--title);margin:0}.setup-body{scrollbar-width:thin;scrollbar-color:#2a20174d transparent;flex:1;min-height:0;padding:0 14px 8px;overflow:auto}.setup-heading,.menu-heading{color:var(--iron);font:400 1.12rem/1 var(--display);align-items:center;gap:10px;margin:22px 0 10px;display:flex}.setup-heading:after,.menu-heading:after{content:"";background:var(--edge-hi);flex:1;height:1px}.players{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.player-row{border-bottom:1px solid var(--edge);grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:5px 4px;display:grid}.player-row .select{width:10.4em}.swatch{background:radial-gradient(circle at 36% 30%, color-mix(in oklch, var(--player) 55%, white), var(--player) 52%, color-mix(in oklch, var(--player) 60%, black));width:28px;height:28px;box-shadow:inset 0 0 0 3px color-mix(in oklch, var(--player) 82%, black), inset 0 0 0 4px color-mix(in oklch, var(--player) 70%, white), 0 1px 2px #060c1273;cursor:pointer;transition:transform .15s var(--ease-out);border:0;border-radius:50%}.swatch:hover{transform:scale(1.08)}.swatch:focus-visible{outline:2px solid var(--sea);outline-offset:3px}.add-player{border:1px dashed var(--edge-hi);width:100%;color:var(--iron-2);font:400 1rem/1 var(--display);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:.65em;transition:color .15s,border-color .15s,background-color .15s;display:flex}.add-player:hover{color:var(--iron);border-color:var(--iron-2);background:#2a20170d}.islands{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.island-card{min-height:104px;color:var(--paper);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px var(--iron), inset 0 0 0 3px #eee0bf8c;transition:transform .18s var(--ease-out), box-shadow .18s;border:0;border-radius:2px;flex-direction:column;justify-content:flex-end;gap:3px;padding:10px 11px;display:flex;position:relative;overflow:hidden}.island-card:before{content:"";background:var(--land);opacity:.9;border-radius:50% 50% 0 0/100% 100% 0 0;height:26%;position:absolute;top:30%;left:22%;right:22%}.island-card:after{content:"";background:var(--grain), linear-gradient(to top, #140e08b3, transparent 62%);position:absolute;inset:0}.island-card>*{z-index:1;position:relative}.island-card:hover{transform:translateY(-2px)}.island-card.is-on{box-shadow:inset 0 0 0 1px var(--iron), inset 0 0 0 3px var(--gold-hi), 0 6px 14px #060c1259}.island-card:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.island-dusk{--land:linear-gradient(#5d6a3c, #3e4a2a);background:linear-gradient(#6b4a6a,#c98a62 48%,#4f6f7a 56%,#34505d)}.island-noon{--land:linear-gradient(#7d9447, #c9b47a);background:linear-gradient(#5f86a3,#b9d0d3 48%,#6aa39b 56%,#3f6f80)}.island-storm{--land:linear-gradient(#545a52, #3c403a);background:linear-gradient(#4a5157,#79807f 48%,#536a6c 56%,#36474c)}.island-name{font:400 1.25rem/1 var(--display);text-shadow:0 1px 2px #0a060299}.island-note{color:#f6ecd2e6;font-size:.78rem;line-height:1.25}.seed{align-items:center;gap:8px;margin-top:12px;display:flex}.seed .field-label{margin-right:auto}.seed-input{font-variant-numeric:tabular-nums;width:7.2em}.weather{margin-top:12px}.rules{flex-direction:column;gap:12px;display:flex}.setup-foot{border-top:1px solid var(--edge-hi);padding:14px}.setup-foot .start{width:100%}.title-notice{color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), var(--neatline);border-radius:2px;align-items:center;gap:10px;margin:0 0 14px;padding:6px 6px 6px 12px;display:inline-flex}.replays{flex-direction:column;gap:10px;display:flex}.replay-tabs{box-shadow:inset 0 -1px 0 var(--edge);gap:18px;display:flex}.replay-tab{color:var(--iron-2);font:600 .9rem/1 var(--body);cursor:pointer;background:0 0;border:0;padding:9px 0;transition:color .15s,box-shadow .15s}.replay-tab:hover{color:var(--iron)}.replay-tab[aria-selected=true]{color:var(--iron);box-shadow:inset 0 -2px 0 var(--vermilion)}.replay-tab:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.replay-shelf{flex-direction:column;gap:8px;display:flex}.replay-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.replay-row{box-shadow:inset 0 0 0 1px var(--edge-hi);background:#fffaeb73;border-radius:2px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 8px;padding:6px 8px 8px 10px;display:grid}.replay-title{min-width:0;color:var(--iron);font:500 .98rem/1.2 var(--body);text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:7px;padding:0;display:flex}.replay-row{cursor:pointer}.replay-row.is-open{background:#fffaebb3}.replay-title:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}.replay-stats{cursor:auto;grid-column:1/-1;margin-top:6px}.replay-stats .account-fine{margin:0}.replay-stats-table{margin-bottom:2px;font-size:.88rem}.replay-stats-table th{font-size:.85rem}.replay-stats-table td{padding:.4em .5em}.replay-stats-table .is-you td{color:var(--iron)}.replay-result{font:400 1rem/1 var(--display);flex:none}.replay-result.is-won{color:var(--verdigris)}.replay-result.is-lost{color:var(--vermilion)}.replay-result.is-draw{color:var(--iron-2)}.replay-detail{color:var(--muted);grid-column:1/-1;font-size:.82rem;line-height:1.3}.replay-id{color:var(--iron-3);letter-spacing:.04em;-webkit-user-select:all;user-select:all;margin-left:6px;font-family:ui-monospace,Consolas,monospace;font-size:.78rem}.replay-actions{grid-area:1/2;align-items:center;gap:4px;display:flex}.replay-error{grid-column:1/-1;margin:2px 0 0;font-size:.88rem}.replay-save[aria-pressed=true],.replay-save[aria-pressed=true]:hover{color:var(--paper);background:var(--iron)}.menu-actions .menu-note{flex-basis:100%;order:1;margin:2px 0 0}.menu-note{color:var(--iron-2);font-size:.92rem}.practice{gap:18px;display:grid}.practice-mode .menu-heading{margin-top:0}.practice-mode .menu-text{margin-bottom:10px}.practice-best{color:var(--iron);margin:-4px 0 10px;font-weight:600}.practice-final{font:700 3.4rem/1 var(--body);font-variant-numeric:tabular-nums;margin:-6px 0 6px}.practice-of{color:var(--iron-2);font-size:1.4rem;font-weight:500}.practice-results{--player:var(--gilt)}.tally.tally-results{border-left:0;flex-wrap:wrap;margin:4px 0 12px;padding-left:0}.tally-results .tally-cell{min-width:2.4em;padding:6px 6px 5px;font-size:1.15rem}.practice-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.practice-side{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.practice-gain{color:var(--iron);font:700 1.1rem/1 var(--body);font-variant-numeric:tabular-nums;margin:0}.practice-note{color:var(--iron-2);font-variant-numeric:tabular-nums;margin:0;font-size:.9rem}.results-table.practice-day{margin:4px 0 16px}.practice-day .practice-day-total td{border-top:2px solid var(--iron);color:var(--iron);font-weight:700}.freeplay,.freeplay-folded{top:calc(max(16px, env(safe-area-inset-top)) + 156px);right:max(16px, env(safe-area-inset-right));color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), var(--neatline);transition:opacity .3s, transform .3s var(--ease-out);animation:rise .3s var(--ease-out) both;border-radius:2px;position:absolute}.freeplay.is-resting,.freeplay-folded.is-resting{opacity:0;pointer-events:none;transform:translate(12px)}.freeplay{width:300px}.freeplay-body{max-height:calc(100dvh - max(16px, env(safe-area-inset-top)) - 156px - 92px);gap:7px;padding:12px 12px 10px;display:grid;overflow:auto}.freeplay-row{grid-template-columns:2.6em minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.freeplay-under{gap:6px;padding-left:calc(2.6em + 6px);display:flex}.freeplay-label{color:var(--iron-2);font:400 .98rem/1 var(--display)}.freeplay-step{justify-content:space-between;align-items:center;gap:2px;display:flex}.freeplay-value{color:var(--iron);font:700 1rem/1 var(--body);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;flex:1}.freeplay-arrow,.freeplay-move,.freeplay-toggle,.freeplay-action,.freeplay-fold,.freeplay-folded{color:var(--iron);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}.freeplay-arrow{width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--edge-hi);background:#fffaeb80;border-radius:2px;place-items:center;padding:0;display:grid}.freeplay-arrow:disabled{opacity:.35;cursor:default}.freeplay-move,.freeplay-toggle,.freeplay-action{font:400 .95rem/1 var(--display);box-shadow:inset 0 0 0 1px var(--edge-hi);white-space:nowrap;background:#fffaeb80;border-radius:2px;padding:6px 9px 7px}.freeplay-arrow:hover:not(:disabled),.freeplay-move:hover,.freeplay-toggle:hover,.freeplay-action:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--iron)}.freeplay-move.is-on,.freeplay-toggle.is-on{color:var(--paper);background:var(--iron)}.freeplay-toggle{flex:1}.freeplay-seg{min-width:0;display:flex}.freeplay-seg .seg-option{white-space:nowrap;flex:1;padding:.42em .25em .46em;font-size:.86rem}.freeplay-actions{border-top:1px solid var(--edge-hi);gap:6px;padding-top:7px;display:flex}.freeplay-action{flex:1;padding:8px 9px 9px;font-size:1.02rem}.freeplay-action.is-primary:not(:disabled){color:#f6e5bd;background:var(--grain), linear-gradient(180deg, #b33c24, var(--vermilion) 48%, #8c2915);box-shadow:inset 0 0 0 1px var(--vermilion-deep), inset 0 0 0 3px #a8381f, inset 0 0 0 4px #e2b95cb3;text-shadow:0 1px #3c0e06a6}.freeplay-action:disabled{opacity:.45;cursor:default}.freeplay-island{grid-template-columns:minmax(0,1fr)}.freeplay-fold{background:var(--paper-bg);width:22px;height:34px;box-shadow:-3px 3px 8px #060c124d, inset 1px 0 0 var(--edge-hi);border-radius:2px 0 0 2px;place-items:center;padding:0;display:grid;position:absolute;top:10px;left:-22px}.freeplay-fold .icon{transform:scaleX(-1)}.freeplay-folded{font:700 .98rem/1 var(--body);font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:8px 10px 8px 12px;display:flex}.freeplay-folded-wind{border-left:1px solid var(--edge-hi);padding-left:8px}.freeplay-folded .icon{transform:scaleX(-1)}.freeplay-rose{width:96px;height:96px;margin:0 auto;position:relative}.freeplay-way{width:28px;height:28px;color:var(--iron-2);box-shadow:inset 0 0 0 1px var(--edge-hi);cursor:pointer;background:#fffaeb80;border:0;border-radius:50%;padding:5px;position:absolute}.freeplay-way svg{fill:currentColor;width:100%;height:100%}.freeplay-way.is-on{color:var(--paper);background:var(--iron)}.freeplay-rose.is-calm .freeplay-way.is-on{color:var(--iron-2);box-shadow:inset 0 0 0 1.5px var(--iron-2);background:#fffaeb80}.freeplay-way[data-way="0"]{top:0;left:34px}.freeplay-way[data-way="1"]{top:10px;left:58px}.freeplay-way[data-way="2"]{top:34px;left:68px}.freeplay-way[data-way="3"]{top:58px;left:58px}.freeplay-way[data-way="4"]{top:68px;left:34px}.freeplay-way[data-way="5"]{top:58px;left:10px}.freeplay-way[data-way="6"]{top:34px;left:0}.freeplay-way[data-way="7"]{top:10px;left:10px}.freeplay-rose-line{width:20px;height:27px;fill:var(--iron);stroke:var(--iron);stroke-width:1.2px;pointer-events:none;position:absolute;top:32px;left:38px}.freeplay-rose-line circle{stroke:none}.freeplay-rose-flag{fill:var(--vermilion);stroke:var(--iron);stroke-width:.9px}.ui:has(>.freeplay-pick) .hud .weapons{opacity:0;transition:opacity .3s}.freeplay-pick{cursor:crosshair;touch-action:none;position:absolute;inset:0}.freeplay-pick-metres{color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);font:700 .95rem/1 var(--body);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border-radius:2px;padding:3px 7px 2px;position:absolute;transform:translate(14px,-130%)}@media (max-width:720px),(max-height:520px){.freeplay{width:244px}.freeplay-body{gap:6px;max-height:calc(100dvh - 330px);padding:10px 10px 8px}.freeplay-gun{grid-template-columns:2.6em minmax(0,1fr)}.freeplay-gun .freeplay-move{grid-column:2;justify-self:start}}@media (max-height:520px){.freeplay,.freeplay-folded{top:calc(max(12px, env(safe-area-inset-top)) + 60px)}.freeplay-body{max-height:calc(100dvh - 245px)}}.garage{top:var(--gutter);bottom:var(--gutter);left:var(--gutter);width:min(420px, calc(100% - 2 * var(--gutter)));animation:slide-in .45s var(--ease-out) both;flex-direction:column;display:flex;position:absolute}.garage-head{flex-wrap:wrap;row-gap:6px}.garage-head .garage-weather{margin-left:auto}.garage-weather .seg-option{padding:.42em .62em .46em;font-size:.88rem}.garage-top{flex:none;padding:0 14px 10px}.garage-top>.seg{width:-moz-fit-content;width:fit-content;max-width:100%}.garage [hidden]{display:none!important}.garage-count{color:var(--muted);margin:8px 0 14px;font-size:.95rem}.garage-tabs{flex-wrap:wrap;min-width:0;display:flex}.garage-tabs .seg-option{white-space:nowrap;flex:auto;padding:.42em .4em .46em;font-size:.86rem}.garage-groups{margin-bottom:6px}.garage-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:2px;display:grid}.garage-item{min-height:64px;color:var(--iron);font:500 .98rem/1.15 var(--body);text-align:left;box-shadow:inset 0 0 0 1px var(--edge-hi);cursor:pointer;background:#fffaeb73;border:0;border-radius:2px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px 8px 8px;display:grid}.garage-item:hover{background:#fffaebb3}.garage-item.is-on{box-shadow:inset 0 0 0 2px var(--iron);background:#fffaebcc}.garage-item{position:relative}.garage-item.is-locked .garage-name{color:var(--iron-2)}.garage-item.is-locked .garage-swatch{filter:grayscale(.85)brightness(.8)}.garage-item.is-locked.is-on{box-shadow:inset 0 0 0 2px var(--iron-3)}.garage-swatch{position:relative}.garage-lock{color:var(--paper);filter:none;background:#2a201773;border-radius:2px;place-items:center;display:grid;position:absolute;inset:0}.garage-badge{width:20px;height:20px;color:var(--paper);background:var(--verdigris);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.garage-selected{gap:2px;margin-bottom:10px;display:grid}.garage-selected-name{color:var(--iron);font:400 1.25rem/1.1 var(--display)}.garage-actions{gap:8px;display:flex}.garage-actions .btn{flex:1;gap:6px}.garage-name{gap:3px;min-width:0;display:grid}.garage-state{color:var(--muted);font-size:.8rem;font-weight:400}.garage-swatch{border-radius:2px;width:46px;height:46px;box-shadow:inset 0 0 0 1px #2a201759}.swatch-iron{background:linear-gradient(135deg,#6b6e76,#2a2b2f 55%,#18191c)}.swatch-bronze{background:linear-gradient(135deg,#d3995a,#8c5b2a 55%,#50320f)}.swatch-blackened{background:linear-gradient(135deg,#3b3d42,#121315 55%,#050506)}.swatch-gilded{background:linear-gradient(135deg,#f6dc8c,#d2a443 50%,#7f5c18)}.swatch-oak{background:linear-gradient(160deg,#a06c40,#8a5a33 50%,#5a3a24)}.swatch-gunpowder{background:radial-gradient(circle at 50% 55%,#ffd9a0 0 12%,#f08a2c 26%,#0000 46%),#3d3a36}.swatch-no-flourish,.swatch-longgun{background:radial-gradient(circle at 50% 60%,#6a6560 0 26%,#0000 40%),#2e2b28}.swatch-threeguns{background:radial-gradient(circle at 30% 55%,#e9e6df 0 14%,#0000 22%),radial-gradient(circle at 52% 45%,#e9e6df 0 14%,#0000 22%),radial-gradient(circle at 74% 55%,#e9e6df 0 14%,#0000 22%),#8fb4c4}.swatch-saltpetre{background:radial-gradient(circle at 26% 30%,#fff 0 3%,#0000 4%),radial-gradient(circle at 74% 34%,#eef2ff 0 3%,#0000 4%),radial-gradient(circle at 50% 55%,#fff 0 10%,#cfd5e2 24%,#0000 46%),#3d3a36}.swatch-copper-powder{background:radial-gradient(circle at 26% 30%,#f08c4e 0 3%,#0000 4%),radial-gradient(circle at 74% 34%,#e47a3c 0 3%,#0000 4%),radial-gradient(circle at 50% 55%,#ffd2b0 0 10%,#c8581f 26%,#0000 46%),#3d3a36}.swatch-rose-powder{background:radial-gradient(circle at 26% 30%,#ff9fd2 0 3%,#0000 4%),radial-gradient(circle at 74% 34%,#ffb3dc 0 3%,#0000 4%),radial-gradient(circle at 50% 55%,#ffe0f0 0 10%,#ec78b4 26%,#0000 46%),#3d3a36}.swatch-gilt-powder{background:radial-gradient(circle at 22% 28%,#fff4c4 0 3%,#0000 4%),radial-gradient(circle at 78% 30%,#ffe28a 0 3%,#0000 4%),radial-gradient(circle at 30% 76%,#f6d36c 0 2.5%,#0000 3.5%),radial-gradient(circle at 70% 74%,#fff1b8 0 2.5%,#0000 3.5%),radial-gradient(circle at 50% 52%,#fff2c8 0 9%,#d9a83a 26%,#0000 46%),#3d3a36}.swatch-crackle{background:radial-gradient(circle at 18% 40%,#ffe7b8 0 2%,#0000 3%),radial-gradient(circle at 30% 18%,#ffd38a 0 2%,#0000 3%),radial-gradient(circle at 82% 46%,#ffe7b8 0 2%,#0000 3%),radial-gradient(circle at 66% 16%,#ffd38a 0 2%,#0000 3%),radial-gradient(circle at 74% 80%,#ffe7b8 0 2%,#0000 3%),radial-gradient(circle at 24% 78%,#ffd38a 0 2%,#0000 3%),radial-gradient(circle at 50% 55%,#ffd9a0 0 8%,#f08a2c 20%,#0000 36%),#3d3a36}.swatch-doubloons{background:radial-gradient(circle at 34% 40%,#fbe3a0 0 9%,#c99a2e 10% 13%,#0000 14%),radial-gradient(circle at 62% 30%,#fbe3a0 0 8%,#c99a2e 9% 12%,#0000 13%),radial-gradient(circle at 58% 64%,#fbe3a0 0 9%,#c99a2e 10% 13%,#0000 14%),radial-gradient(circle at 50% 80%,#4a4440 0 18%,#0000 30%),#2e2b28}.swatch-struck-colours{background:linear-gradient(to bottom right, var(--c) 49%, transparent 51%) 38% 74% / 44% 22% no-repeat, linear-gradient(90deg, transparent 33%, #5a3a24 33% 38%, transparent 38%), radial-gradient(circle at 36% 16%, color-mix(in oklch, var(--c) 65%, #e9e6df) 0 12%, transparent 20%), #8fb4c4}.swatch-black-spot{background:radial-gradient(circle,#e2b95c 0 6%,#0000 7% 24%,#141212 26% 38%,#0000 40%),#e9e0c8}.swatch-gilded-spot{background:radial-gradient(circle,#e2b95c 0 6%,#0000 7% 21%,#e2b95c 22% 24%,#141212 26% 38%,#e2b95c 40% 42%,#0000 44%),#3b342c}.swatch-carronade,.swatch-bronze-ring,.swatch-great-gun,.swatch-echo{--ring:#e9e6df;background:radial-gradient(circle at 20% 50%, var(--ring) 0 9%, transparent 10%), repeating-radial-gradient(circle at 20% 50%, transparent 0 9px, var(--ring) 9px 11px, transparent 11px 16px) 0 0 / 76% 100% no-repeat, #2e2b28}.swatch-carronade{background:radial-gradient(circle at 20% 50%, var(--ring) 0 11%, transparent 12%), repeating-radial-gradient(circle at 20% 50%, transparent 0 8px, var(--ring) 8px 11px, transparent 11px 13px) 0 0 / 54% 100% no-repeat, #2e2b28}.swatch-bronze-ring{--ring:#d3995a}.swatch-great-gun{background:radial-gradient(circle at 14% 50%, var(--ring) 0 12%, transparent 13%), repeating-radial-gradient(circle at 14% 50%, transparent 0 11px, var(--ring) 11px 13px, transparent 13px 20px), #1d1b19}.swatch-echo{background:radial-gradient(circle at 20% 50%, var(--ring) 0 9%, transparent 10%), repeating-radial-gradient(circle at 20% 50%, transparent 0 9px, var(--ring) 9px 11px, transparent 11px 16px) 0 0 / 60% 100% no-repeat, repeating-radial-gradient(circle at 96% 50%, transparent 0 9px, #e9e6df66 9px 10px, transparent 10px 15px) 100% 0 / 40% 100% no-repeat, #2e2b28}.swatch-coloured-smoke{--puff:color-mix(in oklch, var(--c) 72%, #e9e6df);background:radial-gradient(circle at 30% 55%, var(--puff) 0 14%, transparent 22%), radial-gradient(circle at 52% 45%, var(--puff) 0 14%, transparent 22%), radial-gradient(circle at 74% 55%, var(--puff) 0 14%, transparent 22%), #8fb4c4}.swatch-laurels-salute{background:radial-gradient(circle at 50% 52%,#e9e6df 0 16%,#0000 24% 30%,#e2b95c 31% 36%,#0000 38%),#8fb4c4}.swatch-signal-rockets{--star:color-mix(in oklch, var(--c) 80%, white);background:radial-gradient(circle at 30% 26%, var(--star) 0 5%, transparent 6% 14%, var(--star) 15% 17%, transparent 18%), radial-gradient(circle at 70% 32%, var(--star) 0 5%, transparent 6% 14%, var(--star) 15% 17%, transparent 18%), linear-gradient(100deg, transparent 47%, #ffe6b4cc 47% 50%, transparent 50%) 0 60% / 100% 40% no-repeat, #22303d}.swatch-gold-rain{background:radial-gradient(circle at 24% 22%,#ffe28a 0 3%,#0000 4%),radial-gradient(circle at 62% 14%,#fff1b8 0 3%,#0000 4%),radial-gradient(circle at 44% 38%,#ffd36a 0 3%,#0000 4%),radial-gradient(circle at 78% 42%,#ffe28a 0 3%,#0000 4%),radial-gradient(circle at 50% 70%,#e9e6df 0 18%,#0000 30%),#8fb4c4}.swatch-fleet-salute{background:radial-gradient(circle at 26% 62%,#ffd38a 0 6%,#0000 9%),radial-gradient(circle at 50% 62%,#ffd38a 0 6%,#0000 9%),radial-gradient(circle at 74% 62%,#ffd38a 0 6%,#0000 9%),linear-gradient(#0000 66%,#3b2a1c 66% 80%,#4c7a8f 80%),radial-gradient(circle at 40% 40%,#e9e6df 0 14%,#0000 22%),radial-gradient(circle at 64% 36%,#e9e6df 0 14%,#0000 22%),#8fb4c4}.swatch-seaglass-powder{background:radial-gradient(circle at 24% 30%,#8fe8dc 0 3.5%,#0000 4.5%),radial-gradient(circle at 76% 32%,#f0b85a 0 3.5%,#0000 4.5%),radial-gradient(circle at 70% 70%,#f4f6ff 0 3%,#0000 4%),radial-gradient(circle at 50% 55%,#dffdf8 0 10%,#7fd9cc 26%,#0000 46%),#3d3a36}.swatch-brimstone-powder{background:radial-gradient(circle at 26% 30%,#e8ff6a 0 3%,#0000 4%),radial-gradient(circle at 74% 34%,#d9f24a 0 3%,#0000 4%),radial-gradient(circle at 50% 55%,#faffd0 0 10%,#c9e23a 26%,#0000 46%),#3d3a36}.swatch-frost-powder{background:radial-gradient(circle at 24% 28%,#fff 0 3%,#0000 4%),radial-gradient(circle at 76% 32%,#9fd2ff 0 3%,#0000 4%),radial-gradient(circle at 36% 74%,#b8e0ff 0 2.5%,#0000 3.5%),radial-gradient(circle at 50% 55%,#fff 0 10%,#cfe6ff 26%,#0000 46%),#3d3a36}.swatch-seafire-powder{background:radial-gradient(circle at 26% 30%,#6effe0 0 3%,#0000 4%),radial-gradient(circle at 74% 34%,#4de8cc 0 3%,#0000 4%),radial-gradient(circle at 50% 55%,#d8fff6 0 10%,#3fd9c0 26%,#0000 46%),#26302f}.swatch-stelmo-powder{background:radial-gradient(circle at 22% 28%,#fff 0 2.5%,#0000 3.5%),radial-gradient(circle at 78% 30%,#e6f0ff 0 2.5%,#0000 3.5%),radial-gradient(circle at 30% 72%,#f0f5ff 0 2%,#0000 3%),radial-gradient(circle at 72% 68%,#fff 0 2%,#0000 3%),radial-gradient(circle,#fff 0 7%,#dbe8ff 16%,#0000 22%),radial-gradient(circle,#0000 0 24%,#cfe0ff 25% 27%,#0000 28%),#2b2f3d}.swatch-siren-powder{background:radial-gradient(circle at 26% 30%,#6effe0 0 3.5%,#0000 4.5%),radial-gradient(circle at 74% 34%,#ff9fd2 0 3.5%,#0000 4.5%),radial-gradient(circle at 30% 70%,#ffb3dc 0 3%,#0000 4%),radial-gradient(circle at 70% 68%,#4de8cc 0 3%,#0000 4%),radial-gradient(circle at 50% 52%,#fff0f8 0 9%,#e894c4 20%,#5fd9c6 34%,#0000 46%),#3d3a36}.swatch-magazine-ko{background:radial-gradient(circle at 34% 58%,#ffe3a0 0 8%,#f08a2c 16%,#0000 26%),radial-gradient(circle at 66% 44%,#ffe3a0 0 7%,#f08a2c 14%,#0000 22%),radial-gradient(circle at 52% 74%,#ffd080 0 5%,#e07a20 10%,#0000 16%),radial-gradient(circle at 50% 30%,#4a4440 0 14%,#0000 30%),#2a2522}.swatch-porcelain-ko{background:linear-gradient(35deg,#0000 44%,#f6f7fb 44% 56%,#0000 56%) 20% 30%/30% 30% no-repeat,linear-gradient(-50deg,#0000 44%,#f6f7fb 44% 56%,#0000 56%) 70% 26%/28% 28% no-repeat,linear-gradient(80deg,#0000 44%,#d9e3f2 44% 56%,#0000 56%) 42% 70%/26% 26% no-repeat,linear-gradient(-20deg,#0000 44%,#f6f7fb 44% 56%,#0000 56%) 76% 72%/24% 24% no-repeat,radial-gradient(circle at 50% 56%,#f2f3f7 0 7%,#0000 9%),#3b3f48}.swatch-breaker-ko{background:radial-gradient(at 30% 42%,#fff 0 12%,#dff3fb 22%,#0000 34%),radial-gradient(at 62% 36%,#fff 0 10%,#0000 22%),radial-gradient(at 80% 52%,#fff 0 8%,#0000 18%),linear-gradient(#0000 56%,#4c8fa8 56% 66%,#2f6c86 66%),#8fb4c4}.swatch-wisps-ko{background:radial-gradient(circle at 28% 40%,#dffff6 0 5%,#7ff0d8 10%,#0000 20%),radial-gradient(circle at 66% 30%,#dffff6 0 4%,#7ff0d8 8%,#0000 16%),radial-gradient(circle at 58% 66%,#dffff6 0 4%,#7ff0d8 9%,#0000 18%),radial-gradient(circle at 80% 58%,#dffff6 0 3%,#7ff0d8 6%,#0000 12%),#1f2a2c}.swatch-locker-ko{background:repeating-radial-gradient(circle at 50% 54%,#0f2a33 0 7%,#e9f3f5 7% 10%,#164250 10% 17%),#0b1e26}.swatch-thunderclap-ko{background:linear-gradient(#0000 10%,#fff 10% 12%,#0000 12%) 60% 0/4% 100% no-repeat,linear-gradient(112deg,#0000 47%,#fff 47% 53%,#0000 53%) 52% 28%/26% 36% no-repeat,linear-gradient(68deg,#0000 47%,#fff 47% 53%,#0000 53%) 46% 64%/22% 36% no-repeat,radial-gradient(circle at 42% 86%,#fff 0 6%,#cfd8e6 10%,#0000 22%),#2a2d38}.swatch-swivel-report{--ring:#e9e6df;background:radial-gradient(circle at 24% 50%, var(--ring) 0 6%, transparent 7%), repeating-radial-gradient(circle at 24% 50%, transparent 0 5px, var(--ring) 5px 7px, transparent 7px 9px) 0 0 / 46% 100% no-repeat, #2e2b28}.swatch-wardrum-report{background:radial-gradient(at 50% 46%,#e9e6df 0 24%,#8a5a33 26% 32%,#0000 34%),radial-gradient(at 50% 64%,#6b4426 0 26%,#0000 36%),linear-gradient(#0000 46%,#8a5a33 46% 70%,#0000 70%) 50% 0/60% 100% no-repeat,#2e2b28}.swatch-mortar-report{--ring:#e9e6df;background:radial-gradient(circle at 50% 78%, var(--ring) 0 12%, transparent 13%), repeating-radial-gradient(circle at 50% 78%, transparent 0 12px, var(--ring) 12px 14px, transparent 14px 24px), #1d1b19}.swatch-cave-report{--ring:#e9e6df;background:radial-gradient(circle at 50% 56%, var(--ring) 0 7%, transparent 8%), repeating-radial-gradient(circle at 50% 56%, transparent 0 7px, var(--ring) 7px 8px, transparent 8px 12px) 50% 50% / 60% 70% no-repeat, radial-gradient(ellipse at 50% 56%, transparent 0 36%, #1d1b19 38%), #4a4036}.swatch-broadside-report{--ring:#e9e6df;background:radial-gradient(circle at 18% 36%, var(--ring) 0 6%, transparent 7%), radial-gradient(circle at 30% 60%, var(--ring) 0 6%, transparent 7%), radial-gradient(circle at 42% 36%, var(--ring) 0 6%, transparent 7%), radial-gradient(circle at 54% 60%, var(--ring) 0 6%, transparent 7%), radial-gradient(circle at 66% 36%, var(--ring) 0 6%, transparent 7%), repeating-linear-gradient(90deg, transparent 0 14px, var(--ring) 14px 15px, transparent 15px 22px) 100% 0 / 40% 100% no-repeat, #2e2b28}.swatch-dragon-report{--ring:#f0b85a;background:radial-gradient(circle at 22% 50%, var(--ring) 0 9%, transparent 10%), repeating-radial-gradient(ellipse at 22% 50%, transparent 0 8px, var(--ring) 8px 10px, transparent 10px 14px) 0 0 / 80% 100% no-repeat, #3a1e14}.swatch-smokerings-salute{background:radial-gradient(circle at 36% 54%,#0000 0 10%,#e9e6df 11% 17%,#0000 18%),radial-gradient(circle at 60% 44%,#0000 0 13%,#e9e6df 14% 21%,#0000 22%),radial-gradient(circle at 80% 36%,#0000 0 7%,#e9e6df 8% 13%,#0000 14%),#8fb4c4}.swatch-lanterns-salute{background:radial-gradient(at 34% 60%,#ffd27a 0 8%,#f4a24a 11% 16%,#0000 20%),radial-gradient(at 60% 40%,#ffd27a 0 7%,#f4a24a 10% 14%,#0000 18%),radial-gradient(at 80% 24%,#ffd27a 0 5%,#f4a24a 8% 11%,#0000 14%),linear-gradient(#3a4a70,#8fb4c4)}.swatch-wads-salute{background:radial-gradient(circle at 24%,#ffb347 0 5%,#0000 7%),radial-gradient(circle at 44% 40%,#ff9a2e 0 4%,#0000 6%),radial-gradient(circle at 62% 56%,#ffb347 0 4%,#0000 6%),radial-gradient(circle at 78% 46%,#ff9a2e 0 3%,#0000 5%),radial-gradient(circle at 70% 80%,#ffb347 0 4%,#0000 6%),radial-gradient(circle at 72% 72%,#bbb 0 6%,#0000 14%),linear-gradient(#0000 70%,#4e7a4e 70%),#8fb4c4}.swatch-bengal-salute{background:radial-gradient(circle at 50% 52%,#fff 0 10%,#e8f1ff 18%,#bcd3ff 26%,#0000 40%),radial-gradient(circle at 30% 30%,#fff 0 2%,#0000 3%),radial-gradient(circle at 72% 26%,#fff 0 2%,#0000 3%),radial-gradient(circle at 24% 70%,#fff 0 2%,#0000 3%),radial-gradient(circle at 76% 74%,#fff 0 2%,#0000 3%),#202a44}.swatch-wheel-salute{background:radial-gradient(circle at 50% 50%, #fff4c4 0 5%, transparent 6%), conic-gradient(from 0deg at 50% 50%, #ffe28a 0 8%, transparent 8% 25%, #ffd36a 25% 33%, transparent 33% 50%, #ffe28a 50% 58%, transparent 58% 75%, #ffd36a 75% 83%, transparent 83%), radial-gradient(circle at 50% 50%, transparent 0 30%, #2e2b28 31%), #2e2b28}.swatch-fireworks-salute{background:radial-gradient(circle at 34% 36%,#fff 0 3%,#0000 4% 10%,#ffe9a8 11% 13%,#0000 14%),radial-gradient(circle at 68% 30%,#ffd36a 0 3%,#0000 4% 12%,#f0b85a 13% 15%,#0000 16%),radial-gradient(circle at 54% 66%,#fff 0 2%,#0000 3% 8%,#fff 9% 10%,#0000 11%),radial-gradient(circle at 50% 100%,#e9e6df 0 6%,#0000 9%),#1d2238}.swatch-plain,.swatch-stripes,.swatch-chequers,.swatch-jolly{clip-path:polygon(8% 12%,96% 50%,8% 88%);box-shadow:none}.swatch-plain{background:var(--c)}.swatch-stripes{background:linear-gradient(to bottom, var(--c) 0 38%, #ede3cc 38% 62%, var(--c) 62%)}.swatch-chequers{background:repeating-conic-gradient(var(--c) 0 25%, #141212 0 50%) 0 0 / 15px 15px}.swatch-jolly{background:radial-gradient(circle at 34% 46%,#f2eee0 0 13%,#0000 14%),linear-gradient(32deg,#0000 47%,#f2eee0 47% 53%,#0000 53%) 18%/34% 60% no-repeat,linear-gradient(-32deg,#0000 47%,#f2eee0 47% 53%,#0000 53%) 18%/34% 60% no-repeat,#141212}.swatch-smoke{background:radial-gradient(circle at 35% 55%,#e9e6df 0 22%,#0000 34%),radial-gradient(circle at 62% 45%,#d4d0c8 0 26%,#0000 38%),#8fb4c4}.swatch-powder{background:radial-gradient(circle at 35% 55%,#75726c 0 22%,#0000 34%),radial-gradient(circle at 62% 45%,#4e4b46 0 26%,#0000 38%),#8fb4c4}.swatch-embers{background:radial-gradient(circle at 30% 40%,#ffb052 0 5%,#0000 6%),radial-gradient(circle at 66% 66%,#ff8a2a 0 4%,#0000 5%),radial-gradient(circle at 45% 55%,#c9a58a 0 24%,#0000 38%),#3d4a55}.swatch-aurora{background:radial-gradient(circle at 30% 36%,#fff 0 4%,#0000 5%),radial-gradient(circle at 70% 64%,#fff6c8 0 3.5%,#0000 4.5%),radial-gradient(circle at 62% 28%,#e8fbff 0 2.5%,#0000 3.5%),radial-gradient(circle,#ffd34f 0 30%,#0000 46%),conic-gradient(from 20deg,#ff5a7a,#ffb84a,#f7f36a,#5fe08a,#4ac8ff,#8a6bff,#ff5a7a)}.swatch-golddust{background:radial-gradient(circle at 30% 40%,#fff1b8 0 4%,#0000 5%),radial-gradient(circle at 70% 60%,#ffe28a 0 4%,#0000 5%),radial-gradient(circle,#e6cf8e 0 26%,#0000 40%),#8fb4c4}.garage-lock{z-index:1}.swatch-scorched{background:linear-gradient(120deg,#6b6e76,#2a2b2f 38%,#17171a 58%,#3a2414 70%,#0b0a09 82%,#030303)}.swatch-verdigris{background:radial-gradient(circle at 26% 34%,#6f8f7a 0 9%,#0000 20%),radial-gradient(circle at 64% 66%,#4c6a58 0 14%,#0000 26%),radial-gradient(circle at 78% 26%,#5d7f6a 0 8%,#0000 17%),linear-gradient(135deg,#d3995a,#8c5b2a 55%,#50320f)}.swatch-searaised{background:radial-gradient(circle at 30% 26%,#2a2622 0 2.5%,#d6d0c2 3% 6%,#0000 7%),radial-gradient(circle at 52% 18%,#2a2622 0 2%,#cfc9bb 2.5% 5%,#0000 6%),radial-gradient(circle at 70% 30%,#2a2622 0 2.5%,#d6d0c2 3% 6.5%,#0000 7.5%),radial-gradient(70% 34% at 50% 18%,#bdb6a6 0 40%,#0000 70%),linear-gradient(135deg,#4a4540,#24211e 55%,#121110)}.swatch-silvered{background:radial-gradient(circle at 70% 72%,#2e2924 0 3%,#0000 6%),linear-gradient(135deg,#fbfcfd,#c9ccd1 38%,#9a9ea5 62%,#4a4640)}.swatch-damascened{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cg fill='none' stroke='%23d6a84a' stroke-width='1.2'%3E%3Cpath d='M0 14H46M0 32H46'/%3E%3Cpath d='M0 23C6 16 10 16 15 23S25 30 30 23S40 16 46 23'/%3E%3Cpath d='M0 23C6 30 10 30 15 23S25 16 30 23S40 30 46 23'/%3E%3Ccircle cx='7.5' cy='23' r='2'/%3E%3Ccircle cx='22.5' cy='23' r='2'/%3E%3Ccircle cx='37.5' cy='23' r='2'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat,linear-gradient(135deg,#3a4150,#16171a 55%,#0a0a0c)}.swatch-aurora-barrel{background:linear-gradient(135deg,#3c4a78,#141a2a 50%,#0a0d16);overflow:hidden}.swatch-aurora-barrel:before,.swatch-aurora-flag:before,.swatch-aurora-trail:before{content:"";background-size:300% 100%;animation:12s linear infinite swatch-drift;position:absolute;inset:0}.swatch-aurora-barrel:before{background-image:linear-gradient(90deg,#0000 0 40%,#7a5cff59 44%,#1fc6c88c 49%,#3cf0a0bf 53%,#ffd638 55%,#0000 56% 100%)}@keyframes swatch-drift{0%{background-position:100% 0}to{background-position:0 0}}.swatch-bordered,.swatch-tierced,.swatch-saltire,.swatch-anchor,.swatch-compass,.swatch-fleurs,.swatch-hourglass,.swatch-admiral,.swatch-aurora-flag{clip-path:polygon(8% 12%,96% 50%,8% 88%);box-shadow:none}.swatch-bordered{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23ede3cc' fill-rule='evenodd' d='M22 0H100V100H22ZM22 27.5L80 50L22 72.5Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat, var(--c)}.swatch-tierced{background:linear-gradient(to right, var(--c) 0 37%, #ede3cc 37% 66%, var(--c) 66%)}.swatch-saltire{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg stroke='%23ede3cc' stroke-width='9'%3E%3Cpath d='M22 24L76 76M22 76L76 24'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat, var(--c)}.swatch-anchor{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23ede3cc' stroke-width='4.5' stroke-linecap='round'%3E%3Ccircle cx='38' cy='29' r='4'/%3E%3Cpath d='M38 33V70M28 38H48M24 57Q38 77 52 57'/%3E%3Cpath stroke-width='2.4' d='M41 31C50 36 46 44 38 45C30 47 31 55 38 56C45 57 47 63 43 68'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat, var(--c)}.swatch-compass{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='36' cy='50' r='17' fill='none' stroke='%23ede3cc' stroke-width='3.5'/%3E%3Cpath fill='%23ede3cc' d='M36 30L39 50H33ZM36 70L33 50H39ZM16 50L36 47V53ZM56 50L36 53V47Z'/%3E%3Cpath fill='%23141212' d='M36 30L36 50H33ZM36 70L36 50H39ZM16 50L36 50V53ZM56 50L36 50V47Z'/%3E%3Ccircle cx='36' cy='26' r='3' fill='%23c9a050'/%3E%3C/svg%3E") center / 100% 100% no-repeat, var(--c)}.swatch-fleurs{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23ede3cc'%3E%3Cpath d='M30 36C27 42 27 48 29 52H31C33 48 33 42 30 36ZM29 52C24 46 20 50 22 54C24 50 26 52 29 54ZM31 52C36 46 40 50 38 54C36 50 34 52 31 54ZM24 54H36V57H24ZM30 57L28 63L30 62L32 63Z'/%3E%3Cpath d='M54 42C52 46 52 50 53.5 53H54.5C56 50 56 46 54 42ZM53.5 53C50 49 47 52 48.5 55C50 52 51.5 53.5 53.5 55ZM54.5 53C58 49 61 52 59.5 55C58 52 56.5 53.5 54.5 55ZM49.5 55H58.5V57H49.5Z'/%3E%3Cpath d='M74 45.5C72.5 48 72.5 51 73.5 53H74.5C75.5 51 75.5 48 74 45.5ZM73.5 53C71 50.5 69 52.5 70 54.5C71 52.5 72 53.5 73.5 54.5ZM74.5 53C77 50.5 79 52.5 78 54.5C77 52.5 76 53.5 74.5 54.5ZM70.5 54.5H77.5V56H70.5Z'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat, var(--c)}.swatch-hourglass{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23ede3cc'%3E%3Cpath stroke='%23ede3cc' stroke-width='3' stroke-linecap='round' d='M38 38L54 48M54 38L38 48'/%3E%3Ccircle cx='46' cy='36' r='6'/%3E%3Crect x='42.5' y='38' width='7' height='6' rx='1.5'/%3E%3Cpath d='M40 52H52V54H40ZM40 66H52V68H40ZM42 54H50L46 60L50 66H42L46 60Z'/%3E%3C/g%3E%3Cg fill='%23141212'%3E%3Ccircle cx='43.6' cy='36' r='1.6'/%3E%3Ccircle cx='48.4' cy='36' r='1.6'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat, linear-gradient(to right, var(--c) 0 25%, #141212 25%)}.swatch-admiral{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='none' stroke='%23c9a050' stroke-width='5' stroke-dasharray='1.4 1.2' d='M24 15L94 50L24 85'/%3E%3Cg fill='none' stroke='%23ede3cc' stroke-width='3.6' stroke-linecap='round'%3E%3Cpath d='M38 40V66M31 44H45M28 58Q38 72 48 58'/%3E%3C/g%3E%3Cpath fill='%23ede3cc' d='M32 36H44L45 30L41 33L38 28L35 33L31 30Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat, var(--c)}.swatch-aurora-flag{background:linear-gradient(to right, var(--c) 0 30%, #c9a050 30% 33%, #10224a 33%)}.swatch-aurora-flag:before{background-image:linear-gradient(110deg,#0000 0 40%,#7a5cff4d 44%,#1fc6c880 49%,#3cf0a0b3 53%,#ffd638 55%,#0000 56% 100%);left:33%}.swatch-tarred{background:radial-gradient(circle at 74% 28%,#8a8d94 0 6%,#2a2b2f 7% 10%,#0000 11%),linear-gradient(160deg,#0000 32%,#ffffff21 40%,#0000 48%),repeating-linear-gradient(174deg,#00000029 0 2px,#0000 2px 8px),linear-gradient(160deg,#4a3b2f,#2d241d 50%,#1f1915)}.swatch-bronzebound{background:radial-gradient(circle at 74% 28%,#e3ad6c 0 6%,#8c5b2a 7% 10%,#0000 11%),repeating-linear-gradient(174deg,#0000001a 0 2px,#0000 2px 8px),linear-gradient(160deg,#a06c40,#8a5a33 50%,#5a3a24)}.swatch-weathered{background:radial-gradient(circle at 74% 28%,#8a8d94 0 6%,#2a2b2f 7% 10%,#0000 11%),repeating-linear-gradient(174deg,#28201852 0 1.5px,#0000 1.5px 5px),linear-gradient(160deg,#948a7d,#7a6f62 50%,#5b534a)}.swatch-mahogany{background:radial-gradient(circle at 74% 28%,#f3d98f 0 6%,#a9853c 7% 10%,#0000 11%),linear-gradient(160deg,#0000 34%,#ffe6d21f 42%,#0000 50%),repeating-linear-gradient(174deg,#00000017 0 1px,#0000 1px 4px),linear-gradient(160deg,#7a4330,#5a2e1f 50%,#3e2016)}.swatch-ebony{background:radial-gradient(circle at 74% 28%,#f6dc8c 0 6%,#b88a2e 7% 10%,#0000 11%),linear-gradient(160deg,#0000 34%,#ffffff1a 42%,#0000 50%),linear-gradient(160deg,#35302b,#1d1916 50%,#141110)}.swatch-ash{background:radial-gradient(circle at 28% 70%,#e1dbd1 0 3%,#0000 4%),radial-gradient(circle at 56% 78%,#d8d2c8 0 2.5%,#0000 3.5%),radial-gradient(circle at 72% 70%,#d8d2c8 0 2%,#0000 3%),radial-gradient(circle at 35%,#8a7a6c 0 22%,#0000 34%),radial-gradient(circle at 62% 42%,#6e6256 0 26%,#0000 38%),#8fb4c4}.swatch-spindrift{background:radial-gradient(circle at 30% 72%,#fff 0 2.5%,#0000 3.5%),radial-gradient(circle at 44% 80%,#fff 0 2%,#0000 3%),radial-gradient(circle at 60% 76%,#f4f9ff 0 2%,#0000 3%),radial-gradient(circle at 35% 48%,#b9d9f0 0 22%,#0000 34%),radial-gradient(circle at 62% 40%,#9cc4e3 0 26%,#0000 38%),#8fb4c4}.swatch-quickmatch{background:radial-gradient(circle at 22% 38%,#ff9a3a 0 3.5%,#0000 4.5%),radial-gradient(circle at 40% 62%,#ff8a2a 0 3.5%,#0000 4.5%),radial-gradient(circle at 58% 38%,#ff9a3a 0 3.5%,#0000 4.5%),radial-gradient(circle at 76% 62%,#ff8a2a 0 3.5%,#0000 4.5%),radial-gradient(circle at 45%,#d9a876 0 26%,#0000 40%),#8fb4c4}.swatch-diamonddust{background:radial-gradient(circle at 26% 34%,#fff 0 2.5%,#0000 3.5%),radial-gradient(circle at 70% 30%,#fff 0 2%,#0000 3%),radial-gradient(circle at 60% 70%,#fff 0 2.5%,#0000 3.5%),radial-gradient(circle at 36% 66%,#eef6ff 0 1.5%,#0000 2.5%),radial-gradient(circle at 48%,#c5d8ea 0 24%,#0000 40%),#3d4a55}.swatch-halley{background:radial-gradient(circle at 76% 28%,#fff 0 5%,#0000 9%),linear-gradient(150deg,#0000 18%,#aac8ff4d 34%,#bed7ffe6 52%,#0000 62%),#2c3a48}.swatch-watered{background:linear-gradient(135deg,#ffffff2e,#0000 45%),repeating-linear-gradient(100deg,#1a1c22 0 1.5px,#6e727c 1.5px 4px,#2a2d35 4px 6px,#5a5e66 6px 9.5px,#1e2027 9.5px 11px,#767a84 11px 14px),#5a5e66}.swatch-casehardened{background:radial-gradient(circle at 28% 30%,#b89a5a 0 12%,#0000 30%),radial-gradient(circle at 72% 58%,#4d6a94 0 14%,#0000 34%),radial-gradient(circle at 42% 78%,#76506a 0 9%,#0000 24%),radial-gradient(circle at 80% 22%,#d7c08a 0 6%,#0000 16%),linear-gradient(135deg,#c6c9ce,#8d9096 55%,#4a4d55)}.swatch-scrimshaw{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cg fill='none' stroke='%231a1612' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M8 24c4-6 16-7 24-4 3 1 5 3 6 4l5-3-2 5 2 5-5-3c-6 3-16 4-24 1-3-1-5-3-6-5z'/%3E%3Cpath d='M34 18l-1-4M36 18l1-4M35 18v-5'/%3E%3Cpath stroke-width='1' d='M4 8h38M4 38h38'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat,repeating-linear-gradient(0deg,#8c78501a 0 1px,#0000 1px 5px),linear-gradient(135deg,#f0e8d2,#e2d7bd 55%,#b9ab8c)}.swatch-ultimaratio{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='0' y='16' width='46' height='14' fill='%233a2a16'/%3E%3Ctext x='23' y='27' text-anchor='middle' font-family='Georgia,serif' font-weight='bold' font-size='9' fill='%23d2a052'%3EULTIMA%3C/text%3E%3Ccircle cx='36' cy='8' r='3' fill='%23d2a052'/%3E%3Cg stroke='%23d2a052' stroke-width='1'%3E%3Cpath d='M36 2v3M36 11v3M30 8h3M39 8h3M32 4l2 2M38 10l2 2M40 4l-2 2M34 10l-2 2'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat,linear-gradient(135deg,#e0b060,#a0702f 55%,#5a3c14)}.swatch-spanishprize{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cpath d='M14 12h18v14c0 6-5 9-9 11-4-2-9-5-9-11z' fill='%23d9b048'/%3E%3Cpath d='M23 12v25M14 24h18' stroke='%235a3a1a' stroke-width='1.2'/%3E%3Cpath d='M14 6h18l-2 5H16z' fill='%23d9b048'/%3E%3Cpath d='M0 40h46v6H0z' fill='%23d9b048'/%3E%3C/svg%3E") 50%/100% 100% no-repeat,linear-gradient(135deg,#8a5a2a,#5a3a1a 55%,#2e2418)}.swatch-fallenstar{background:repeating-linear-gradient(0deg,#3e4149e6 0 1px,#0000 1px 9px),repeating-linear-gradient(60deg,#3e4149e6 0 1px,#0000 1px 9px),repeating-linear-gradient(120deg,#3e4149e6 0 1px,#0000 1px 9px),linear-gradient(135deg,#e3e5e9,#b9bcc2 55%,#6a6d75)}.swatch-patchwork,.swatch-signals,.swatch-starchart,.swatch-kraken,.swatch-battleworn,.swatch-marque{clip-path:polygon(8% 12%,96% 50%,8% 88%);box-shadow:none}.swatch-patchwork{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg stroke='%23141212' stroke-width='1.4' stroke-dasharray='2 2'%3E%3Crect x='26' y='30' width='18' height='14' fill='%23ede3cc' transform='rotate(4 35 37)'/%3E%3Crect x='48' y='46' width='20' height='16' fill='%23ede3cc' fill-opacity='0.5' transform='rotate(-5 58 54)'/%3E%3Crect x='56' y='28' width='14' height='11' fill='%23ede3cc' transform='rotate(7 63 33)'/%3E%3Crect x='34' y='56' width='13' height='10' fill='%23141212' fill-opacity='0.5'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat, var(--c)}.swatch-signals{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='24' y='40' width='18' height='18' fill='%23ede3cc'/%3E%3Ccircle cx='33' cy='49' r='5' fill='%23141212'/%3E%3Crect x='55' y='40' width='9' height='18' fill='%23ede3cc'/%3E%3Crect x='68' y='41' width='16' height='16' fill='%23ede3cc'/%3E%3Crect x='68' y='46' width='16' height='5' fill='%23141212'/%3E%3C/svg%3E") center / 100% 100% no-repeat, var(--c)}.swatch-starchart{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M28 56L28 44 40 42 42 54 52 58 60 62 68 66M40 42l34-14' fill='none' stroke='%23c9a050' stroke-width='1.2'/%3E%3Cg fill='%23ede3cc'%3E%3Ccircle cx='28' cy='56' r='2.2'/%3E%3Ccircle cx='28' cy='44' r='2.2'/%3E%3Ccircle cx='40' cy='42' r='2.2'/%3E%3Ccircle cx='42' cy='54' r='2.2'/%3E%3Ccircle cx='52' cy='58' r='2'/%3E%3Ccircle cx='60' cy='62' r='2'/%3E%3Ccircle cx='68' cy='66' r='2'/%3E%3Ccircle cx='74' cy='28' r='3'/%3E%3Ccircle cx='60' cy='30' r='1'/%3E%3Ccircle cx='82' cy='52' r='1'/%3E%3Ccircle cx='50' cy='72' r='1'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat, var(--c)}.swatch-kraken{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23ede3cc' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M44 42c10-12 22-6 30-2M46 46c14-2 26 0 36 6M46 52c12 6 22 12 30 10M44 56c6 10 14 16 20 12'/%3E%3C/g%3E%3Cellipse cx='36' cy='49' rx='12' ry='10' fill='%23ede3cc'/%3E%3Ccircle cx='40' cy='47' r='2.2' fill='%23141212'/%3E%3C/svg%3E") center / 100% 100% no-repeat, var(--c)}.swatch-battleworn{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23141212'%3E%3Cellipse cx='60' cy='56' rx='12' ry='7' opacity='0.35'/%3E%3Cellipse cx='78' cy='44' rx='10' ry='5' opacity='0.3'/%3E%3Ccircle cx='62' cy='50' r='3.5' opacity='0.92'/%3E%3Ccircle cx='78' cy='56' r='3' opacity='0.92'/%3E%3C/g%3E%3Crect x='36' y='36' width='10' height='8' fill='%23ede3cc'/%3E%3C/svg%3E") center / 100% 100% no-repeat, var(--c)}.swatch-marque{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='28' y='34' width='40' height='32' fill='%23ede3cc'/%3E%3Cg stroke='%23141212' stroke-width='1.6'%3E%3Cpath d='M32 41h32M32 47h30M32 53h26M32 59h18'/%3E%3C/g%3E%3Ccircle cx='60' cy='58' r='4.5' fill='%23c9a050'/%3E%3C/svg%3E") center / 100% 100% no-repeat, var(--c)}.swatch-seafire{background:radial-gradient(circle at 30% 70%,#8cd8ff 0 2.5%,#0000 3.5%),radial-gradient(circle at 46% 78%,#7fd0ff 0 2%,#0000 3%),radial-gradient(circle at 64% 72%,#a8e4ff 0 2.5%,#0000 3.5%),radial-gradient(circle at 78% 60%,#7fd0ff 0 1.8%,#0000 2.8%),radial-gradient(circle at 35% 48%,#8ec8ee 0 22%,#0000 34%),radial-gradient(circle at 62% 40%,#6fb3e0 0 26%,#0000 38%),#22364a}.swatch-pitch{background:radial-gradient(circle at 40% 78%,#0d0c0b 0 2.5%,#0000 3.5%),radial-gradient(circle at 66% 84%,#0d0c0b 0 2%,#0000 3%),radial-gradient(circle at 74% 56%,#ff6a18 0 2.5%,#0000 3.5%),radial-gradient(circle at 35%,#231f1c 0 22%,#0000 34%),radial-gradient(circle at 62% 42%,#110f0e 0 26%,#0000 38%),#8fb4c4}.swatch-smokerings{background:radial-gradient(circle at 30%,#0000 0 8%,#b4aea4 10% 16%,#0000 19%),radial-gradient(circle at 56%,#0000 0 11%,#a9a398 13% 20%,#0000 23%),radial-gradient(circle at 84%,#0000 0 14%,#9e988d 16% 24%,#0000 27%),#8fb4c4}.swatch-wadding{background:radial-gradient(circle at 26% 72%,#ff8c2a 0 2.5%,#5c4a3c 3% 4.5%,#0000 5.5%),radial-gradient(circle at 58% 80%,#ffa040 0 2%,#5c4a3c 2.5% 4%,#0000 5%),radial-gradient(circle at 74% 66%,#ff8c2a 0 2.5%,#5c4a3c 3% 4.5%,#0000 5.5%),radial-gradient(circle at 35% 48%,#d2a67e 0 22%,#0000 34%),radial-gradient(circle at 62% 40%,#b8865e 0 26%,#0000 38%),#8fb4c4}.swatch-thunderhead{background:radial-gradient(circle at 52%,#fff 0 6%,#e4ecff 8% 14%,#0000 22%),radial-gradient(circle at 35%,#5b6880 0 22%,#0000 34%),radial-gradient(circle at 62% 44%,#434d62 0 26%,#0000 38%),#3d4a55}.swatch-wake{background:radial-gradient(circle at 76%,#4a4f55 0 7%,#0000 9%),radial-gradient(circle at 60% 36%,#fff 0 5%,#0000 8%),radial-gradient(circle at 60% 64%,#fff 0 5%,#0000 8%),radial-gradient(circle at 42% 26%,#f4f9ff 0 6%,#0000 9%),radial-gradient(circle at 42% 74%,#f4f9ff 0 6%,#0000 9%),radial-gradient(circle at 24% 16%,#e8f2fa 0 6%,#0000 10%),radial-gradient(circle at 24% 84%,#e8f2fa 0 6%,#0000 10%),#8fb4c4}.swatch-garrison{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='0' y='14' width='46' height='5' fill='%232e3034'/%3E%3Cg fill='%238a8d94'%3E%3Ccircle cx='8' cy='16.5' r='2'/%3E%3Ccircle cx='23' cy='16.5' r='2'/%3E%3Ccircle cx='38' cy='16.5' r='2'/%3E%3C/g%3E%3Cg fill='%234a2f1c' opacity='0.6'%3E%3Cpath d='M7 19h2l-0.5 9h-1z'/%3E%3Cpath d='M22 19h2l-0.5 7h-1z'/%3E%3Cpath d='M37 19h2l-0.5 10h-1z'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat,repeating-linear-gradient(174deg,#00000024 0 2px,#0000 2px 7px),linear-gradient(160deg,#6a645c,#55504a 50%,#3e3a36)}.swatch-carved{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cg fill='none' stroke='%23553a1c' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 30c8-8 16-4 20 0s10 6 16-2'/%3E%3Cpath d='M12 26c-2-5 2-8 5-6M26 30c0-5 4-7 7-5'/%3E%3C/g%3E%3Cg fill='%23553a1c'%3E%3Ccircle cx='8' cy='12' r='1.6'/%3E%3Ccircle cx='15' cy='12' r='1.6'/%3E%3Ccircle cx='22' cy='12' r='1.6'/%3E%3Ccircle cx='29' cy='12' r='1.6'/%3E%3Ccircle cx='36' cy='12' r='1.6'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat,repeating-linear-gradient(174deg,#0000001a 0 2px,#0000 2px 8px),linear-gradient(160deg,#b07c48,#9a6a3a 50%,#5a3a24)}.swatch-chartmaker{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cg stroke='%23d8c79a' stroke-width='0.8'%3E%3Cpath d='M0 23h46M23 0v46M4 4l38 38M42 4L4 42'/%3E%3C/g%3E%3Cpath fill='%23d8c79a' d='M23 10l3 11h-6zM23 36l-3-11h6zM10 23l11-3v6zM36 23l-11 3v-6z'/%3E%3Ccircle cx='23' cy='23' r='9' fill='none' stroke='%23d8c79a' stroke-width='1'/%3E%3Ccircle cx='38' cy='8' r='3' fill='%23f3d98f'/%3E%3C/svg%3E") 50%/100% 100% no-repeat,repeating-linear-gradient(174deg,#0000001a 0 1px,#0000 1px 4px),linear-gradient(160deg,#7a6048,#5b4634 50%,#3f3024)}.swatch-rosewood{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cpath d='M2 26c8-10 14 10 22 0s14-10 20 0' fill='none' stroke='%23e8e9ec' stroke-width='1.4'/%3E%3Cg fill='%23f2eee6'%3E%3Cpath d='M9 22c3-5 7-4 7 0-3 0-5 2-7 0z'/%3E%3Cpath d='M26 22c3-5 7-4 7 0-3 0-5 2-7 0z'/%3E%3Ccircle cx='18' cy='30' r='2.2'/%3E%3Ccircle cx='36' cy='29' r='2.2'/%3E%3C/g%3E%3Crect x='2' y='40' width='42' height='1.2' fill='%23c9ccd1'/%3E%3Ccircle cx='38' cy='8' r='3' fill='%23e3e5e9'/%3E%3C/svg%3E") 50%/100% 100% no-repeat,linear-gradient(160deg,#0000 34%,#ffe6e61a 42%,#0000 50%),linear-gradient(160deg,#56342e,#3a2320 50%,#2a1a17)}.swatch-charred{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cg fill='none' stroke='%238e8a84' stroke-width='1.1'%3E%3Cpath d='M0 9h46M0 20h46M0 31h46M0 42h46'/%3E%3Cpath d='M8 9v11M20 9v11M31 9v11M41 9v11M4 20v11M15 20v11M26 20v11M37 20v11M10 31v11M22 31v11M34 31v11'/%3E%3C/g%3E%3Ccircle cx='38' cy='8' r='3' fill='%238a8d94'/%3E%3C/svg%3E") 50%/100% 100% no-repeat,linear-gradient(160deg,#3a3632,#24211e 50%,#171513)}.swatch-commodore{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cg fill='none' stroke='%23241810' stroke-width='0.9' opacity='0.7'%3E%3Cellipse cx='12' cy='18' rx='5' ry='3'/%3E%3Cellipse cx='12' cy='18' rx='2.5' ry='1.5'/%3E%3Cellipse cx='30' cy='30' rx='6' ry='3.5'/%3E%3Cellipse cx='30' cy='30' rx='3' ry='1.8'/%3E%3Cellipse cx='34' cy='12' rx='4' ry='2.5'/%3E%3C/g%3E%3Crect x='3' y='3' width='40' height='40' fill='none' stroke='%23c9ccd1' stroke-width='1.2'/%3E%3Cpath fill='%23e3e5e9' d='M23 14l2 7 7 2-7 2-2 7-2-7-7-2 7-2z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat,linear-gradient(160deg,#0000 34%,#ffffff14 42%,#0000 50%),linear-gradient(160deg,#664a34,#4a3626 50%,#2f2219)}.swatch-aurora-trail{background:radial-gradient(circle at 30% 30%,#fff6c8 0 3%,#0000 4%),radial-gradient(circle at 64% 26%,#fff 0 2.5%,#0000 3.5%),radial-gradient(60% 22% at 50% 30%,#ffd34f 0 55%,#0000 100%),#1b2a3a;overflow:hidden}.swatch-aurora-trail:before{background-image:linear-gradient(90deg,#7a5cff8c,#1fc6c899 25%,#3cf0a0bf 50%,#1fc6c899 75%,#7a5cff8c);top:40%;-webkit-mask:linear-gradient(#000 0 55%,#0000 100%);mask:linear-gradient(#000 0 55%,#0000 100%)}.swatch-aurora-carriage,.swatch-aurora-powder,.swatch-aurora-knockout,.swatch-aurora-report,.swatch-aurora-salute{overflow:hidden}.swatch-aurora-carriage:before,.swatch-aurora-powder:before,.swatch-aurora-knockout:before,.swatch-aurora-report:before,.swatch-aurora-salute:before{content:"";background-size:300% 100%;animation:12s linear infinite swatch-drift;position:absolute;inset:0}.swatch-aurora-carriage{background:radial-gradient(circle at 74% 28%,#f6dc8c 0 6%,#b88a2e 7% 10%,#0000 11%),linear-gradient(160deg,#0000 34%,#ffffff1a 42%,#0000 50%),linear-gradient(160deg,#1b2a55,#0d1530 50%,#090e20)}.swatch-aurora-carriage:before{background-image:linear-gradient(90deg,#0000 0 40%,#7a5cff73 44%,#1fc6c8a6 49%,#3cf0a0cc 53%,#ffd638 55%,#0000 56% 100%);top:62%;bottom:30%}.swatch-aurora-powder{background:radial-gradient(circle at 26% 30%,#ffd638 0 3%,#0000 4%),radial-gradient(circle at 74% 34%,#1fc6c8 0 3%,#0000 4%),radial-gradient(circle at 36% 72%,#33f0c7 0 2.5%,#0000 3.5%),radial-gradient(circle at 68% 70%,#ffd638 0 2.5%,#0000 3.5%),radial-gradient(circle at 50% 55%,#fff4c2 0 10%,#e8b43a 26%,#0000 46%),#3d3a36}.swatch-aurora-powder:before{background-image:linear-gradient(90deg,#0000 0 40%,#1fc6c88c 47%,#3cf0a0b3 53%,#ffd638 55%,#0000 56% 100%);top:78%}.swatch-aurora-knockout{background:radial-gradient(circle at 50% 82%,#4a4440 0 16%,#0000 28%),#1b2436}.swatch-aurora-knockout:before{-webkit-mask:linear-gradient(#ffd638 0 12%,#000 30%,#0000 100%);background-image:linear-gradient(90deg,#7a5cff8c,#1fc6c8a6 30%,#3cf0a0cc 50%,#1fc6c8a6 70%,#7a5cff8c);border-top:2px solid #ffd638;top:18%;bottom:42%;-webkit-mask:linear-gradient(#000 0 30%,#0000 100%);mask:linear-gradient(#000 0 30%,#0000 100%)}.swatch-aurora-report{--ring:#ffd638;background:radial-gradient(circle at 20% 50%, var(--ring) 0 9%, transparent 10%), repeating-radial-gradient(circle at 20% 50%, transparent 0 9px, var(--ring) 9px 11px, transparent 11px 16px) 0 0 / 76% 100% no-repeat, #1b2436}.swatch-aurora-report:before{background-image:linear-gradient(90deg,#0000 0 40%,#7a5cff66 44%,#1fc6c899 49%,#3cf0a0bf 53%,#ffd638 55%,#0000 56% 100%);top:72%}.swatch-aurora-salute{background:radial-gradient(circle at 40% 76%,#e9e6df 0 11%,#0000 18%),linear-gradient(#0000 70%,#3b2a1c 70% 84%,#1b2436 84%),#1b2436}.swatch-aurora-salute:before{background-image:linear-gradient(90deg,#7a5cff80,#1fc6c8a6 30%,#3cf0a0cc 50%,#1fc6c8a6 70%,#7a5cff80);border-bottom:2px solid #ffd638;top:14%;bottom:56%;-webkit-mask:linear-gradient(#0000,#000 40% 100%);mask:linear-gradient(#0000,#000 40% 100%)}@media (prefers-reduced-motion:reduce){.swatch-aurora-barrel:before,.swatch-aurora-flag:before,.swatch-aurora-trail:before,.swatch-aurora-carriage:before,.swatch-aurora-powder:before,.swatch-aurora-knockout:before,.swatch-aurora-report:before,.swatch-aurora-salute:before{animation:none}}.garage-foot{display:block}.title-menu .btn-online,.title-menu .btn-ranked{font-size:1.35rem}.ranked-season{color:var(--iron-2);margin-left:auto;font-size:.9rem}.playlists{flex-direction:column;gap:10px;margin:14px 0;padding:0;list-style:none;display:flex}.playlist{box-shadow:inset 0 0 0 1px var(--edge);background:#fffaeb66;border-radius:2px;flex-direction:column;gap:8px;padding:12px;display:flex}.playlist.is-searching{box-shadow:inset 0 0 0 2px var(--sea)}.playlist-head{align-items:baseline;gap:8px;display:flex}.playlist-name{color:var(--iron);font:400 1.25rem/1 var(--display)}.playlist-size{color:var(--iron-2);font-size:.9rem}.playlist-counts{color:var(--iron-2);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.84rem}.playlist-standing{align-items:center;gap:10px;display:flex}.rank-badge{flex-shrink:0}.playlist-rank{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rank-name{color:var(--iron);margin:0;font-weight:600}.rank-detail{color:var(--iron-2);font-variant-numeric:tabular-nums;margin:0;font-size:.86rem}.playlist-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.search-time{min-width:3em;color:var(--iron);font-variant-numeric:tabular-nums}.party{margin-bottom:4px}.party-none,.party-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.party-members{flex-direction:column;gap:2px;margin:0 0 8px;padding:0;list-style:none;display:flex}.party-members li{border-bottom:1px solid var(--edge);align-items:center;gap:8px;min-height:34px;display:flex}.party-state{color:var(--iron-2);margin-right:auto;font-size:.92rem}.ranked-outcome{align-items:center;gap:12px;margin:4px 0 16px;display:flex}.ranked-room{margin:10px 0}.identity{gap:10px;margin-top:6px;display:grid}.swatches{gap:8px;display:flex}.swatch.is-on{box-shadow:inset 0 0 0 3px color-mix(in oklch, var(--player) 82%, black), inset 0 0 0 4px color-mix(in oklch, var(--player) 70%, white), 0 0 0 2px var(--paper), 0 0 0 3.5px var(--iron)}.swatch-static{cursor:default;display:block}.swatch-static:hover{transform:none}.wide{width:100%}.join{gap:8px;display:flex}.code-input{font:400 1.5rem/1 var(--display);letter-spacing:.3em;text-transform:uppercase;flex:1}.code-input::placeholder{color:#2a201740}.form-error{color:var(--vermilion);margin:14px 0 0;font-size:.98rem}.room-code{color:var(--vermilion);letter-spacing:.08em;margin-left:.2em}.setup-head .copy{margin-left:auto;padding-inline:.85em;font-size:.86rem}.room-status{color:var(--muted);margin:10px 0 0;font-size:.9rem}.seat-row{grid-template-columns:30px minmax(0,1fr) auto auto;min-height:44px}.seat-row.is-away{opacity:.55}.seat-actions{align-items:center;gap:2px;display:flex}.seat-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.seat-tags{gap:4px;display:flex}.tag-chip{color:var(--iron-2);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--edge-hi);border-radius:2px;padding:.25em .55em;font-size:.82rem;font-weight:500}.add-ai{margin-top:6px}.room-rules{border:0;min-width:0;margin:0;padding:0}.room-rules:disabled .seg-option:not(.is-on),.room-rules:disabled .island-card:not(.is-on){opacity:.45}.room-rules:disabled .seg-option,.room-rules:disabled .island-card{cursor:default}.room-rules:disabled .island-card:hover{transform:none}.seed-value{font:500 1.2rem/1 var(--body);font-variant-numeric:tabular-nums}.btn:disabled{cursor:default;filter:saturate(.5);opacity:.6;transform:none}.scrim{pointer-events:auto;background:#08101680;place-items:center;padding:16px;animation:.2s both fade-in;display:grid;position:absolute;inset:0}.menu,.results{width:min(780px,100%);max-height:100%;animation:rise .3s var(--ease-out) both;padding:18px 20px 20px;overflow:auto}.results{width:min(660px,100%)}.menu-title{font:400 2.5rem/1 var(--title);margin:0 0 18px}.elsewhere-scrim{z-index:60}.elsewhere{text-align:center;width:min(440px,100%)}.elsewhere-line{color:var(--iron);font:500 1.15rem/1.35 var(--body);text-wrap:balance;margin:0 0 20px}.elsewhere .menu-actions{justify-content:center}.menu-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.menu-settings{margin-top:22px}@media (min-width:721px){.menu-settings .controls{columns:2;column-gap:36px}.menu-settings .controls>.slider,.menu-settings .controls>.keys-head{column-span:all}.menu-settings .controls .settings-group{break-inside:avoid;display:block}}.settings-tabbed{flex-direction:column;gap:18px;min-height:0;display:flex}.settings-tabs{flex:none}.tab-flag{color:#f6e5bd;min-width:1.45em;font:700 .7rem/1 var(--body);text-align:center;background:var(--vermilion);vertical-align:1px;border-radius:999px;margin-left:6px;padding:.2em .35em;display:inline-block}.settings-panel{min-height:0}.title-panel.is-settings{text-align:left;flex-direction:column;height:min(62vh,560px);display:flex;overflow:hidden}.title-panel.is-settings .settings-tabbed{flex:1}.title-panel.is-settings .settings-panel{scrollbar-width:thin;scrollbar-color:#2a20174d transparent;margin:0 -14px -12px;padding:0 14px 12px;overflow:auto}.controls .slider{grid-template-columns:auto 1fr 3.4em}.keys-head{align-items:flex-start;gap:12px;margin:16px 0 14px;display:flex}.key-notice{flex:1;min-width:0}.key-notice ul{color:var(--vermilion-deep);font:600 .9rem/1.35 var(--body);box-shadow:inset 3px 0 0 var(--vermilion);background:#a5341e14;border-radius:2px;margin:0;padding:8px 10px 8px 13px;list-style:none}.keys-default{flex:none;margin-left:auto;padding-inline:.8em;font-size:.95rem}.controls-sub{color:var(--iron-3);margin-top:3px;font-size:.8rem;display:block}.controls-sub.is-clash{color:var(--vermilion);font-weight:600}.key-slots{flex:none;gap:6px;display:flex}.key-slot{min-width:4.6em;height:28px;color:var(--iron);font:700 .78rem/1 var(--body);font-variant-numeric:lining-nums;white-space:nowrap;background:var(--paper-bg);box-shadow:inset 0 -2px 0 #2a201747, inset 0 0 0 1px var(--edge-hi);cursor:pointer;border:0;border-radius:2px;padding:0 .6em;transition:box-shadow .15s,color .15s}.key-slot:hover{box-shadow:inset 0 -2px 0 #2a201747, inset 0 0 0 1px var(--iron)}.key-slot:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.key-slot.is-empty{border:1px dashed var(--edge-hi);box-shadow:none;background:0 0}.key-slot.is-missing{border-color:var(--vermilion)}.key-slot.is-clash{color:var(--vermilion-deep);box-shadow:inset 0 -2px 0 #74210f59, inset 0 0 0 1.5px var(--vermilion)}.key-slot.is-listening{color:#f6e5bd;background:var(--iron);box-shadow:none;border:0;animation:.8s ease-in-out infinite alternate listening}@keyframes listening{to{background:var(--iron-2)}}.settings{flex-direction:column;gap:18px;display:flex}.settings-group{flex-direction:column;gap:12px;display:flex}.controls .settings-group{gap:2px}.controls .settings-group+.settings-group{margin-top:14px}.settings-heading{color:var(--iron);font:600 .9rem/1 var(--body);align-items:center;gap:8px;margin:0;display:flex}.settings-heading:after{content:"";background:var(--edge);flex:1;height:1px}.controls-list{margin:0}.controls-row{border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.controls-row:last-child{border-bottom:0}.controls dt{color:var(--iron-2);font-size:.98rem}.controls dd{margin:0}.results-title{font:400 clamp(2.4rem, 6vw, 3.6rem)/1 var(--title);margin:0 0 20px}.results-title:after{content:"";background:var(--player);width:96px;height:3px;box-shadow:0 4px 0 -2px var(--iron);animation:grow .6s .15s var(--ease-out) both;margin-top:12px;display:block}.results-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-bottom:22px}.results-table th{color:var(--iron-2);font:400 .98rem/1 var(--display);text-align:left;padding:0 .6em .6em}.results-table td{border-top:1px solid var(--edge);color:var(--iron-2);padding:.6em}.results-table .num{text-align:right}.results-table .short{display:none}.results-who{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.mvp-badge{color:var(--gilt-deep);font:400 .8rem/1 var(--display);letter-spacing:.05em;vertical-align:.12em;white-space:nowrap;background:#e2b95c42;border-radius:2px;flex:none;align-items:center;gap:4px;margin-left:8px;padding:3px 6px 3px 5px;display:inline-flex;box-shadow:inset 0 0 0 1px #a9792ab3}.mvp-badge svg{color:var(--gilt)}.results .mvp-badge{animation:mvp-set .4s .55s var(--ease-out) both}@keyframes mvp-set{0%{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.results .mvp-badge{animation:none}}.party-up{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.party-up .btn{padding-block:.3em .34em}.party-up-note{color:var(--iron-2);font:400 .95rem/1.1 var(--display);white-space:nowrap}@media (max-width:520px){.results{padding:12px 6px 14px}.results-table th,.results-table td{padding-left:.35em;padding-right:.35em}.results-table td{font-size:.92rem}.results-table .long{display:none}.results-table .short{display:inline}.results-table .dot{margin-right:6px}.party-up{flex-wrap:wrap}}.leader-left{box-shadow:inset 0 0 0 1px var(--edge-hi);background:#fffaeb59;border-radius:2px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin:0 0 16px;padding:10px 12px;display:flex}.leader-left-text{color:var(--iron);font:500 1rem/1.3 var(--body)}.leader-left-actions{gap:8px;display:flex}.leader-left.is-small{box-shadow:none;color:var(--iron-2);font:500 .92rem/1.3 var(--body);background:0 0;justify-content:flex-start;padding:0}.leader-left-go{color:var(--verdigris);font:400 .95rem/1 var(--display);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.leader-left-go:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.results-tabs{margin:-6px 0 16px}.results-xp{margin-bottom:22px}.results-xp .xp-table{margin-bottom:18px}.xp-table td:first-child{color:var(--iron)}.xp-table .xp-total td{border-top:2px solid var(--iron);color:var(--iron);font-weight:700}.results-xp-none{color:var(--iron-2);margin:0 0 18px}.results-level{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.results-table .is-winner td{color:var(--iron);font-weight:700}.dot{vertical-align:-.05em;border-radius:50%;width:12px;height:12px;margin-right:9px;display:inline-block;box-shadow:inset 0 0 0 2px #00000040}.seal{width:var(--seal,18px);height:var(--seal,18px);background:radial-gradient(circle at 36% 30%, color-mix(in oklch, var(--player) 55%, white), var(--player) 52%, color-mix(in oklch, var(--player) 58%, black));box-shadow:inset 0 0 0 calc(var(--seal,18px) * .12) color-mix(in oklch, var(--player) 82%, black), inset 0 0 0 calc(var(--seal,18px) * .16) color-mix(in oklch, var(--player) 70%, white), 0 1px 2px #060c1273;border-radius:50%;flex:none;display:inline-block}.doubloon{flex:none;display:block}.doubloon-face{fill:var(--gold-hi);stroke:#6c4c12;stroke-width:.9px;stroke-linejoin:round}.doubloon-cross{fill:none;stroke:#7d5a17;stroke-width:1.1px;stroke-linecap:round}.loading{--loading-w:clamp(240px, 40vw, 420px);background:radial-gradient(80% 70% at 50% 40%, #1d2f3b, var(--navy));opacity:0;place-items:center;padding:16px;transition:opacity .4s ease-in;display:grid;position:fixed;inset:0}.loading.is-on{opacity:1;transition:opacity .24s ease-out}.ui>.loading{pointer-events:none}.ui>.loading.is-on:not(.is-backdrop){pointer-events:auto}.loading.is-backdrop{transition-duration:.45s}.loading.is-backdrop.is-on{transition-duration:.18s}.loading-body{flex-direction:column;align-items:center;gap:clamp(10px,2.4vh,22px);display:flex}.is-backdrop .loading-body{transform:translate(calc(var(--open-x,0) * 100vw), calc(var(--open-y,0) * 100vh));transition:transform .6s var(--ease-out)}.loading-caption{color:#eee0bfb8;font:400 1.05rem/1 var(--display);letter-spacing:.08em;margin:0;animation:.4s ease-out both fade-in}.loading-sea{--sea-w:calc(var(--loading-w) * 1.2);--round:4.8s;width:var(--sea-w);aspect-ratio:100/46;font-size:calc(var(--sea-w) / 100);position:relative}.is-backdrop .loading-sea{--sea-w:var(--loading-w)}.loading-logo{filter:drop-shadow(0 16px 26px #060c1280);width:83.333%;line-height:0;animation:5.2s ease-in-out infinite alternate loading-float;position:absolute;top:12em;left:8.333%}.loading-swells{height:13em;position:absolute;top:33em;left:0;right:0;overflow:hidden}.loading-swell{--run:11s;--run-at:0s;will-change:transform;height:2.2em;animation:2.8s ease-in-out infinite alternate loading-bob;position:absolute;top:0;left:0;right:0}.loading-swell:nth-child(2){opacity:.6;--run:15s;--run-at:4s;animation-duration:3.4s;animation-delay:-1.3s;top:4em}.loading-swell:nth-child(3){opacity:.3;--run:21s;--run-at:9s;animation-duration:4.1s;animation-delay:-2.6s;top:8em}.loading-wave{opacity:0;will-change:transform, opacity;width:7.14286%;height:100%;animation:loading-wave calc(var(--run) * 15 / 14) linear infinite;animation-delay:calc(var(--run) * var(--i) / -14 - var(--run-at));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 3.08' preserveAspectRatio='none'%3E%3Cpath d='M0 2.05Q2.5 2.05 5 0.77Q7.5 2.05 10 2.05' fill='none' stroke='%23eee0bf' stroke-opacity='0.6' stroke-width='0.37' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;position:absolute;top:0;left:100%}.loading-shot{width:96%;height:30em;position:absolute;top:4em;left:2%}.loading-shot-x,.loading-shot-y{position:absolute;inset:0}.loading-shot-x{animation:loading-x var(--round) linear infinite}.loading-shot-y{animation:loading-y var(--round) infinite}.loading-ball{background:radial-gradient(circle at 36% 32%, #fff7df, var(--paper) 42%, #9c8a66);opacity:0;width:3em;height:3em;animation:loading-ball var(--round) infinite;border-radius:50%;margin:0 0 -1.5em -1.5em;position:absolute;bottom:0;left:0;box-shadow:0 0 1.6em #eee0bf4d}.loading-track span{background:var(--paper);opacity:0;width:1em;height:1em;animation:loading-dot var(--round) infinite;animation-delay:calc(var(--round) * (var(--half,0) + var(--at) / 3));border-radius:50%;margin:-.5em 0 0 -.5em;position:absolute}.loading-track.is-back{--half:.5}.loading-smoke{opacity:0;width:8em;height:6em;animation:loading-smoke var(--round) ease-out infinite;background:radial-gradient(closest-side,#eee0bf52,#eee0bf00);border-radius:50%;position:absolute;top:29em;left:-2em}.loading-smoke.is-right{animation-delay:calc(var(--round) * .5);left:auto;right:-2em}.loading-splash{--landed:calc(var(--round) / 3);position:absolute;top:34em;left:93%}.loading-splash.is-left{--landed:calc(var(--round) * 5 / 6);left:7%}.loading-plume{background:linear-gradient(to top, var(--paper), #eee0bf00);transform-origin:50% 100%;opacity:0;width:1em;height:7em;animation:loading-plume var(--round) ease-out infinite var(--landed);border-radius:.5em;position:absolute;bottom:0;left:-.5em}.loading-ring{border:.3em solid var(--paper);opacity:0;width:12em;height:3em;animation:loading-ring var(--round) ease-out infinite var(--landed);border-radius:50%;position:absolute;top:-1.5em;left:-6em}.loading-ring+.loading-ring{width:7em;height:1.8em;animation-delay:calc(var(--landed) + .15s);top:-.9em;left:-3.5em}@keyframes logo-in{0%{opacity:0;transform:translateY(-24px)rotate(-6deg)scale(.94)}60%{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes slide-in{0%{opacity:0;transform:translate(-24px)}}@keyframes fade-in{0%{opacity:0}}@keyframes grow{0%{width:0}}@keyframes loading-x{0%{transform:none}33.333%{transform:translate(94.792%)}50%{transform:translate(100%)}83.333%,to{transform:translate(5.208%)}}@keyframes loading-y{0%,50%{animation-timing-function:cubic-bezier(.333,.667,.667,1);transform:none}16.667%,66.667%{animation-timing-function:cubic-bezier(.333,0,.667,.333);transform:translateY(-100%)}33.333%,83.333%,to{transform:none}}@keyframes loading-ball{0%,50%{opacity:0;transform:scale(.5)}3%,32%,53%,82%{opacity:1;transform:none}33.333%,83.333%,to{opacity:0;transform:scale(.6)}}@keyframes loading-dot{0%{opacity:0}1.5%,14%{opacity:.75}25%,to{opacity:0}}@keyframes loading-plume{0%{opacity:.8;transform:scaleY(0)}3.5%{opacity:.8;transform:none}11%,to{opacity:0;transform:scaleY(.3)}}@keyframes loading-ring{0%{opacity:.85;transform:scale(.15)}16%,to{opacity:0;transform:none}}@keyframes loading-smoke{0%{opacity:0;transform:scale(.3)}3%{opacity:1;transform:scale(.7)}28%,to{opacity:0;transform:translateY(-4em)scale(1.6)}}@keyframes loading-wave{0%{opacity:0;transform:translate(0)}22%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate(-1500%)}}@keyframes loading-float{0%{transform:translateY(-.25em)rotate(-.3deg)}to{transform:translateY(.25em)rotate(.3deg)}}@keyframes loading-bob{0%{transform:translateY(-.35em)}to{transform:translateY(.35em)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-sea *{animation-name:none!important}.loading-shot-x{transform:translate(47.396%)}.loading-shot-y{transform:translateY(-100%)}.loading-track:not(.is-back) span:nth-child(-n+4){opacity:.75}.loading-ball{opacity:1}}@media (max-width:720px){.title-row{flex-direction:column;align-items:center;gap:14px}.title-panel{max-height:40vh}.title-main{text-align:center;left:16px;right:16px;top:calc(max(16px, env(safe-area-inset-top)) + 52px);align-items:center;bottom:12px;overflow-y:auto;transform:none}.title-main>:first-child{margin-top:auto}.title-main>:last-child{margin-bottom:auto}.title-screen .logo{transform-origin:50% 100%;width:min(100%,460px)}.title-menu{width:min(320px,100%);margin-left:0}.setup{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:78%;animation-name:rise;inset:auto 0 0}.garage{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:60%;animation-name:rise;inset:auto 0 0}.garage-count{margin:2px 0 8px;font-size:.9rem}.garage .setup-foot{padding:10px 14px 12px}.garage-selected{margin-bottom:8px}.player-row .select{width:auto;max-width:10.5em}.island-note{display:none}.island-card{min-height:76px}}.update-notice{top:max(10px, env(safe-area-inset-top));z-index:50;color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift), var(--neatline);font:600 .95rem/1.2 var(--body);animation:rise-centered .3s var(--ease-out) both;border-radius:2px;align-items:center;gap:12px;padding:7px 8px 7px 14px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.seat-row.is-watcher{color:var(--iron-2)}.watcher-mark{width:22px;color:var(--iron-2);justify-content:center;display:inline-flex}.spectate-choice{justify-content:flex-end;align-items:center;gap:10px;margin:6px 0 2px;display:flex}.queue-place{color:var(--iron-2);font-size:.92rem}.room-options{flex-direction:column;gap:12px;display:flex}.room-options .text-input{width:min(250px,62%)}.teams-field{margin-bottom:8px}.seat{grid-template-columns:30px minmax(0,1fr) auto auto auto;min-height:50px}.seat-tags{justify-self:end;align-items:baseline;gap:4px;display:flex}.seat-end{justify-content:flex-end;align-items:center;gap:2px;min-width:32px;display:flex}.seat-move{border:1px solid color-mix(in srgb, var(--team) 45%, transparent);color:color-mix(in srgb, var(--team) 55%, var(--iron));font:400 .95rem/1 var(--display);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:3px;padding:.32em .6em .36em .45em;transition:background-color .15s,border-color .15s;display:inline-flex}.seat-move:hover{border-color:color-mix(in srgb, var(--team) 75%, transparent);background:color-mix(in srgb, var(--team) 12%, transparent)}.seat-move:focus-visible{outline:2px solid var(--sea);outline-offset:1px}.seat-move.is-up .icon{transform:rotate(180deg)}.seat.is-movable{cursor:grab}.seat.is-lifted{z-index:3;cursor:grabbing;background:var(--paper-bg);box-shadow:var(--lift-sm);-webkit-user-select:none;user-select:none;position:relative}.side{border-radius:2px;transition:background-color .15s,box-shadow .15s}.side.is-drop{background:color-mix(in srgb, var(--team) 10%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--team) 55%, transparent)}.seat-seal{justify-self:center}.seat>.seat-name{min-width:0;color:var(--iron);font:500 1.05rem/1.2 var(--body);align-items:baseline;gap:8px;padding:0 .2em;display:flex}.seat-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat-ai .seat-name{font:400 1.12rem/1.2 var(--serif)}.seat-tag{color:var(--iron-2);font:400 .98rem/1 var(--display);white-space:nowrap;justify-self:end;padding:0 .3em}.seat-you .seat-tag{color:var(--iron)}.seat-party .seat-tag{color:var(--verdigris)}.seat-skill{justify-self:end}.seat-skill .seg-option{padding:.36em .62em .4em;font-size:.88rem}.seat-keep{width:32px}.side+.side{margin-top:12px}.side-name{color:color-mix(in srgb, var(--team) 55%, var(--iron));font:400 1.1rem/1 var(--display);letter-spacing:.02em;align-items:center;gap:10px;margin:4px 0 2px;display:flex}.side-name:after{content:"";background:color-mix(in srgb, var(--team) 40%, transparent);flex:1;height:1px}.side-empty{border-bottom:1px solid var(--edge);color:var(--iron-3);font:italic 400 1rem/1.2 var(--serif);padding:14px 6px}.add-seats{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.add-seat{white-space:nowrap;flex:auto;width:auto;margin-top:0;padding:.6em .95em}.add-seat .seat-tag{padding:0 0 0 4px;font-size:.86rem}.add-party{border-color:color-mix(in oklch, var(--verdigris) 55%, transparent)}.add-seat:disabled{opacity:.42;cursor:default}.add-seat:disabled:hover{color:var(--iron-2);border-color:var(--edge-hi);background:0 0}.seat-ai.is-movable{grid-template-columns:30px minmax(0,1fr) auto auto;grid-template-areas:"seal name move end""seal skill skill end";row-gap:4px;padding-block:7px}.seat-ai.is-movable .seat-seal{grid-area:seal}.seat-ai.is-movable .seat-name{grid-area:name}.seat-ai.is-movable .seat-skill,.seat-ai.is-movable>.seat-tag{grid-area:skill;justify-self:start}.seat-ai.is-movable .seat-move,.seat-ai.is-movable .seat-move-none{grid-area:move}.seat-ai.is-movable .seat-end{grid-area:end}@media (max-width:520px){.seat-ai{grid-template-columns:30px minmax(0,1fr) auto auto;grid-template-areas:"seal name move end""seal skill skill end";row-gap:4px;padding-block:7px}.seat-ai .seat-seal{grid-area:seal}.seat-ai .seat-name{grid-area:name}.seat-ai .seat-skill,.seat-ai>.seat-tag{grid-area:skill;justify-self:start}.seat-ai .seat-move,.seat-ai .seat-move-none{grid-area:move}.seat-ai .seat-end{grid-area:end}.seat-skill .seg-option{padding-inline:.5em}}.account,.account-signin,.account-form,.account-me{flex-direction:column;gap:12px;display:flex}.account-lead{color:var(--iron-2);margin:0;font-size:.95rem;line-height:1.4}.account-reward{box-shadow:inset 0 0 0 1px var(--edge-hi);background:#fffaeb73;border-radius:2px;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 12px;padding:8px 10px;display:flex}.account-reward-text{color:var(--iron);font-size:.92rem}.account-fine{color:var(--iron-2);margin:0;font-size:.82rem;line-height:1.4}.account-fine a{color:inherit}.account-status{color:var(--iron);margin:0;font-size:.92rem}.provider-list{flex-wrap:wrap;gap:8px;display:flex}.account-signin .provider{flex:100%}.account-form .field-label{margin-bottom:-6px}.level{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.level-number{color:var(--iron);font:400 1.15rem/1 var(--display)}.level-bar{background:#2a20171f;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2a201766}.level-fill{background:var(--gilt);transform-origin:0;position:absolute;inset:0}.level-xp,.account-stats,.account-ranked,.account-email{color:var(--iron-2);font-variant-numeric:tabular-nums;margin:0;font-size:.9rem}.account-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-linked{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.provider-linked li{min-height:30px;color:var(--iron);justify-content:space-between;align-items:center;display:flex}.account-actions{margin-top:4px}.account-delete{gap:8px;display:grid}.identity-account{color:var(--iron);font:500 1.05rem/1.2 var(--body)}.account-level{color:var(--iron-2);font-variant-numeric:tabular-nums;margin-left:4px;font-size:.82em}.room-list-head{align-items:center;gap:14px;margin:22px 0 10px;display:flex}.room-list-head .setup-heading{flex:1;margin:0}.room-list-head .toggle{gap:8px;font-size:.9rem}.room-list{scrollbar-width:thin;scrollbar-color:#2a20174d transparent;flex-direction:column;gap:6px;max-height:330px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.room-entry{box-shadow:inset 0 0 0 1px var(--edge);background:#fffaeb4d;border-radius:2px;align-items:center;gap:10px;padding:9px 10px;display:flex}.room-entry.is-open{box-shadow:inset 0 0 0 1px var(--edge-hi);background:#fffaeb8c}.room-entry-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.room-entry-name{color:var(--iron);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-weight:600;display:flex;overflow:hidden}.room-entry-where,.room-entry-counts{color:var(--iron-2);font-size:.86rem}.room-entry-counts{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 12px;display:flex}.room-entry-actions{flex-shrink:0;gap:6px;display:flex}.room-list-note{color:var(--iron-2);margin:2px 0 0;font-size:.92rem}.hud *{pointer-events:none}.hud button{pointer-events:auto}.roster{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));flex-direction:column;gap:6px;width:256px;margin:0;padding:0;list-style:none;display:flex;position:absolute}.roster-card{color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);transition:transform .35s var(--ease-out), box-shadow .35s, opacity .35s, filter .35s;border-radius:2px;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:11px;padding:8px 11px 8px 13px;display:grid;position:relative}.roster-card:before{content:"";background:var(--vermilion);opacity:0;transform-origin:100%;width:6px;transition:opacity .3s, transform .3s var(--ease-out);border-radius:2px 0 0 2px;position:absolute;top:6px;bottom:6px;left:-6px;transform:scaleX(.4)}.roster-card:after{content:"";background:var(--player);border-radius:2px 0 0 2px;width:3px;position:absolute;top:0;bottom:0;left:0}.roster-avatar{grid-row:1/span 3}.roster-card>:not(.roster-avatar){grid-column:2}.roster-card.is-current{box-shadow:var(--lift), inset 0 0 0 1px var(--iron), inset 0 0 0 3px var(--paper), inset 0 0 0 4px var(--edge-hi);transform:translate(8px)}.roster-card.is-current:before{opacity:1;transform:none}.roster-card.is-out{opacity:.45;filter:saturate(.35)}.roster-top{align-items:center;gap:7px;display:flex}.roster-name{min-width:0;font:400 1.08rem/1.05 var(--display);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.roster-name,.turn-name,.feed-text,.cast-bar .cast-name,.score-name{margin-block:-.12em -.26em;padding-block:.12em .26em}.roster-gold{color:var(--iron);font:700 .9rem/1 var(--body);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:4px;display:inline-flex}.coin{align-self:center}.roster-hp{height:6px;box-shadow:inset 0 0 0 1px var(--edge-hi);background:repeating-linear-gradient(-45deg,#2a201733 0 1.5px,#0000 1.5px 4px);margin:7px 0 6px;overflow:hidden}.roster-hp-fill{background:linear-gradient(180deg, #b84a30, var(--vermilion) 60%, #8c2915);transform-origin:0;height:100%;transition:transform .5s var(--ease-out);display:block}.roster-card.is-down .roster-hp{animation:.7s ease-in-out infinite alternate blink}.roster-lives{align-items:center;gap:5px;min-height:10px;display:flex}.life{background:radial-gradient(circle at 35% 32%,#8d8a84,#3a3631 45%,#16130f);border-radius:50%;width:9px;height:9px;transition:opacity .3s;box-shadow:0 1px 1px #060c1259}.life.is-spent{opacity:.2}.roster-state{color:var(--vermilion);font:400 .9rem/1 var(--display);margin-left:auto}.roster-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:calc(-3px - .16em) -.16em calc(-3px - .36em) auto;padding:.16em .16em .36em 8px;font-size:.94rem;line-height:1;overflow:hidden}.roster-state+.roster-title{margin-left:0}.roster-lives:has(.roster-title) .roster-state{margin-left:2px}.hud-top{top:max(16px, env(safe-area-inset-top));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.doing{color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);font:600 .95rem/1.1 var(--body);white-space:nowrap;border-radius:2px;align-items:center;gap:6px;padding:4px 10px 4px 7px;animation:.25s ease-out both fade-in;display:flex}.doing.is-threat{color:var(--paper);background:var(--vermilion);box-shadow:var(--lift-sm), inset 0 0 0 1px #fff0dc59;animation:.9s ease-in-out infinite alternate threat}.sudden{color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), var(--neatline);font:600 .95rem/1.1 var(--body);white-space:nowrap;pointer-events:auto;animation:rise .3s var(--ease-out) both;border-radius:2px;align-items:center;gap:7px;padding:5px 11px 5px 9px;display:flex;position:relative}.sudden .icon{flex:none}.sudden-name{font:400 1.08rem/1 var(--display)}.sudden-figures{border-left:1px solid var(--edge-hi);font-variant-numeric:tabular-nums;padding-left:8px}.fuse{color:var(--iron)}.fuse-cord{stroke:#8a6a3e}.fuse-spark{fill:#f2a43a;transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 1.5px #ff7a2a);animation:.24s steps(2,end) infinite alternate spark}.sudden.is-on{box-shadow:var(--lift-sm), inset 0 0 0 1px #a5341ee6, inset 0 0 0 4px var(--paper), inset 0 0 0 5.5px #a5341ebf;animation:sudden-stamp .5s var(--ease-out) both}.sudden.is-on .icon,.sudden.is-on .sudden-name{color:var(--vermilion)}.sudden.is-on .sudden-figures{border-left-color:#a5341e73}.sudden-flare{box-shadow:0 0 0 2px var(--vermilion), 0 0 14px 2px #de5a32b3;border-radius:2px;animation:1.1s ease-out both sudden-flare;position:absolute;inset:0}@keyframes spark{to{opacity:.55;transform:scale(.72)}}@keyframes sudden-stamp{0%{opacity:0;transform:scale(1.3)rotate(-2deg)}55%{opacity:1;transform:scale(.96)rotate(.4deg)}to{transform:none}}@keyframes sudden-flare{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.22,1.6)}}.vote{color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), var(--neatline);font:600 .95rem/1.1 var(--body);white-space:nowrap;animation:rise .3s var(--ease-out) both;border-radius:2px;align-items:center;gap:10px;padding:5px 10px 5px 12px;display:flex}.vote-actions{gap:6px;display:flex}.vote .turn-clock{font-size:1rem}.vote .hourglass{width:12px;height:18px}.idle-warning .vote-text span{color:var(--vermilion);font-variant-numeric:tabular-nums}.feed{flex-direction:column;align-items:center;gap:3px;margin:0;padding:0;list-style:none;display:flex}.feed-line{color:#faf4e4f2;max-width:min(92vw,34em);box-shadow:inset 2px 0 0 var(--player);font:500 .85rem/1.15 var(--body);white-space:nowrap;text-shadow:0 1px 2px #00000080;background:#0e161e9e;border-radius:2px;align-items:center;gap:6px;padding:3px 9px 3px 7px;animation:7s ease-out both feed-life;display:flex}.feed-line.is-you{background:#6e1e12c7}.feed-who{font-weight:700}.feed-avatar{margin:-1px 0}.feed-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.feed-line .weapon-icon{opacity:.9;flex:none}.turn{color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), var(--neatline), inset 8.5px 0 0 var(--player,transparent);animation:rise .3s var(--ease-out) both;border-radius:2px;align-items:center;gap:10px;padding:7px 10px 7px 15px;display:flex}.practice-score{color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), var(--neatline);font-variant-numeric:tabular-nums;animation:rise .3s var(--ease-out) both;border-radius:2px;align-items:baseline;gap:12px;padding:6px 12px;display:flex}.practice-points{min-width:1.6em;font:700 1.5rem/1 var(--body);text-align:right}.practice-shot{border-left:1px solid var(--edge-hi);color:var(--iron-2);font:500 .95rem/1 var(--body);white-space:nowrap;padding-left:12px}.tally{border-left:1px solid var(--edge-hi);gap:4px;padding-left:12px;display:flex}.tally-cell{min-width:1.9em;color:var(--iron-2);font:500 .95rem/1 var(--body);text-align:center;opacity:.55;box-shadow:inset 0 -3px 0 var(--ring,transparent), inset 0 0 0 1px var(--edge-hi);border-radius:2px;padding:3px 4px 2px}.tally-cell.is-done{color:var(--iron);opacity:1;font-weight:700}.tally-cell.is-miss{color:var(--iron-2)}.tally-cell.is-up{color:var(--iron);opacity:1;box-shadow:inset 0 0 0 2px var(--gilt)}.tally-button{color:var(--iron);font:400 1rem/1 var(--display);box-shadow:inset 0 0 0 1px var(--edge-hi);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:#fffaeb8c;border:0;border-radius:2px;align-items:center;gap:7px;margin-left:2px;padding:4px 9px;display:inline-flex}.tally-button:hover{box-shadow:inset 0 0 0 1px var(--iron)}.tally.is-free{border-left:0;padding-left:0}.practice-score:has(.practice-ask){flex-wrap:wrap;row-gap:5px}.practice-ask{border-top:1px solid var(--edge-hi);color:var(--iron-2);font:italic 400 .98rem/1.15 var(--display);text-align:center;flex-basis:100%;padding-top:5px}.tally-balls{gap:4px;display:flex}.tally-ball{background:radial-gradient(circle at 35% 30%,#6d6a66,#1d1b19 70%);border-radius:50%;width:9px;height:9px}.tally-ball.is-gone{box-shadow:inset 0 0 0 1px var(--iron-2);opacity:.5;background:0 0}@media (max-width:520px){.practice-score{gap:8px;padding:5px 8px}.practice-points{font-size:1.25rem}.tally{gap:3px;padding-left:8px}.tally-cell{min-width:1.6em;padding:2px 3px;font-size:.82rem}.tally-ball{width:7px;height:7px}.practice-shot{display:none}.practice-ask{font-size:.86rem}}.turn-name{max-width:12em;font:400 1.3rem/1 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.turn-clock{border-left:1px solid var(--edge-hi);font:700 1.15rem/1 var(--body);font-variant-numeric:tabular-nums;align-items:center;gap:4px;padding-left:10px;display:flex}.turn-seconds{text-align:right;min-width:1.4em}.turn-note{border-left:1px solid var(--edge-hi);font:600 .95rem/1.1 var(--body);white-space:nowrap;padding-left:10px}.hourglass{width:14px;height:22px;display:block}.hg-glass{fill:#fffcf059;stroke:var(--iron);stroke-width:1.1px;stroke-linejoin:round}.hg-sand{fill:#c9993f}.hg-stream{stroke:#c9993f;stroke-width:.8px}.hg-frame{stroke:var(--iron);stroke-width:2.2px;stroke-linecap:round}.turn-clock.is-low{color:var(--vermilion);animation:.5s ease-in-out infinite alternate blink}.setup-pill .icon{color:var(--verdigris);flex:none}.setup-pill.is-waiting .icon{animation:.9s ease-in-out infinite alternate blink}.hud-right{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));align-items:flex-start;gap:8px;display:flex;position:absolute}.wind{width:138px;color:var(--iron);flex-direction:column;align-items:center;gap:0;display:flex}.wind-view{width:138px;height:118px}.wind-speed{background:var(--paper-bg);box-shadow:var(--lift-sm), var(--neatline);font:700 1.05rem/1 var(--body);font-variant-numeric:tabular-nums;border-radius:2px;margin-top:-6px;padding:3px 9px 2px}.wind-speed small{color:var(--iron-2);font:400 .8rem/1 var(--display);margin-left:3px}.hud-buttons{flex-direction:column;gap:8px;display:flex}.hud-pause,.hud-score{width:44px;height:44px;color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi)}.hud-pause:hover,.hud-score:hover{box-shadow:var(--lift-sm), inset 0 0 0 1px var(--iron)}.hud-score[aria-pressed=true]{color:#f6e5bd;background:var(--iron)}.score-wrap{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));place-items:center;animation:.12s both fade-in;display:grid;position:absolute;inset:0}.score-wrap.is-open{pointer-events:auto;background:#08101647}.scoreboard{border-collapse:separate;border-spacing:0;width:min(760px,100%);max-height:100%;color:var(--iron);font-variant-numeric:tabular-nums;background:var(--paper-bg);border-radius:var(--radius);box-shadow:var(--lift), var(--neatline);animation:rise .18s var(--ease-out) both;padding:10px 18px 16px}.scoreboard th,.scoreboard td{white-space:nowrap;padding:7px 10px}.scoreboard thead th{color:var(--iron-2);font:400 .95rem/1 var(--display);text-align:left;padding-top:10px;padding-bottom:6px}.scoreboard .num{text-align:right}.scoreboard .short{display:none}.score-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.score-round td{border-top:1px solid var(--edge-hi);color:var(--iron-2);font:italic 400 .98rem/1.25 var(--serif);white-space:normal;padding:12px 10px 2px}.score-round.is-sudden td{color:var(--vermilion)}.score-team th{color:var(--team);font:400 1.15rem/1 var(--display);text-align:left;box-shadow:inset 0 -2px 0 color-mix(in oklch, var(--team) 70%, transparent);padding:14px 10px 6px}.score-row>*{border-top:1px solid var(--edge);color:var(--iron-2);font:600 1rem/1 var(--body)}.score-side>.score-row:first-child>*,.score-team+.score-row>*{border-top:0}.score-row>:first-child{box-shadow:inset 4px 0 0 var(--team,var(--player));position:relative}.score-row.is-current>:first-child:before{content:"";background:var(--vermilion);border-radius:2px 0 0 2px;width:5px;position:absolute;top:7px;bottom:7px;left:-10px}.score-row.is-you>*{color:var(--iron);background:#e2b95c33}.score-row.is-out>*{opacity:.5}.score-player{align-items:center;gap:10px;min-width:0;padding-left:6px;display:flex}.score-id{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.score-line{align-items:center;gap:10px;min-width:0;max-width:100%;display:flex}.score-title{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% + .16em);margin:-.16em -.16em -.36em 0;padding:.16em .16em .36em 0;font-size:.98rem;line-height:1.05;overflow:hidden}.score-name{min-width:0;max-width:15em;color:var(--iron);font:400 1.12rem/1.1 var(--display);text-overflow:ellipsis;overflow:hidden}.score-player .mvp-badge{margin-left:0}.score-level{color:var(--iron-3);font:600 .78rem/1 var(--body);flex:none}.score-lives{width:1%}.score-pips{vertical-align:middle;gap:4px;display:inline-flex}.score-out{color:var(--vermilion);font:400 .98rem/1 var(--display)}.score-ping small{color:var(--iron-3);font-size:.75rem;font-weight:500}.score-ping .is-fair{color:var(--gilt-deep)}.score-ping .is-slow{color:var(--vermilion)}.score-away{color:var(--iron-3);font-weight:500}@media (max-width:600px),(max-height:520px){.score-wrap{padding-inline:8px}.scoreboard{table-layout:fixed;width:100%;padding:6px 6px 10px}.scoreboard thead th{font-size:.84rem}.scoreboard thead th:not(.score-who){width:2.8em}.scoreboard thead th.score-lives{width:3.4em}.scoreboard th,.scoreboard td{padding:6px 4px}.score-who,.score-player{overflow:hidden}.scoreboard .long{display:none}.scoreboard .short{display:inline}.score-row>*{font-size:.86rem}.score-player{gap:6px;padding:4px 0 5px 4px}.score-player .avatar{--avatar:24px!important}.score-line{gap:6px}.score-name{max-width:none;font-size:.92rem}.score-title{font-size:.8rem}.score-level,.score-ping small{display:none}.score-pips .life{width:7px;height:7px}.score-row.is-current>:first-child:before{width:3px;left:-6px}}.helm{bottom:max(18px, env(safe-area-inset-bottom));width:132px;height:132px;animation:rise-centered .25s var(--ease-out) both;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.helm.is-spent{opacity:.55}.helm-gauge{filter:drop-shadow(0 2px 6px #060c1259);position:absolute;inset:22px;overflow:visible}.helm-face{fill:var(--paper);stroke:#2a20178c;stroke-width:1px}.helm-cross{stroke:#2a201747;stroke-width:1px;stroke-dasharray:2 3}.helm-track{fill:none;stroke:#2a201724;stroke-width:5px}.helm-left{fill:none;stroke:var(--sea);stroke-width:5px;stroke-linecap:round;transition:stroke-dasharray .1s linear}.helm-knob{fill:var(--iron-2);stroke:var(--paper);stroke-width:1.5px;transition:cx 80ms ease-out,cy 80ms ease-out,fill .1s}.helm-knob.is-on{fill:var(--vermilion)}.helm-key{position:absolute}.helm-key.is-up{top:0;left:50%;transform:translate(-50%)}.helm-key.is-down{bottom:0;left:50%;transform:translate(-50%)}.helm-key.is-left{top:50%;left:0;transform:translateY(-50%)}.helm-key.is-right{top:50%;right:0;transform:translateY(-50%)}.split{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 47px);color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), var(--neatline);animation:rise .2s var(--ease-out) both;border-radius:2px;align-items:center;gap:9px;padding:7px 10px 7px 13px;display:flex;position:absolute;left:calc(50% + 94px)}.split-label{font:400 1.15rem/1 var(--display)}.skip-shot{right:calc(50% + 94px);bottom:calc(max(18px, env(safe-area-inset-bottom)) + 47px);color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), var(--neatline);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;animation:rise .2s var(--ease-out) both;border:0;border-radius:2px;align-items:center;gap:9px;padding:7px 13px 7px 10px;display:flex;position:absolute}.skip-shot:active{transform:scale(.96)}@media (pointer:coarse){.skip-shot{right:auto;left:max(18px, env(safe-area-inset-left));bottom:calc(max(18px, env(safe-area-inset-bottom)) + 120px);padding:12px 18px}}.aim{bottom:max(22px, env(safe-area-inset-bottom));color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift), var(--neatline);animation:rise-centered .35s var(--ease-out) both;border-radius:2px;align-items:center;gap:14px;padding:9px 14px;transition:opacity .3s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.aim.is-watching{opacity:.72}.hud.is-overview .aim{opacity:.35}.aim-weapon{border-right:1px solid var(--edge-hi);font:400 1.12rem/1 var(--display);white-space:nowrap;align-items:center;gap:8px;padding-right:14px;display:flex}.aim-angle-value{min-width:2.6em;font:700 1.55rem/1 var(--body);font-variant-numeric:tabular-nums;text-align:right;display:block}.power{width:clamp(170px,28vw,340px);height:14px;box-shadow:inset 0 0 0 1px var(--iron);position:relative}.power-scale{background:repeating-linear-gradient(90deg, var(--iron) 0 10%, transparent 10% 20%);opacity:.85;position:absolute;inset:3px 0}.power-fill{background:linear-gradient(180deg, #c04a2c, var(--vermilion) 55%, #8c2915);box-shadow:inset 0 0 0 1px var(--iron);position:absolute;inset:0}.power-last{border-left:5px solid #0000;border-right:5px solid #0000;border-top:7px solid var(--gold);width:0;height:0;filter:drop-shadow(0 1px 0 var(--iron));margin-left:-5px;position:absolute;top:-8px}.aim-look{gap:6px;display:flex}.look-button{width:30px;height:30px;color:var(--iron-2);box-shadow:inset 0 0 0 1px var(--edge-hi);cursor:pointer;background:0 0;border:0;border-radius:2px;place-items:center;padding:0;transition:opacity .2s,background-color .15s;display:grid}.aim-look .look-button:hover:not(:disabled){color:var(--iron);background:#2a201714}.look-button:disabled{cursor:default;opacity:.35}.look-button:focus-visible{outline:2px solid var(--sea);outline-offset:1px}.look-pad{right:max(16px, env(safe-area-inset-right));bottom:calc(max(22px, env(safe-area-inset-bottom)) + 224px);animation:rise .3s var(--ease-out) both;flex-direction:column;gap:6px;display:none;position:absolute}.look-pad.is-touch{display:flex}.look-pad .look-button{width:44px;height:44px;color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);touch-action:manipulation}.look-pad .look-button:hover:not(:disabled){box-shadow:var(--lift-sm), inset 0 0 0 1px var(--iron)}@media (max-width:720px){.aim-look{display:none}.look-pad{display:flex}}@media (min-width:721px) and (max-height:520px){.look-pad{right:calc(max(24px, env(safe-area-inset-right)) + 26px);bottom:calc(max(24px, env(safe-area-inset-bottom)) + 106px)}}.weapons{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 72px);background:var(--paper-bg);max-width:calc(100% - 32px);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);scrollbar-width:none;animation:rise-centered .3s var(--ease-out) both;border-radius:2px;align-items:center;gap:2px;padding:6px;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%)}.weapon{min-width:50px;color:var(--iron);font:700 .74rem/1 var(--body);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .15s, transform .15s var(--ease-out);background:0 0;border:0;border-radius:2px;flex-direction:column;align-items:center;gap:3px;padding:6px 4px 4px;display:flex;position:relative}.weapon:hover:not(:disabled){background:#2a201712;transform:translateY(-2px)}.weapon.is-on{box-shadow:inset 0 0 0 1px var(--iron), inset 0 0 0 3px var(--paper), inset 0 0 0 4px var(--gold);background:#fffaeb99}.weapon.is-short,.weapon:disabled{cursor:default;opacity:.4}.weapon.is-short .weapon-cost{color:var(--vermilion);text-decoration:line-through}.weapon-cost{align-items:center;gap:2px;display:flex}.defence-key{color:var(--iron-2);font:600 .62rem/1 var(--body);opacity:.75;position:absolute;top:2px;left:4px}.defence-left{color:var(--iron-2);font:700 .68rem/1 var(--serif);position:absolute;top:2px;right:3px}.weapon:focus-visible{outline:2px solid var(--sea);outline-offset:1px}.weapon-icon{display:block}.defences{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 134px);animation:rise-centered .3s var(--ease-out) both;flex-direction:column;gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.defence-row{background:var(--paper-bg);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi), inset 0 3px 0 var(--verdigris);border-radius:2px;align-items:center;gap:2px;padding:5px;display:flex}.defence-row.is-spent{opacity:.55}.defences.is-resting .defence-row{opacity:.92}.defences.is-setup{bottom:max(22px, env(safe-area-inset-bottom))}.defences.is-threatened .defence-row:not(.is-spent){box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi), inset 0 3px 0 var(--vermilion), 0 0 0 2px #a5341ea6}.watch-switch{background:var(--paper-bg);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);border-radius:2px;align-self:center;align-items:center;gap:2px;padding:3px;display:flex}.watch-option{min-height:34px;color:var(--iron-2);font:400 1rem/1 var(--display);cursor:pointer;background:0 0;border:0;border-radius:2px;align-items:center;gap:5px;padding:4px 11px 4px 8px;display:flex}.watch-option:hover{color:var(--iron);background:#2a201714}.watch-option[aria-pressed=true]{color:var(--paper);background:var(--iron)}.watch-option:focus-visible{outline:2px solid var(--sea);outline-offset:1px}.watch-switch .keys{padding:0 4px 0 6px}.defence-who{color:var(--iron);font:400 1rem/1 var(--display);align-items:center;gap:6px;padding:0 8px 0 4px;display:flex}.weapons-keys{border-left:1px solid var(--edge-hi);padding:0 6px 0 8px}.banner{text-align:center;white-space:nowrap;animation:banner var(--life,1.6s) var(--ease-out) both;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}.banner-title{filter:drop-shadow(0 10px 18px #060c1280);width:clamp(300px,40vw,560px);line-height:0;display:block}.banner:after{content:"";background:radial-gradient(circle at 36% 30%, color-mix(in oklch, var(--player) 55%, white), var(--player) 52%, color-mix(in oklch, var(--player) 58%, black));width:18px;height:18px;box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--player) 82%, black), 0 2px 3px #060c1280;animation:grow-seal .5s .15s var(--ease-out) both;border-radius:50%;order:1;margin-top:-16px}.banner-detail{color:var(--iron);font:italic 400 1.2rem/1 var(--serif);background:var(--paper-bg);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);order:2;padding:.25em .7em .3em}.banner.is-sudden .ribbon-band{fill:var(--vermilion)}.banner.is-sudden .ribbon-tail{fill:#7a2414}.banner.is-sudden .ribbon-fold{fill:#4e170d}.banner.is-sudden .ribbon-text{fill:var(--paper)}.banner.is-sudden .ribbon-rule{stroke:var(--paper)}.banner.is-sudden .banner-detail{color:var(--vermilion);font-weight:700}.banner.is-mvp .ribbon-band{fill:var(--gold-hi);stroke:var(--gilt-deep)}.banner.is-mvp .ribbon-tail{fill:var(--gold);stroke:var(--gilt-deep)}.banner.is-mvp .ribbon-fold{fill:var(--gilt-deep);stroke:#3b2c0a}.banner.is-mvp .ribbon-text{fill:#2c2008}.banner.is-mvp .ribbon-rule{stroke:#2c2008}.banner.is-mvp .banner-detail{color:var(--gilt-deep);font-weight:700}.banner.is-strong{animation-name:banner-stamp}.banner.is-strong .banner-title{width:clamp(320px,48vw,660px)}.banner.is-strong .banner-detail{font-size:1.35rem}@keyframes banner-stamp{0%{opacity:0;transform:translate(-50%)scale(1.45)rotate(-3deg)}7%{opacity:1;transform:translate(-50%)scale(.95)rotate(.6deg)}11%{transform:translate(-50%)scale(1.02)}14%{transform:translate(-50%)scale(1)}86%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(1)}}.countdown{position:absolute;top:22%;left:50%;transform:translate(-50%)}.countdown-seal{color:#f6e5bd;width:116px;height:116px;font:400 4.3rem/1 var(--title);background:radial-gradient(circle at 36% 30%, #c4543a, var(--vermilion) 52%, var(--vermilion-deep));text-shadow:0 2px #3c0e06a6;animation:count-press 1s var(--ease-out) both;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 7px #8c2915,inset 0 0 0 8px #e2b95c8c,0 12px 26px #060c1280}.fire{right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));color:#f6e5bd;width:96px;height:96px;font:400 1.45rem/1 var(--display);background:radial-gradient(circle at 36% 30%, #c4543a, var(--vermilion) 52%, var(--vermilion-deep));text-shadow:0 1px #3c0e0699;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;transition:transform .1s;position:absolute;box-shadow:inset 0 0 0 6px #8c2915,inset 0 0 0 7px #e2b95c99,0 10px 22px #060c1273}.fire:active{transform:scale(.94)}.split-button{right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));width:96px;height:96px;color:var(--iron);font:400 1.45rem/1 var(--display);background:radial-gradient(circle at 36% 30%, var(--gold-hi), var(--gold) 55%, var(--gilt-deep));text-shadow:0 1px #f6e5bd80;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:rise .2s var(--ease-out) both;border:0;border-radius:50%;position:absolute;box-shadow:inset 0 0 0 6px #7a5718,inset 0 0 0 7px #f6e5bd8c,0 10px 22px #060c1273}.world-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tag{transform-origin:50% 100%;will-change:transform;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0}.tag.is-hidden{visibility:hidden}.tag-arrow{background:var(--player);clip-path:polygon(0 0,100% 50%,0 100%,22% 50%);width:20px;height:20px;display:none;position:absolute;top:50%;left:50%;box-shadow:0 1px 3px #060c1273}.tag.is-edge .tag-arrow{display:block}.tag-name{color:var(--iron);font:400 .95rem/1 var(--display);white-space:nowrap;background:var(--paper-bg);box-shadow:0 2px 5px #060c1259, inset 0 0 0 1px var(--edge-hi), inset 0 -2px 0 var(--player);border-radius:2px;padding:.22em .55em .26em}.tag-bar{background:#eee0bfbf;width:56px;height:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #2a201799}.tag-fill{background:var(--vermilion);transform-origin:0;height:100%;transition:transform .45s var(--ease-out);display:block}.tag.is-low .tag-fill{background:#e0602f}.popup{font-family:var(--title);white-space:nowrap;will-change:transform, opacity;position:absolute;top:0;left:0}.popup-damage{color:var(--vermilion);text-shadow:0 0 2px var(--paper), 0 0 4px var(--paper), 0 2px 10px #060c1280;font-size:2.2rem}.popup-ship{background:#2a201759;border-radius:1px;width:64px;height:7px;overflow:hidden;box-shadow:inset 0 0 0 1px #2a2017b3,0 0 0 1px #f5d98a99}.popup-ship-fill{transform-origin:0;background:#c9a227;position:absolute;inset:1px}.popup-ship.is-low .popup-ship-fill{background:#a5341e}.popup-gold{color:#8a6014;text-shadow:0 0 2px #f5d98a,0 0 4px #f5d98a,0 2px 10px #060c1280;font-size:1.5rem}.popup-info{color:var(--iron);font:400 1.25rem/1 var(--display);text-shadow:0 0 2px var(--paper), 0 0 4px var(--paper), 0 2px 10px #060c1280}.popup-heal{color:var(--verdigris);text-shadow:0 0 2px var(--paper), 0 0 4px var(--paper), 0 2px 10px #060c1280;font-size:1.7rem}.popup-ring{color:var(--ring,var(--gilt));font:800 2.6rem/1 var(--body);font-variant-numeric:tabular-nums;text-shadow:1px 1px 0 var(--iron), -1px 1px 0 var(--iron), 1px -1px 0 var(--iron), -1px -1px 0 var(--iron), 0 0 5px var(--paper), 0 0 9px var(--paper), 0 3px 14px #060c128c}@keyframes banner{0%{opacity:0;transform:translate(-50%,16px)scale(.94)}14%{opacity:1;transform:translate(-50%)scale(1)}82%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(1)}}@keyframes count-press{0%{opacity:0;transform:scale(1.45)rotate(-10deg)}14%{opacity:1;transform:scale(.96)rotate(1deg)}24%{transform:none}78%{opacity:1;transform:none}to{opacity:0;transform:scale(.94)}}@keyframes grow-bar{0%{width:0}}@keyframes grow-seal{0%{transform:scale(0)}}@keyframes rise-centered{0%{opacity:0;transform:translate(-50%,14px)}}@keyframes threat{to{background:#c2432a}}@keyframes feed-life{0%{opacity:0;transform:translateY(-4px)}6%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}@keyframes blink{0%{opacity:1}to{opacity:.45}}@media (max-width:720px){.roster{gap:6px;width:150px}.roster-card{column-gap:8px;padding:7px 9px 7px 11px}.roster-avatar{--avatar:28px!important}.roster-title{display:none}.roster-name{font-size:.82rem}.roster-gold{display:none}.hud-top{top:calc(max(16px, env(safe-area-inset-top)) + 128px);left:auto;right:max(16px, env(safe-area-inset-right));align-items:flex-end;max-width:calc(100vw - 198px);transform:none}.feed{align-items:flex-end;max-width:100%}.feed-line,.doing{max-width:100%;overflow:hidden}.doing span{text-overflow:ellipsis;min-width:0;overflow:hidden}.sudden{flex-wrap:wrap;justify-content:flex-end;row-gap:2px;max-width:100%;padding:4px 9px 5px 8px}.sudden-name{font-size:.98rem}.sudden-figures{text-align:right;border-left:0;flex-basis:100%;padding-left:0;font-size:.84rem}.vote{white-space:normal;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:100%}.vote-actions{flex:none}.vote-actions .btn{white-space:nowrap}.turn{gap:6px;max-width:100%;padding:5px 8px 5px 13px}.turn-avatar{--avatar:20px!important}.turn-name{min-width:0;font-size:1.05rem}.turn-clock{padding-left:6px;font-size:1rem}.turn-note{padding-left:6px;font-size:.86rem}.wind{width:112px}.wind-view{width:112px;height:96px}.aim{gap:10px;padding:8px 12px;animation-name:rise;left:16px;right:128px;transform:none}.aim-weapon{display:none}.weapons{animation-name:rise;bottom:76px;left:16px;right:16px;transform:none}.weapons-keys{display:none}.power{flex:1;width:auto}}.chat{left:max(16px, env(safe-area-inset-left));bottom:max(22px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;gap:4px;width:min(340px,100vw - 32px);display:flex;position:absolute}.chat button,.chat input,.chat.is-open .chat-log{pointer-events:auto}.chat-log{scrollbar-width:none;flex-direction:column;gap:2px;max-height:156px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 26px);mask-image:linear-gradient(#0000 0,#000 26px)}.chat-log::-webkit-scrollbar{display:none}.chat.is-open .chat-log{background:var(--paper-bg);max-height:260px;box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);border-radius:2px;padding:8px 10px;-webkit-mask-image:none;mask-image:none}.chat-line{max-width:100%;color:var(--iron);font:500 .92rem/1.3 var(--body);overflow-wrap:anywhere;background:#eee0bfe6;border-radius:2px;align-self:flex-start;padding:3px 8px 4px;animation:14s ease-in both chat-fade;box-shadow:0 2px 6px #060c124d}.chat.is-open .chat-line{box-shadow:none;background:0 0;padding:1px 0;animation:none}.chat-name{color:color-mix(in oklch, var(--player) 70%, var(--iron));font:400 1rem/1 var(--display);margin-right:.35em}.chat-line.is-action .chat-text{font-style:italic}.chat-line.is-game{color:var(--iron-2);font-style:italic}.chat-line.is-unseen .chat-text{color:var(--iron-2);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in oklch, var(--vermilion) 70%, transparent);text-decoration-color:color-mix(in oklch, var(--vermilion) 70%, transparent)}.chat-unseen{color:var(--iron-2);font:600 .76rem/1.2 var(--body);display:block}.chat-party{color:var(--verdigris);font:400 .8rem/1 var(--display);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--verdigris) 55%, transparent);border-radius:2px;margin-right:.4em;padding:0 .3em .05em}.chat-channel{color:var(--iron-2);font:400 .92rem/1 var(--display);background:var(--paper-bg);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);cursor:pointer;border:0;border-radius:2px;flex:none;padding:0 .6em .06em}.chat-channel.is-party{color:var(--paper);background:var(--verdigris);box-shadow:var(--lift-sm), inset 0 0 0 1px #2a201759}.chat-text .emote{vertical-align:-.28em;margin:0 1px;display:inline-block}.chat-hint{gap:4px;display:flex}.chat-open,.chat-tab,.chat-fold{color:var(--iron-2);font:400 .95rem/1 var(--display);box-shadow:inset 0 0 0 1px var(--edge-hi);cursor:pointer;background:#eee0bfd1;border:0;border-radius:2px;padding:.3em .7em .36em}.chat-open:hover,.chat-tab:hover,.chat-fold:hover{color:var(--iron);background:var(--paper)}.chat-tab{align-self:flex-start}.chat-entry{gap:4px;display:flex}.chat-input{min-width:0;color:var(--iron);font:500 .95rem/1.2 var(--body);background:var(--paper);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--iron);border:0;border-radius:2px;flex:1;padding:.45em .6em}.chat-input:focus{box-shadow:var(--lift-sm), inset 0 0 0 1.5px var(--verdigris);outline:none}.chat-pick{background:var(--paper-bg);width:36px;box-shadow:inset 0 0 0 1px var(--edge-hi);cursor:pointer;border:0;border-radius:2px;place-items:center;display:grid}.chat-picker{background:var(--paper-bg);box-shadow:var(--lift), var(--neatline);pointer-events:auto;border-radius:2px;grid-template-columns:repeat(8,1fr);gap:2px;padding:6px;display:grid}.chat-emote,.chat-emoji{cursor:pointer;background:0 0;border:0;border-radius:2px;place-items:center;height:34px;font-size:1.25rem;display:grid}.chat-emote:hover,.chat-emoji:hover{background:#2a201714}@keyframes chat-fade{0%,80%{opacity:1}to{opacity:0}}.tag-say{max-width:220px;color:var(--iron);font:500 .95rem/1.25 var(--body);text-align:center;white-space:normal;background:var(--paper);box-shadow:0 3px 8px #060c1259, inset 0 0 0 1px var(--edge-hi);animation:say-in .25s var(--ease-out) both;border-radius:10px;margin-bottom:6px;padding:.35em .65em .4em;transition:opacity .4s;position:relative}.tag-say:after{content:"";background:var(--paper);width:10px;height:10px;box-shadow:1px 1px 0 var(--edge-hi);position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.tag-say.is-going{opacity:0}@keyframes say-in{0%{opacity:0;transform:translateY(6px)scale(.9)}}@media (max-width:1180px){.chat{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 240px);width:min(300px,100vw - 150px)}.chat-log{max-height:104px}}@media (min-width:1181px){.chat{width:min(340px,50vw - 345px)}}@media (max-width:1180px) and (max-height:700px){.chat-log{max-height:52px}}.replay-bar{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 120px);animation:rise-centered .3s var(--ease-out) both;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud.is-replay{--replay-foot:min(calc(clamp(170px, 28vw, 340px) + 255px), calc(100vw - 32px))}.replay-seek{width:var(--replay-foot,min(560px, calc(100vw - 32px)));background:var(--paper-bg);height:43px;box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);cursor:pointer;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;isolation:isolate;border-radius:2px;margin-top:4px;position:relative}.replay-seek:focus-visible{outline:2px solid var(--sea);outline-offset:1px}.replay-track{position:absolute;inset:0 18px}.replay-rule,.replay-played{height:4px;position:absolute;top:29px;left:0}.replay-rule{background:#2a201738 repeating-linear-gradient(90deg,#2a201780 0 1px,#0000 1px 10%);right:0}.replay-played{background:var(--iron);width:0}.replay-knob{background:var(--iron);width:16px;height:16px;box-shadow:inset 0 0 0 2.5px var(--paper), 0 0 0 1px #2a20178c;pointer-events:none;z-index:12;border-radius:50%;position:absolute;top:31px;left:0;transform:translate(-50%,-50%)}.replay-seek.is-dragging .replay-knob{width:19px;height:19px}.replay-at{color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);font:600 .82rem/1.2 var(--body);font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;pointer-events:none;z-index:12;border-radius:2px;padding:2px 6px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:0;transform:translate(-50%)}.replay-seek.is-dragging .replay-at{opacity:1}.replay-mark{height:31px;color:var(--paper);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:0;transform:translate(-50%)}.replay-pin{filter:drop-shadow(0 1px 1.5px #060c1266);display:block;overflow:visible}.replay-pin-edge,.replay-pin-shape{fill:var(--player,var(--iron))}.replay-pin-edge{stroke:var(--paper);stroke-width:3px;stroke-linejoin:round;transition:stroke .15s}.replay-mark.is-over .replay-pin-edge{stroke:var(--iron);stroke-width:4px}.replay-mark:focus-visible{outline:none}.replay-mark:focus-visible .replay-pin-edge{stroke:var(--sea);stroke-width:5px}.replay-mark.is-light{color:var(--iron)}.replay-tip{width:max-content;max-width:min(320px,100%);color:var(--iron);background:var(--grain), var(--paper);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);font:500 .85rem/1.3 var(--body);overflow-wrap:break-word;opacity:0;visibility:hidden;pointer-events:none;border-radius:2px;padding:5px 9px;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 8px);left:0}.replay-tip.is-on{opacity:1;visibility:visible;transition:none}.replay-tip:after{content:"";bottom:-5px;left:var(--tail,50%);background:var(--paper);border-right:1px solid var(--edge-hi);border-bottom:1px solid var(--edge-hi);width:9px;height:9px;margin-left:-4.5px;position:absolute;transform:rotate(45deg)}.hud.is-replay .spectator-bar{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 53px)}.hud.is-replay .aim{min-width:var(--replay-foot)}.hud.is-replay .aim-weapon{flex:1}@media (max-width:720px){.hud.is-replay{--replay-foot:calc(100vw - 32px)}.hud.is-replay .aim{right:16px}}.replay-break{display:none}@media (max-width:520px){.replay-bar{width:calc(100vw - 32px)}.replay-bar .watch-switch{flex-wrap:wrap}.replay-break{flex-basis:100%;display:block}.replay-clock,.replay-leave{margin-left:auto}}@media (min-width:521px) and (max-height:520px){.cast-bar:has(>.replay-bar){flex-flow:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 32px)}}.replay-clock{color:var(--iron);font:600 .95rem/1 var(--body);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 10px}.spectator-bar{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 70px);animation:rise-centered .3s var(--ease-out) both;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.fly-keys{color:var(--iron);background:var(--paper-bg);box-shadow:var(--lift-sm), inset 0 0 0 1px var(--edge-hi);font:500 .82rem/1.2 var(--body);white-space:nowrap;border-radius:2px;gap:14px;padding:5px 10px;display:flex}.fly-keys span{align-items:center;gap:4px;display:inline-flex}