/* Entry amount is readable at every size, independent of the room form grid. */
#room-create-form .simple-entry{grid-column:1/-1;padding:20px;border:1px solid #416274;border-radius:14px;background:#11212d}
#room-create-form .simple-entry>label{display:grid;grid-template-columns:1fr;gap:9px;font-size:15px;color:#f3f8fa}
#room-create-form .simple-entry select{width:100%;max-width:none;min-height:50px;font-size:15px;color:#edf7fa;background:#1c3343;border:1px solid #6b8c9f;border-radius:9px;padding:10px 14px}
#room-create-form .entry-budget-panel,#room-member-form .entry-budget-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;max-width:none;min-width:0;padding:20px;margin-top:15px;background:#172d3c;border:1px solid #618799;border-radius:12px;color:#edf7ff;box-sizing:border-box}
.entry-budget-balance{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding-bottom:15px;border-bottom:1px solid #416171}
.entry-budget-balance>span{font-size:14px;color:#ccdee9;flex:1}.entry-budget-balance strong{font-size:30px;line-height:1.2;color:#b8f5d9}.entry-budget-balance small{font-size:12px;color:#b9ccd9}
#room-create-form .entry-budget-label,#room-member-form .entry-budget-label{display:block;margin:0;font-size:16px;font-weight:750;color:#fff}
.entry-budget-stepper{display:grid;grid-template-columns:64px minmax(100px,1fr) 64px;gap:10px;align-items:stretch;direction:ltr}
#room-create-form .entry-budget-stepper input,#room-member-form .entry-budget-stepper input{width:100%;max-width:none;min-width:0;height:64px;margin:0;padding:10px;text-align:center;direction:ltr;background:#f2fafc;color:#112b3b;border:2px solid #bbdfeb;border-radius:10px;font:800 28px/1.2 inherit;font-size:28px;font-weight:800;box-sizing:border-box;opacity:1}
.entry-budget-stepper input::-webkit-inner-spin-button{appearance:none}.entry-budget-stepper input[aria-invalid="true"]{border-color:#f4ae9c!important}
#room-create-form .entry-budget-stepper button,#room-member-form .entry-budget-stepper button{min-width:0;min-height:52px;margin:0;background:#284c61;border:1px solid #7096a9;border-radius:10px;color:#fff;font-size:20px;font-weight:700;padding:8px;cursor:pointer}
#room-create-form .entry-budget-presets,#room-member-form .entry-budget-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.entry-budget-presets button{width:100%;min-height:44px;padding:8px 6px;border:1px solid #6b90a5;border-radius:8px;background:#203d50;color:#edf8ff;font-size:13px;font-weight:650;cursor:pointer}
.entry-budget-presets button[aria-pressed="true"]{background:#b8f5d9;color:#123a2a;border-color:#b8f5d9}
.entry-budget-panel button:disabled{opacity:.4;cursor:not-allowed}.entry-budget-panel button:focus-visible,.entry-budget-panel input:focus-visible{outline:3px solid #7ee5ba;outline-offset:3px}
.entry-budget-after{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:14px;background:#102330;padding:14px;border-radius:8px;color:#d2e5ef}.entry-budget-after strong{font-size:17px;color:#fff}
.entry-budget-panel .entry-budget-help{font-size:12px;color:#bed3df;line-height:1.8}
.entry-budget-panel .entry-budget-fair{margin:0;font-size:13px;line-height:1.8;color:#c7f2df}
.entry-budget-panel .entry-budget-error{margin:0;background:#472d30;color:#ffe1d9;border:1px solid #b27872;padding:12px;border-radius:8px;font-size:13px;line-height:1.7}
#room-create-form .room-entry-readiness:has(~*){font-size:13px}
#room-create-form:has(.entry-budget-error:not([hidden]))>.room-entry-readiness{display:none}
#room-member-form:has(.entry-budget-panel){display:flex;flex-direction:column;align-items:stretch;gap:14px;width:100%;max-width:none;min-width:0}
#room-member-form:has(.entry-budget-panel)>button{min-height:50px;font-size:15px}
.friend-pot:has(.entry-own-summary){display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:20px;align-items:center}.friend-pot .entry-own-summary{padding:15px;border:1px solid #56797a;border-radius:10px;background:#193a3f;display:grid;gap:9px}.entry-own-summary>span{font-size:14px;color:#d2e9e8}.friend-pot .entry-own-summary strong{font-size:30px;color:#c9f5de}.entry-own-summary small{font-size:13px;color:#c6e5ec}
@media(max-width:600px){#room-create-form .simple-entry{padding:14px}#room-create-form .entry-budget-panel,#room-member-form .entry-budget-panel{padding:14px;gap:14px}.entry-budget-stepper{grid-template-columns:52px minmax(70px,1fr) 52px;gap:7px}#room-create-form .entry-budget-presets,#room-member-form .entry-budget-presets{grid-template-columns:1fr 1fr}.friend-pot:has(.entry-own-summary){grid-template-columns:1fr}.entry-budget-balance>span{flex-basis:100%}}
#room-create-form .entry-budget-panel>.entry-budget-stepper,#room-member-form .entry-budget-panel>.entry-budget-stepper{display:grid;grid-template-columns:64px minmax(100px,1fr) 64px;gap:10px;flex-wrap:nowrap} #match-dialog:has(.entry-budget-panel){width:min(720px,calc(100vw - 28px));max-width:720px} .simple-room-wizard:has(.entry-budget-panel)>.friends-local-note{display:none} .simple-room-wizard:has(.entry-budget-panel)>.play-step-track{margin:14px 0} @media(max-width:600px){#room-create-form .entry-budget-panel>.entry-budget-stepper,#room-member-form .entry-budget-panel>.entry-budget-stepper{grid-template-columns:52px minmax(70px,1fr) 52px;gap:7px}}