.music-volume-setting{border-bottom:1px solid var(--border);padding:14px 0}.music-volume-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.music-volume-heading label{font-size:14px;font-weight:600}.music-volume-heading output{font-variant-numeric:tabular-nums;font-size:14px;font-weight:650}.game-dialog .music-volume-setting input[type=range]{width:100%;height:30px;accent-color:var(--primary);cursor:pointer;touch-action:pan-y;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}.music-volume-setting input[type=range]:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:5px}.music-volume-limits{opacity:.65;justify-content:space-between;font-size:11px;display:flex}.catan-account-button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:8px;min-height:40px;padding:6px;display:flex}.catan-account-button>span{background:#dbb97825;border:1px solid #aa915a40;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.catan-account-button b{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:12px;font-weight:500;overflow:hidden}.catan-account-dialog{border-radius:22px;width:min(420px,100vw - 28px);max-height:90dvh;overflow:auto}.catan-account-form{gap:15px;margin-top:12px;display:grid}.catan-account-form label{gap:7px;font-size:13px;display:grid}.catan-account-form input{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:0 0;border:1px solid #a59a7e66;border-radius:11px;padding:13px}.catan-account-error{color:#b84d3d;font-size:13px;line-height:1.6}.catan-account-profile{gap:16px;padding-top:16px;display:grid}.catan-account-profile strong{overflow-wrap:anywhere}.online-invite-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.online-invite-actions button{flex:1;min-width:110px}.online-invite-note{overflow-wrap:anywhere;background:#bfa67a18;border-radius:12px;padding:12px;font-size:12px;line-height:1.7}.online-room-code{flex-wrap:wrap}.online-start-note{opacity:.75;font-size:12px;line-height:1.7}@media (max-width:767px){.catan-account-button b{max-width:84px}.catan-account-button{gap:4px}}.topbar nav button.catan-account-button>span{flex-shrink:0;display:grid!important}.topbar nav button.catan-account-button b{color:inherit}@media (max-width:767px){.topbar nav button.catan-account-button b{display:none}}html[data-skin] .game-dialog.battle-map-dialog{gap:14px;max-height:calc(100dvh - 32px);width:min(850px,100vw - 24px)!important;max-width:850px!important;padding:20px!important}.battle-map-caption{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.battle-map-caption>span{opacity:.7;margin-left:auto;font-size:12px}.battle-map-canvas{isolation:isolate;max-width:630px;margin:8px auto}.battle-map-canvas .board{width:100%;display:block;overflow:visible;height:auto!important;min-height:0!important;max-height:none!important}.battle-map-canvas .board :is(.harvest-outline,.target-halo){display:none}.battle-map-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.battle-map-players section{border:1px solid #83908040;border-radius:9px;padding:10px}.battle-map-players header{align-items:center;gap:6px;font-size:13px;display:flex}.battle-map-players header i{border-radius:50%;flex-shrink:0;width:7px;height:7px}.battle-map-players header b{overflow-wrap:anywhere;min-width:0}.battle-map-players header strong{white-space:nowrap;margin-left:auto}.battle-map-players p{opacity:.75;margin:5px 0 0;font-size:12px}.battle-map-players small{font-size:11px}.battle-map-note{opacity:.7;margin:12px 0 0;font-size:12px}.career-map-button{min-height:32px;color:inherit;background:0 0;border:1px solid #83908066;border-radius:6px;margin-top:6px;padding:4px 8px;font-size:11px}@media (max-width:480px){html[data-skin] .game-dialog.battle-map-dialog{padding:16px 12px!important}.battle-map-caption>span{width:100%;margin-left:25px}.battle-map-players section{padding:8px}.battle-map-players p{font-size:10px}}.battle-map-save{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.battle-map-save small{opacity:.75;font-size:12px}.battle-map-library-list{gap:10px;margin:12px 0;padding:0;list-style:none;display:grid}.battle-map-library-list li{border:1px solid #83908040;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.battle-map-library-list li>svg{opacity:.7;flex-shrink:0}.battle-map-library-list li>div{overflow-wrap:anywhere;flex:1;min-width:0}.battle-map-library-list b{font-size:14px}.battle-map-library-list p{margin:4px 0;font-size:12px}.battle-map-library-list small{opacity:.7;font-size:11px}.battle-map-library-list button{flex-shrink:0;padding:8px;font-size:12px}.battle-map-library{max-height:65dvh;overflow:auto}.battle-map-library-list li>button{white-space:nowrap}@media (max-width:480px){.battle-map-library-list li{gap:8px;padding:10px}.battle-map-library-list li>svg{display:none}}.player-career{color:inherit;line-height:1.5}.career-profile{align-items:center;gap:12px;margin-bottom:16px;display:flex}.career-profile select{color:inherit;background:0 0;border:1px solid #8a9e9066;border-radius:8px;max-width:65%;padding:8px}.career-rank{color:#254939;background:linear-gradient(135deg,#f8f2df,#e6eee5);border:1px solid #8a9e9055;border-radius:16px;align-items:center;gap:18px;padding:22px;display:flex}.career-medal{color:#977235;background:#f4e7c5;border-radius:50%;flex-shrink:0;place-items:center;width:65px;height:65px;display:grid;box-shadow:inset 0 1px 2px #fff,0 3px 8px #7e643416}.career-rank>div:nth-child(2){flex:1}.career-rank span{letter-spacing:2px;font-size:11px}.career-rank h3{margin:3px 0;font-size:22px;font-weight:700}.career-rank p{margin:0;font-weight:700}.career-rank>svg{opacity:.5}.career-progress{margin:16px 0 20px}.career-progress>div{justify-content:space-between;gap:12px;font-size:12px;display:flex}.career-progress progress{accent-color:#527966;width:100%;height:8px;margin-top:8px}.career-stats{border:1px solid #8a9e9044;border-radius:12px;grid-template-columns:repeat(4,1fr);padding:12px 0;display:grid}.career-stats>div{text-align:center;border-right:1px solid #8a9e9033}.career-stats>div:last-child{border:0}.career-stats span{opacity:.7;font-size:12px;display:block}.career-stats strong{font-size:24px;display:block}.career-heading{align-items:center;gap:8px;margin:22px 0 12px;display:flex}.career-heading h3{margin:0;font-size:15px}.career-heading small{opacity:.6;margin-left:auto;font-size:11px}.career-history{margin:0;padding:0;list-style:none}.career-history li{border-bottom:1px solid #8a9e9033;align-items:center;gap:12px;padding:13px 0;display:flex}.career-history li>div{flex:1;min-width:0}.career-history b{font-size:13px}.career-history p{overflow-wrap:anywhere;opacity:.8;margin:3px 0;font-size:12px}.career-history small{opacity:.65;font-size:11px}.career-history li>strong{white-space:nowrap;font-size:16px}.career-history li>strong small{font-size:10px;font-weight:400;display:block}.career-result{background:#87958d22;border-radius:8px;flex-shrink:0;padding:6px 9px;font-size:12px;font-weight:700}.career-result.won{color:#426450;background:#83a68725}.career-empty{text-align:center;padding:25px 12px}.career-note{opacity:.7;margin-top:18px;font-size:12px;line-height:1.8}.career-levels{font-size:12px}.career-levels summary{cursor:pointer}.career-levels>div{gap:8px;padding-top:12px;display:grid}.career-levels span{justify-content:space-between;display:flex}.game-dialog.career-dialog{width:min(620px,100vw - 24px);max-height:85dvh;overflow-y:auto}[data-color-mode=dark] .career-rank{color:#dde8d8;background:linear-gradient(135deg,#293a33,#24332e)}[data-color-mode=dark] .career-medal{color:#d4b675;background:#403b2b;box-shadow:inset 0 1px 2px #ffffff0c}[data-color-mode=dark] .career-result.won{color:#b2ceb7}[data-color-mode=dark] .career-profile select option{color:#eee;background:#263830}@media (max-width:480px){.career-rank{gap:12px;padding:16px}.career-rank h3{font-size:20px}.career-medal{width:50px;height:50px}.career-history li{gap:8px}.career-stats strong{font-size:22px}}html[data-skin=relief] .game-dialog.relief-draw-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}html[data-skin=relief] .relief-draw-reveal{flex-direction:column;align-items:center;gap:14px;display:flex}html[data-skin=relief] .relief-draw-reveal .draw-privacy{color:#58725c;font-size:12px}html[data-skin=relief] .game-dialog.relief-draw-dialog .relief-hand-column{width:clamp(150px,31dvh,230px);max-width:100%;animation:.35s ease-out relief-card-reveal}html[data-skin=relief] .game-dialog.relief-draw-dialog .relief-hand-card{cursor:default;box-shadow:0 3px 6px #765f3615,0 10px 24px #765f3612}html[data-skin=relief] .game-dialog.relief-draw-dialog .relief-hand-card-title{min-height:60px;padding:10px 2px 12px}html[data-skin=relief] .game-dialog.relief-draw-dialog .relief-hand-card-title b{font-size:24px}html[data-skin=relief] .game-dialog.relief-draw-dialog .relief-hand-card-title small{font-size:9px}html[data-skin=relief] .relief-draw-reveal>p{max-width:34em;margin:0;font-size:14px;line-height:1.65}html[data-skin=relief] .relief-draw-reveal>small{font-size:12px}html[data-color-mode=dark][data-skin=relief] body .game-dialog.relief-draw-dialog .relief-hand-card-title b{color:#182d22!important}html[data-color-mode=dark][data-skin=relief] body .game-dialog.relief-draw-dialog .relief-hand-card-title small{color:#747869!important}html[data-color-mode=dark][data-skin=relief] body .relief-draw-reveal .draw-privacy{color:var(--night-muted)!important}@keyframes relief-card-reveal{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html[data-skin=relief] .game-dialog.relief-draw-dialog .relief-hand-column{animation:none}}