/* Padround: a shared game night, with the game itself at the centre. */
:root{--bg:#171a1d;--surface:#22262a;--raised:#2c3136;--ink:#f4f0e7;--muted:#b0b2b2;--accent:#ff9879;--line:#42464a;--orange:#ffb093;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}
body{line-height:1.45}button,input,select,textarea{font:inherit}button{line-height:1.3}input,select,textarea{background:#191d21;border-color:#555b60;border-radius:4px;color:var(--ink)}textarea{padding:12px;resize:vertical;width:100%;min-width:0}input::placeholder{color:#909699}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.masthead{gap:26px;min-height:88px;flex-wrap:wrap;padding-block:16px}.padround-mark{width:35px;height:30px;color:var(--accent);flex:none}.wordmark{font-weight:800;letter-spacing:-.055em;font-size:30px;gap:10px}.main-nav{margin-inline:0 auto;gap:22px}.header-tools{display:flex;align-items:center;gap:12px}.header-presence{margin:0;font-size:12px}.language-control{display:block}.language-control select{min-height:38px;max-width:145px;padding:7px 26px 7px 9px;font-size:12px}.account-button{display:flex;gap:12px;align-items:center;background:transparent;border:1px solid var(--line);color:var(--ink);padding:9px 12px;border-radius:4px;font-weight:600;font-size:13px}.coin-count{font-size:11px;color:var(--accent);font-weight:400;white-space:nowrap}.live-dot,.status-pip{background:#91caa2;box-shadow:none}
.cover{border:0;border-radius:6px;background:#242b2c;min-height:540px}.cover-art{z-index:-2}.hero-game-image{height:100%;width:100%;object-fit:cover;object-position:65% 50%;filter:saturate(.72) brightness(.6);image-rendering:auto}.cover::after{background:linear-gradient(90deg,#171a1dec 0%,#171a1d9e 50%,#171a1d24 100%)}.game-caption{position:absolute;inset:auto 20px 18px auto;color:#fff8;font-size:10px}.cover-copy{padding:40px 34px}.eyebrow{font:600 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.01em}.cover .eyebrow{color:#e7cdc2;max-width:300px}.cover h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(45px,5.4vw,75px);font-weight:800;line-height:1.02;letter-spacing:-.065em;max-width:600px;margin:14px 0 24px;overflow-wrap:normal}.cover h1 em{color:var(--accent)}.lead{font-size:17px;max-width:350px;color:#dddcd7;line-height:1.6}.cover-bottom{gap:8px;max-width:430px}.cover-bottom span{border:0;border-inline-start:2px solid var(--accent);border-radius:0;background:#171a1d88;color:#e5e1da;padding:3px 9px;font-size:10px}.login{border:1px solid var(--line);border-radius:6px;padding:28px;background:var(--surface)}.card-kicker{font:500 12px Arial,Helvetica,sans-serif;letter-spacing:0;margin-bottom:18px}.card-kicker>span:last-child,.section-symbol,.medal-symbol{display:none}.login h2{font-size:29px;letter-spacing:-.04em}.login>p:not(.footnote,.notice){font-size:13px}
.primary,.secondary,.tiny,.icon-button,.text-button{border-radius:4px}.primary{color:#211b18;background:var(--accent);font-size:13px;font-weight:700;text-align:start}.primary:hover:enabled{background:#ffb49c}.secondary,.tiny,.icon-button{background:#30363b;border-color:#535a60}.secondary:hover:enabled,.tiny:hover:enabled,.icon-button:hover:enabled{background:#424a50}.footnote,.section-copy{color:var(--muted)}.notice{background:#392b26;border-color:#9c6953;color:#ffe0ce;border-radius:4px}.result-note{background:#26352c;border-color:#607c67;color:#dcf1df;border-radius:4px}.surface,.panel{border-radius:6px;background:var(--surface);border-color:var(--line)}.count-badge{background:transparent;border-color:var(--line);color:var(--muted)}.section-heading h2{letter-spacing:-.035em}.room-card{background:transparent;border-color:var(--line);border-radius:3px}.room-card:hover{background:#2b3035}.avatar{background:#363c42;color:#f4d2c1;border-radius:4px}.achievement-card{background:transparent;border-color:var(--line);border-radius:3px}.achievement-card.earned{background:#2c3430;border-color:#58715f}.achievement-icon{background:transparent;color:#a3cdb0}.access-code{color:var(--accent)}.rank-stat.wins{color:var(--accent)}.pioneer-badge{display:inline-flex;padding:2px 5px;border:1px solid #a98364;color:#ffd0a7;font-size:9px;border-radius:3px;vertical-align:middle;white-space:nowrap}.player-info strong{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
/* Inputs share one label row; help text never pushes a neighbouring field. */
label{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;color:#dedfdc;font-size:12px;font-weight:600;min-width:0}.field-label{display:block;line-height:1.5}.battle-fields{align-items:start;grid-auto-rows:auto}.battle-fields>label{display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:7px}.battle-fields>label>input,.battle-fields>label>select{grid-row:2}.battle-fields>label>small{grid-row:3}.battle-rule-fields label>.field-label{min-height:1.5em}.battle-fields label select{min-height:46px}.battle-fields small{margin:0;line-height:1.5;font-weight:400}.roster-attributes>label{display:grid;grid-template-rows:subgrid;grid-row:span 2}.roster-attributes{align-items:start}.roster-attributes .field-label{grid-row:1}.roster-attributes select,.roster-attributes input{grid-row:2;height:42px}.execution-option{display:flex;flex-direction:row;gap:10px;align-items:start}
.battle-launcher{border-radius:8px;border-color:#676d72;width:min(1160px,calc(100% - 32px));background:var(--surface);box-shadow:0 24px 90px #0009}.battle-launcher::backdrop,.product-dialog::backdrop{background:#070b10c9;backdrop-filter:blur(3px)}.battle-dialog-header{padding:20px 26px 16px;background:var(--surface);border-bottom:0}.battle-dialog-header h2{font-size:27px;letter-spacing:-.04em}.battle-dialog-header .eyebrow{display:none}.battle-dialog-header .section-copy{font-size:12px}.launcher-nav{display:flex;flex-shrink:0;gap:6px;padding:0 26px 12px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.launcher-nav button{border:0;background:transparent;color:var(--muted);padding:7px 12px;font-size:12px;border-radius:3px;white-space:nowrap}.launcher-nav button:hover,.launcher-nav button:focus-visible{background:#353b40;color:var(--ink)}.battle-dialog-body{padding:8px 26px 20px;scrollbar-color:#697177 #20252a;scroll-padding-top:18px}.launcher-section-heading .eyebrow{display:none}.launcher-section{padding-block:22px}.launcher-section-heading h3{font-size:23px;letter-spacing:-.035em}.battle-team{border:1px solid var(--line);border-radius:4px;background:#1d2226;padding:14px}.battle-team legend{font-family:Arial,Helvetica,sans-serif;letter-spacing:0;font-size:12px;color:var(--accent)}.battle-team-head>.launcher-preview,.map-hero{border-radius:4px;border-color:var(--line);background:#151a1c}.roster-card{background:transparent;border-color:var(--line);border-radius:3px;padding:10px}.roster-card-heading span{background:#383f45;color:#e2c9bc;border-radius:2px}.roster-card-heading strong,.roster-class-info{color:var(--muted)}.battle-team-bottom{color:var(--muted);font:11px Arial,Helvetica,sans-serif}.map-card,.model-card{background:#1b2024;border-radius:3px;border-color:var(--line);text-align:start}.map-card.selected,.model-card.selected{background:#3a302b;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.map-card:hover:enabled,.model-card:hover:enabled{border-color:var(--accent)}.map-card>small,.model-card>small{color:var(--muted)}.execution-option{background:#1d2226;border-color:var(--line);border-radius:4px}.execution-option:has(input:checked){background:#392f2a;border-color:var(--accent)}.execution-option small{color:var(--muted)}.battle-dialog-footer{background:var(--surface);border-color:var(--line);padding:15px 26px;gap:16px}.battle-dialog-footer .primary{min-height:44px}.battle-dialog-footer .footnote{font-size:10px}.battle-preset-bar,.battle-presets{background:transparent;border-color:var(--line);border-radius:4px}.battle-preset-bar .eyebrow{color:var(--muted)}.preview-placeholder{background-image:none;border-color:var(--line);color:var(--muted)}
.product-dialog{width:min(640px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid #666e74;border-radius:8px;background:var(--surface);color:var(--ink);overflow:hidden}.product-dialog-head{padding:22px 24px 18px;display:flex;gap:18px;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line)}.product-dialog-head h2{margin:0;font-size:26px;letter-spacing:-.04em}.product-dialog-head .eyebrow{margin:0 0 5px;color:var(--accent)}.product-dialog-head .icon-button{flex:none}.product-dialog-body{padding:20px 24px;overflow:auto;max-height:calc(100dvh - 160px)}.product-dialog p{font-size:13px;color:var(--muted);line-height:1.6}.product-dialog h3{font-size:16px;letter-spacing:-.02em}.product-dialog form{margin-top:18px}.wallet-section,.email-section{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.wallet-heading{display:flex;justify-content:space-between;align-items:center}.wallet-heading strong{color:var(--accent);font-size:32px;font-variant-numeric:tabular-nums}.daily-reward{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}.daily-reward p{margin:5px 0}.daily-reward strong{font-size:13px}.daily-reward button{flex:none;font-size:12px}.shop-items{display:grid;gap:0}.shop-item{border-top:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:18px}.shop-item h4{font-size:14px;margin:0}.shop-item p{margin:5px 0 0;font-size:12px}.shop-item button{flex:none;font-size:12px}.sponsor-placements article{border-top:1px solid var(--line);padding-top:4px}.sponsor-placements h3{margin-bottom:4px}#auth-code{letter-spacing:.3em;font-size:24px;font-family:ui-monospace,monospace}#room-boosts p{font-size:12px;color:var(--muted)}#room-boosts label{margin-top:12px}#account-identity{font-weight:700;color:var(--ink)}
.appearance-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}.appearance-preview{position:sticky;top:0;min-width:0}.appearance-canvas{display:block;width:100%;aspect-ratio:1/1;max-height:460px;border:1px solid var(--line);border-radius:4px;background:#161c21;touch-action:none;cursor:grab}.appearance-canvas:active{cursor:grabbing}.appearance-preview-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:10px}.appearance-preview-toolbar p{font-size:11px;color:var(--muted);margin:0}.appearance-controls{min-width:0}.appearance-tabs{display:flex;gap:6px;margin-bottom:18px}.appearance-tabs button{flex:1;padding:9px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:3px;font-size:12px}.appearance-tabs button[aria-pressed=true]{border-color:var(--accent);background:#3a302b}.appearance-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.appearance-fields .wide{grid-column:1/-1}.appearance-fields input[type=color]{width:100%;height:43px;padding:5px;cursor:pointer}.appearance-slider{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin-top:16px}.appearance-slider input{grid-column:1/-1;min-height:25px;padding:0;accent-color:var(--accent);cursor:pointer}.appearance-slider output{font-size:12px;font-variant-numeric:tabular-nums;color:var(--accent)}.appearance-global{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.appearance-global h4{margin:0 0 5px;font-size:15px}.appearance-global p,.appearance-preview>p{font-size:11px;line-height:1.5;color:var(--muted)}.battle-cry-field{display:grid;gap:8px;margin-top:20px}.battle-cry-controls{display:flex;gap:8px}.battle-cry-controls input{flex:1;min-width:0}.battle-cry-controls button{flex:none;font-size:11px}.callout-toggle{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-top:14px}.callout-toggle input{width:17px;height:17px;min-height:17px;margin:0;accent-color:var(--accent)}.voice-callout{position:absolute;inset:auto 12px 12px;z-index:8;padding:8px 12px;background:#111d;color:#fff;border-inline-start:3px solid var(--accent);font-size:14px;pointer-events:none;max-width:calc(100% - 24px);overflow-wrap:anywhere}.workshop-compat{font-size:12px;color:var(--muted);padding:12px 0}.footer-brand{font-weight:800;color:var(--ink);font-size:20px;letter-spacing:-.05em}footer{flex-wrap:wrap;gap:16px;align-items:center}footer>span:nth-child(2){margin-inline-end:auto}
[dir=rtl] .main-nav{margin-inline:0 auto}[dir=rtl] .cover::after{background:linear-gradient(270deg,#171a1dec 0%,#171a1d9e 50%,#171a1d24 100%)}[dir=rtl] .game-caption{inset:auto auto 18px 20px}[dir=rtl] .cover h1{letter-spacing:0;line-height:1.2}[dir=rtl] .primary,[dir=rtl] .map-card,[dir=rtl] .model-card{text-align:start}[dir=rtl] .access-code,[dir=rtl] #room-password,[dir=rtl] #auth-code{direction:ltr;text-align:center}.pad-main,.pad-top{direction:ltr}
@media(max-width:1120px){.masthead{gap:18px}.header-presence{display:none}.main-nav{gap:16px}.cover h1{font-size:60px}.battle-roster{grid-template-columns:1fr}.roster-card{padding:12px}.roster-pig-identity{grid-template-columns:42px minmax(0,1fr)}.battle-roster .roster-attributes{grid-template-columns:minmax(0,1fr) 85px}.battle-team-head{grid-template-columns:72px minmax(0,1fr)}}
@media(max-width:800px){.masthead,main,footer{width:calc(100% - 32px)}.masthead{gap:14px;justify-content:space-between}.main-nav{order:3;width:100%;margin:0;justify-content:flex-start;gap:24px;padding-top:3px}.header-tools{margin-inline-start:auto}.wordmark{font-size:26px}.padround-mark{width:30px}.account-button{padding:8px;font-size:12px}.language-control select{max-width:113px;font-size:11px}.entry{grid-template-columns:1fr;gap:16px}.cover{min-height:390px}.cover-copy{padding:28px}.cover h1{font-size:clamp(41px,8vw,65px);max-width:540px}.lead{font-size:16px;max-width:400px}.cover-bottom{margin-top:15px}.login{padding:24px}.battle-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-teams{grid-template-columns:1fr}.battle-dialog-header{padding:18px}.battle-dialog-body{padding:5px 18px 18px}.battle-dialog-footer{padding:12px 18px}.launcher-nav{padding-inline:18px}.appearance-layout{gap:18px}.appearance-fields{grid-template-columns:1fr}.appearance-fields .wide{grid-column:auto}.battle-dialog-footer .footnote{max-width:410px}.cover .hero-links{display:flex;gap:22px;margin-top:3px;font-size:13px}.cover .hero-links a{text-decoration:none;border-bottom:1px solid #ffffff60;padding-bottom:3px}}
@media(max-width:540px){main{padding-top:20px}.masthead{padding-block:13px;gap:10px}.main-nav{font-size:12px;gap:20px}.main-nav a{font-size:12px}.header-tools{gap:7px}.coin-count{display:none}.wordmark{font-size:24px;gap:7px}.padround-mark{width:27px}.language-control select{max-width:100px;min-height:35px}.cover{min-height:380px}.cover-copy{padding:26px 22px}.cover h1{font-size:44px;letter-spacing:-.06em}.cover .eyebrow{font-size:11px;max-width:220px}.lead{font-size:15px;max-width:290px}.cover-bottom{max-width:270px}.cover-bottom span{font-size:9px}.game-caption{display:none}.login{padding:22px}.battle-launcher{width:calc(100% - 14px);height:calc(100dvh - 14px);max-height:calc(100dvh - 14px);border-radius:6px}.battle-dialog-header{padding:14px;gap:8px}.battle-dialog-header h2{font-size:23px}.battle-dialog-header .section-copy{font-size:11px}.battle-dialog-header .icon-button{width:32px;height:32px}.launcher-nav{padding:0 10px 9px;gap:2px}.launcher-nav button{padding:7px 10px;font-size:12px}.battle-dialog-body{padding-inline:14px}.launcher-section-heading{align-items:start;gap:12px}.launcher-section-heading h3{font-size:21px}.launcher-section-heading>.roster-size{width:100px}.launcher-section-heading>label{font-size:10px}.map-browser{grid-template-columns:1fr}.map-hero{max-width:100%}.map-hero .launcher-preview{aspect-ratio:16/9}.map-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-height:250px}.battle-fields{grid-template-columns:1fr;gap:13px}.battle-fields>label{display:flex;grid-row:auto}.battle-rule-fields label>.field-label{min-height:0}.execution-options{grid-template-columns:1fr}.battle-roster{gap:8px}.roster-card{padding:8px}.roster-attributes,.battle-roster .roster-attributes{grid-template-columns:minmax(0,1fr) 63px;gap:6px}.roster-attributes select{font-size:11px;padding-inline:4px}.roster-pig-identity{grid-template-columns:1fr}.roster-pig-identity>.launcher-preview{display:none}.roster-card-heading{margin-bottom:8px}.battle-team-head{grid-template-columns:70px minmax(0,1fr)}.battle-team-head input,.battle-team-head select{font-size:14px}.roster-card input{font-size:13px}.roster-class-info{font-size:9px}.battle-dialog-footer{padding:10px 14px;display:grid;grid-template-columns:1fr;gap:8px}.battle-dialog-footer .footnote{display:none}.battle-dialog-footer .primary{width:100%;min-height:42px}.battle-draft-summary{font-size:11px}.appearance-layout{grid-template-columns:1fr}.appearance-preview{position:relative}.appearance-canvas{aspect-ratio:4/3;max-height:300px}.appearance-fields{grid-template-columns:1fr 1fr}.appearance-fields .wide{grid-column:1/-1}.appearance-controls{padding-bottom:6px}.appearance-tabs{margin-top:4px}.product-dialog-head{padding:17px}.product-dialog-head h2{font-size:23px}.product-dialog-body{padding:16px 17px;max-height:calc(100dvh - 150px)}.daily-reward{flex-wrap:wrap}.daily-reward button{min-height:40px}.shop-item{gap:10px}.shop-item button{max-width:128px;min-height:42px}.battle-preset-bar{grid-template-columns:1fr}footer{font-size:10px}footer>span:nth-child(2){display:none}.appearance-slider input{min-height:36px}}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.callout-toggle{flex-direction:row;justify-content:flex-start}.section-heading .eyebrow{display:none}.empty-state{border:0;border-radius:0;background:transparent;color:var(--muted)}.battle-draft-summary{color:var(--ink)}.battle-dialog-footer>div>p:last-child{color:var(--muted)}.shop-item{display:grid;grid-template-columns:minmax(0,1fr) auto}.shop-item-copy{grid-column:1}.shop-item-meta{grid-column:1;font-size:11px;color:var(--muted)}.shop-item-action{grid-column:2;grid-row:1 / 3}.appearance-canvas canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.partner-placements{margin-block:16px}.partner-card{display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:16px;padding:16px 0;border-block:1px solid var(--line);align-items:start}.partner-card>small{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:3px 5px;justify-self:start}.partner-card strong{font-size:12px}.partner-card p{margin:3px 0;font-size:12px;color:var(--muted)}.partner-card a{font-size:12px;color:var(--accent)}@media(max-width:540px){.partner-card{grid-template-columns:1fr;gap:8px}.partner-card a{justify-self:start}}
body:has(dialog[open]){overflow:hidden}.appearance-preview .appearance-canvas{overflow:hidden}.battle-dialog-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}.launcher-section-heading>div{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.appearance-fields>label:not(.callout-toggle){display:grid;grid-template-rows:subgrid;grid-row:span 2;gap:7px}.appearance-fields>label:not(.callout-toggle)>.field-label{grid-row:1}.appearance-fields>label:not(.callout-toggle)>input,.appearance-fields>label:not(.callout-toggle)>select{grid-row:2}