/* Court Kombat 1.7: a single brass, obsidian and violet arcade cabinet identity. */
:root{--gold:#f4ca6d;--ink:#080913;--metal:#171725;--muted:#ada6bd}
#app[data-screen="home"] #game{object-fit:cover}
#app[data-screen="home"] #vignette{background:radial-gradient(ellipse at center,#07061215 20%,#07061277 100%)}
.arcade-home{isolation:isolate;padding:24px 3.5vw 18px;overflow:hidden}
.arcade-home:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0605127d,transparent 30%,#08071333 80%,#05040dd9)}
.arcade-home .topbar{opacity:.92}
.arcade-home .top-actions>[data-help],.arcade-home .top-actions>[data-settings]{display:none}
.brand .basketball-icon{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 8px #e9874244)}
.arcade-title{position:relative;z-index:2;text-align:center;margin:clamp(8px,2.5vh,30px) auto 0;line-height:.88;filter:drop-shadow(0 8px 0 #170b16) drop-shadow(0 10px 15px #0008);width:max-content;max-width:90%}
.arcade-title .title-overline{display:flex;align-items:center;justify-content:center;gap:18px;font:900 clamp(10px,1.1vw,22px)/1.5 Arial;letter-spacing:.42em;color:#ffe0a0}
.title-overline:before,.title-overline:after{content:"";display:block;width:80px;height:2px;background:linear-gradient(90deg,transparent,#f3c061)}
.title-overline:after{transform:rotate(180deg)}
.arcade-title h1{margin:3px 0;font:900 italic clamp(60px,7.8vw,150px)/.88 Impact,'Arial Black',sans-serif;letter-spacing:.025em;transform:skew(-5deg)}
.arcade-title h1 span{display:block;background:linear-gradient(#fff8ce 0%,#f7cd6e 25%,#b97928 47%,#fff1b5 49%,#e8af47 70%,#a45820);color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:1px #ffe29b;paint-order:stroke fill;text-shadow:none}
.arcade-title h1 span:last-child{font-size:1.16em;letter-spacing:.035em}
.arcade-title .title-rule{display:flex;align-items:center;justify-content:center;gap:14px;color:#d8c7e7;font-size:clamp(7px,.65vw,13px);letter-spacing:.32em;margin-top:13px}
.title-rule:before,.title-rule:after{content:"";width:45px;height:1px;background:#bf8648}
.title-entrance{animation:title-arrive .7s cubic-bezier(.16,1,.3,1)}
.title-entrance:after{content:"";position:absolute;inset:-10px;background:linear-gradient(110deg,transparent 40%,#fff7c34d 48%,transparent 55%);mix-blend-mode:screen;pointer-events:none;animation:title-sheen 1.3s ease-out forwards}
.home-composition{position:relative;flex:1;min-height:0;display:flex;justify-content:center;align-items:center}
.arcade-menu{z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:9px;width:clamp(320px,29vw,560px);padding:20px 22px 16px;position:relative;background:linear-gradient(120deg,#0e0c18ed,#161224db);border:1px solid #e0b36c88;box-shadow:0 0 0 5px #08071199,0 0 0 6px #9d71323f,0 18px 50px #000a;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}
.menu-heading,.menu-hint{grid-column:1/-1;text-align:center;margin:0 0 4px;color:#c7b3d7;font:800 clamp(8px,.67vw,13px)/1.2 Arial;letter-spacing:.25em}
.menu-hint{margin:7px 0 0;letter-spacing:.08em;font-size:clamp(7px,.52vw,10px);color:#8e819d}
.arcade-choice,.primary,.secondary,.hud-tools button,.roster-picks button{position:relative;border:1px solid #bc8c4e;background:repeating-linear-gradient(110deg,transparent 0 3px,#ffffff03 4px 5px),linear-gradient(#242332,#11111e 47%,#1c1824 49%,#100e17);box-shadow:inset 0 1px #ffe8b12e,inset 0 -3px #05040b,0 4px 8px #0005;color:#ead8b3;border-radius:2px;font-weight:900;transition:transform .13s,filter .13s,box-shadow .13s}
.arcade-choice{min-height:clamp(44px,5.1vh,68px);padding:8px 12px;text-align:left;font:400 clamp(13px,1.07vw,21px)/1.15 Impact,'Arial Black',sans-serif;letter-spacing:.07em;display:flex;align-items:center;gap:9px;overflow:hidden}
.arcade-choice small{font:800 .52em Arial;color:#ac925f}
.arcade-choice.primary-choice{grid-column:1/-1;color:#160d12;background:linear-gradient(110deg,#a77231,#f4cc77 35%,#ffdfa0 55%,#c38e42);border-color:#ffe0a2;font-size:clamp(19px,1.5vw,29px);justify-content:center}
.arcade-choice.primary-choice small{color:#604322}
.arcade-choice:last-of-type{grid-column:1/-1;justify-content:center}
.arcade-choice:after{content:"";position:absolute;width:35%;top:0;bottom:0;left:-40%;background:linear-gradient(100deg,transparent,#fff3c433,transparent);transform:skew(-20deg);transition:left .4s}
.arcade-choice:hover,.arcade-choice:focus-visible,.primary:hover,.secondary:hover{filter:brightness(1.23);transform:scale(1.025);box-shadow:inset 0 1px #ffefb575,0 0 18px #e8b95755;outline:2px solid #ffda86;outline-offset:2px;color:#fff0c9}
.arcade-choice.primary-choice:hover,.arcade-choice.primary-choice:focus-visible{color:#251020}
.arcade-choice:hover:after,.arcade-choice:focus-visible:after{left:110%}
.arcade-choice:active,.primary:active,.secondary:active{transform:scale(.97);filter:brightness(1.5)}
.home-legend{position:absolute;bottom:0;width:31%;height:calc(100% + 100px);max-height:75vh;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:flex-end;flex-direction:column}
.home-legend.left{left:0;--fighter-color:#b882ff}
.home-legend.right{right:0;--fighter-color:#54ceff}
.home-legend:before{content:"";position:absolute;inset:15% -10% 0;background:radial-gradient(ellipse at 50% 65%,var(--fighter-color),transparent 65%);opacity:.23;z-index:-1}
.home-legend img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transform-origin:50% 100%;filter:drop-shadow(0 12px 10px #03030ad9) drop-shadow(0 0 2px #ffc45b55);animation:legend-breathe 3.4s ease-in-out infinite}
.home-legend.right img{animation-delay:-1.6s}
.legend-caption{position:absolute;left:0;right:0;bottom:1%;text-align:center;text-shadow:0 2px 5px #000;background:linear-gradient(90deg,transparent,#080710e0,transparent);padding:10px 0}
.legend-caption small{display:block;font-size:clamp(7px,.6vw,12px);letter-spacing:.3em;color:var(--fighter-color)}
.legend-caption strong{display:block;font:400 clamp(19px,2.5vw,48px)/1.2 Impact,'Arial Black',sans-serif;letter-spacing:.06em;color:#ffedc3}
.arcade-home .footer{position:relative;z-index:2;padding-top:14px;font-size:clamp(7px,.55vw,11px)}
.primary{background:linear-gradient(120deg,#a67530,#f6d891 50%,#d0a05b);border:1px solid #ffe7b1;color:#19101b;text-shadow:0 1px #fff5c655}
.secondary{padding:12px 18px}
.page.selection-page{background:linear-gradient(180deg,#080612bc,#08081288 65%,#090713d9)}
.section-head h1,.modal h1,.result-title{font-family:Impact,'Arial Black',sans-serif;font-style:italic;letter-spacing:.025em;color:#ffe1a0;text-shadow:2px 3px #503027,0 5px 15px #0007}
.section-head{border-bottom:1px solid #c49a5e66;padding-bottom:12px}
.steps .current{color:#ffdb87;border-bottom:2px solid #dca858}
.selection-fighter,.selection-fighter.right{border:1px solid var(--fc);background:repeating-linear-gradient(115deg,#ffffff03 0 1px,transparent 2px 6px),linear-gradient(160deg,#20142dba,#090e19dd);box-shadow:inset 0 0 0 5px #050611,0 0 22px #0007;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
.selection-fighter .caption{background:#090912db;border-top:1px solid var(--fc)}
.selection-fighter img{animation:legend-breathe 3.8s ease-in-out infinite;transform-origin:bottom center}
.selection-fighter .fighter-big-number{color:var(--fc);opacity:.1;-webkit-text-stroke:0;font-family:Impact,sans-serif}
.fighter-signature{color:var(--focus-color);font-size:clamp(8px,.65vw,13px);font-weight:800;letter-spacing:.08em;text-align:center;margin:0}
.fighter-signature small{display:block;color:#d6c5e0;margin-bottom:5px;font-size:.85em}
.select-center .fighter-card{border:2px solid #6f5b42;box-shadow:inset 0 0 0 2px #06050d;transition:filter .15s,transform .15s}
.select-center .fighter-card,.hud-portrait{background:radial-gradient(ellipse at 50% 20%,var(--fc,#b08564),#191220 85%)}
.select-center .fighter-card.p1{border-color:#ffe2a1;box-shadow:0 0 0 2px #b8874b,0 0 22px #ffcb564d}
.select-center .fighter-card.p2{border-color:#c8a9ff;box-shadow:0 0 0 2px #66418e,0 0 20px #a56aff44}
.select-center .fighter-card.p1.p2{box-shadow:-3px 0 #ffd87c,3px 0 #b389fa}
.player-indicator{background:#ffd98f;color:#191124}.player-indicator.red{background:#bc9fe8;color:#191124}
.player-tabs{border:1px solid #947243}
.player-tabs button.active{background:linear-gradient(120deg,#453145,#77502e);box-shadow:inset 0 -3px #ffdc94}
.player-tabs button.active.p2{background:linear-gradient(120deg,#22233f,#4d316e);box-shadow:inset 0 -3px #d1b6ff}
.stat-bars i.on{background:var(--focus-color,#efce8c);box-shadow:0 0 5px var(--focus-color,#efce8c)}
.arena-card{border:2px solid #6d5942;box-shadow:0 7px 16px #0006}
.arena-card.selected{border:2px solid #ffe7af;box-shadow:0 0 0 3px #ac7b3c,0 0 30px #e8af443a}
.arena-info strong{font-family:Impact,'Arial Black',sans-serif;letter-spacing:.06em;color:#ffedc4;font-style:normal}
.arena-info small{color:#ffe4a0}
.modal-wrap{background:#080612dc;backdrop-filter:blur(8px)}
.modal{border:1px solid #c29964;box-shadow:inset 0 0 0 5px #07070f,0 0 0 3px #413141,0 25px 90px #000b;background:repeating-linear-gradient(120deg,#ffffff02 0 1px,transparent 2px 5px),linear-gradient(145deg,#21182cfa,#0c0e1cfa)}
.modal h2{color:#edc880;border-left:3px solid #ad7f44;padding-left:10px}
.modal .close{border:1px solid #a78252;padding:4px 11px;background:#100e19;position:sticky;top:0;z-index:2}
.setting-row{border-bottom-color:#b68a5525}
.help-card{border:1px solid #9d78444d;background:linear-gradient(135deg,#2b1d3590,#0a102099)}
.results{background:linear-gradient(110deg,#180d22c7,#090b17da 55%,#2e1e33c9)}
.winner-art:before{content:"";position:absolute;inset:8% 0;background:radial-gradient(ellipse,#9b5fd53a,transparent 65%);border-radius:50%;border:1px solid #d7ac5533}
.result-stats>div{border:1px solid #b48a4e66;background:#120e1bbb;padding:16px 12px;box-shadow:inset 0 3px #d0a85a3b}
.winner-name{color:#fff2d0;font-family:Impact,sans-serif;letter-spacing:.04em}
.hud-portrait{border-color:#090710;outline:2px solid #dbb675;box-shadow:0 3px 10px #0009}
.health-shell,.fighter-hud.right .health-shell{height:2cqw;background:linear-gradient(#fff0be,#8e642f 35%,#241a26 45%,#795431 90%,#f0c984);border:.12cqw solid #fff1bd;padding:.27cqw;box-shadow:0 .15cqw 0 #120b14,0 .2cqw .4cqw #0009}
.health-inner{box-shadow:inset 0 .2cqw .3cqw #0008}
.health-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(#fff9c33b,transparent 48%,#5d280535 50%,transparent),repeating-linear-gradient(90deg,transparent 0 9.8%,#44250966 10% 10.2%)}
.health-marks{background:linear-gradient(#ffffff30,transparent 30%,transparent 70%,#03010744);box-shadow:inset 0 0 .18cqw #0009}
.name-row strong{color:#fff3d6;letter-spacing:.03em;font-size:1.38cqw}
.timer{background:linear-gradient(#302334,#0b0b17 55%,#201525);border:.12cqw solid #b59259;clip-path:polygon(12% 0,88% 0,100% 22%,100% 78%,88% 100%,12% 100%,0 78%,0 22%);color:#ffe2a2;text-shadow:0 .12cqw #704122,0 0 .5cqw #f9ba4738;font-size:3.3cqw;line-height:1.45}
.meter-shell{height:1.45cqw;background:linear-gradient(#4d3c36,#12101a);border:.12cqw solid #c2a278;padding:.2cqw;box-shadow:0 .12cqw #03030c}
.meter-fill{background:linear-gradient(0deg,var(--fc),#fff1d6);box-shadow:0 0 .8cqw var(--fc)}
.meter-ready .meter-fill{background:linear-gradient(0deg,var(--fc),#fff4d4)}
.meter-level{background:linear-gradient(#ffe3a0,#ab713b);border:.15cqw solid #e5c891;color:#1b1020}
.combo strong{color:#ffe3a1;text-shadow:.1cqw .14cqw #6e352a,0 0 .6cqw #fa9a3730}
.combo b{letter-spacing:.12em;color:#fff1d1}
#announcement{color:#ffe19a;text-shadow:.04em .05em #6d3928,0 0 .5em #000a}
.scene-enter{animation:scene-arrive .26s ease-out}
#scene-wipe{position:absolute;inset:0;pointer-events:none;z-index:8;opacity:0;overflow:hidden}
#scene-wipe:before{content:"";position:absolute;inset:-50% -20%;background:linear-gradient(105deg,transparent 34%,#7043a188 43%,#21162deb 48%,#ffd48c 49.3%,#21152fee 50%,transparent 64%);transform:translateX(-140%)}
#scene-wipe.active{opacity:1}#scene-wipe.active:before{animation:energy-wipe .4s ease-in-out forwards}
@keyframes title-arrive{from{opacity:0;transform:scale(1.12) translateY(-20px)}to{opacity:1;transform:none}}
@keyframes title-sheen{from{transform:translateX(-100%)}to{transform:translateX(110%);opacity:0}}
@keyframes legend-breathe{0%,100%{transform:translateY(0) scale(1,1)}50%{transform:translateY(-3px) scale(1.003,1.005)}}
@keyframes scene-arrive{from{opacity:.25;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes energy-wipe{to{transform:translateX(140%)}}
@media(min-width:2400px){.page{padding-top:3vh}.topbar .brand{font-size:24px}.brand small{font-size:12px}.top-actions button{font-size:18px}.top-actions{gap:35px}.section-head h1{font-size:70px}.select-center .fighter-card{height:15vh}.selection-fighter strong{font-size:50px}.selection-fighter .caption small{font-size:14px}.fighter-bio{font-size:24px;max-width:620px}.select-center .card-label{font-size:22px}.fighter-stats label{font-size:14px}.player-tabs button{font-size:18px}.arena-info strong{font-size:40px}.arena-info small{font-size:15px}.primary,.secondary{font-size:23px}.modal{max-width:1300px;font-size:20px}.modal.narrow{max-width:800px}.modal h1{font-size:60px}.setting-row,.modal p{font-size:20px}.modal h2{font-size:24px}.field,.text-button{font-size:18px}.modal .key-row{font-size:18px}.key,.field select,select{font-size:18px}.result-title{font-size:140px}.winner-name{font-size:44px}.result-stats strong{font-size:50px}.result-stats small{font-size:16px}}
@media(max-height:650px) and (orientation:landscape){
 .arcade-home{padding:10px 3vw 8px}.arcade-title{margin:2px auto 0}.arcade-title h1{font-size:clamp(34px,7.3vh,60px)}.arcade-title .title-overline{font-size:7px;line-height:1.2}.arcade-title .title-rule{font-size:6px;margin-top:6px}.title-overline:before,.title-overline:after{width:45px}.arcade-menu{width:clamp(280px,34vw,430px);gap:5px;padding:9px 15px}.arcade-choice{min-height:32px;font-size:11px;padding:5px 8px}.arcade-choice.primary-choice{font-size:16px}.menu-heading{font-size:6px;margin:0}.menu-hint{display:none}.home-legend{height:calc(100% + 45px);max-height:78vh;width:30%}.legend-caption{padding:4px 0}.legend-caption strong{font-size:19px}.legend-caption small{font-size:6px}.arcade-home .footer{padding-top:6px;font-size:6px}.fighter-signature{font-size:8px}.fighter-signature small{font-size:6px;margin-bottom:2px}
}
@media(max-width:700px) and (orientation:portrait){
 .arcade-home{padding:18px 4vw 12px}.arcade-home .top-actions .status{display:none}.arcade-title{margin:25px auto 0}.arcade-title h1{font-size:14.5vw}.arcade-title .title-overline{font-size:9px}.arcade-title .title-rule{font-size:7px}.title-overline:before,.title-overline:after{width:35px}.home-composition{align-items:flex-end;padding-bottom:6vh}.home-legend{height:65%;max-height:390px;bottom:42%;width:49%;opacity:.85}.home-legend.left{left:-4%}.home-legend.right{right:-4%}.legend-caption{display:none}.arcade-menu{width:100%;max-width:440px;padding:15px;gap:7px}.arcade-choice{min-height:44px;font-size:14px}.arcade-choice.primary-choice{font-size:22px}.menu-heading{font-size:8px}.menu-hint{font-size:7px}.arcade-home .footer span:last-child{display:none}.arcade-home .footer{justify-content:center}.fighter-signature{font-size:9px}.selection-stage .fighter-signature small{font-size:7px}
}
@media(max-width:360px) and (orientation:portrait){.arcade-title{margin-top:15px}.arcade-title h1{font-size:14vw}.arcade-menu{gap:5px;padding:10px}.arcade-choice{font-size:12px;min-height:42px}.home-composition{padding-bottom:10px}.menu-hint{display:none}.home-legend{bottom:48%}.arcade-home .footer{padding-top:7px}}
@media(max-height:360px) and (orientation:landscape){.arcade-title .title-overline,.arcade-title .title-rule,.menu-heading{display:none}.arcade-title h1{font-size:32px}.arcade-title h1 span{display:inline}.arcade-title h1 span:last-child{font-size:1em;margin-left:9px}.arcade-menu{width:350px;gap:5px;margin-top:8px;padding:9px 12px}.arcade-choice{min-height:36px;font-size:11px}.arcade-home .footer{display:none}.home-legend{max-height:80vh}.home-composition{align-items:center}}
@media(max-height:650px) and (orientation:landscape){.arcade-menu{width:clamp(310px,39vw,470px)}.arcade-choice,.arcade-choice.primary-choice{min-height:44px;font-size:12px;grid-column:auto}.arcade-choice:last-of-type{grid-column:auto;justify-content:flex-start}.arcade-title h1{font-size:6.5vh}.arcade-choice small{flex-shrink:0}.arcade-home .footer{padding-top:4px}}
@media(max-height:360px) and (orientation:landscape){.arcade-title h1{font-size:30px}.arcade-title h1 span{display:inline}.arcade-menu{width:340px;margin-top:4px}.home-legend{width:24%;opacity:.6}}
@media(max-width:360px) and (orientation:portrait){.arcade-choice{min-height:44px}.arcade-choice.primary-choice{min-height:44px}.arcade-title{margin-top:10px}.home-composition{padding-bottom:4px}}
@media(prefers-reduced-motion:reduce){.scene-enter,.title-entrance,.home-legend img,.selection-fighter img{animation:none}.title-entrance:after,#scene-wipe{display:none}}
@media(min-width:2400px){.arcade-title h1{font-size:7.8vw}.arcade-title .title-overline{font-size:1.1vw}.arcade-title .title-rule{font-size:.65vw}.arcade-menu{width:29vw;max-width:1120px;padding:1.3vw;gap:.55vw}.arcade-choice{min-height:5.1vh;font-size:1.07vw;padding:.5vw .7vw}.arcade-choice.primary-choice{font-size:1.5vw}.menu-heading{font-size:.67vw}.menu-hint{font-size:.52vw}.legend-caption strong{font-size:2.5vw}.legend-caption small{font-size:.6vw}.arcade-home .footer{font-size:.55vw}.brand .basketball-icon{width:2.1vw;height:2.1vw}}
@media(max-width:600px) and (max-height:700px) and (orientation:portrait){
 .selection-page{padding:14px 4vw 12px}
 .selection-page .section-head{margin:12px 0 10px;padding-bottom:8px;display:block}
 .selection-page .section-head .eyebrow{font-size:7px;letter-spacing:.15em}
 .selection-page .section-head h1{font-size:24px;margin-top:6px;white-space:nowrap}
 .selection-page .steps{display:none}
 .selection-stage{flex:1;min-height:0;gap:8px;grid-template-rows:auto minmax(100px,1fr)}
 .select-center{gap:5px}
 .select-center .fighter-card{height:68px;min-height:68px}
 .player-tabs button{padding:8px;font-size:8px}
 .fighter-signature{font-size:8px}
 .selection-fighter{min-height:100px;padding:5px}
 .selection-fighter img{max-height:90px;min-height:0}
 .selection-fighter .caption{padding:4px 2px;flex-shrink:0}
 .selection-fighter .caption strong{font-size:13px}
 .selection-fighter .caption small{font-size:5px}
 .select-bottom{flex-shrink:0;gap:6px;margin-top:9px;display:grid;grid-template-columns:1fr 1fr}
 .select-bottom .text-button{font-size:7px;text-align:left}
 .select-bottom .field{font-size:7px;justify-content:flex-end}
 .select-bottom .field select{font-size:9px;padding:6px}
 .select-bottom .primary{grid-column:1/-1;min-height:44px;margin:0;justify-content:center}
 .arena-grid{min-height:230px}
}
@media(max-height:500px) and (orientation:landscape){
 .selection-page{padding:10px 3vw 9px}
 .selection-page .section-head{margin:8px 0;padding-bottom:6px}
 .selection-page .section-head h1{font-size:23px;margin:4px 0 0}
 .selection-page .section-head .eyebrow{font-size:7px;letter-spacing:.18em}
 .selection-page .steps{font-size:6px;gap:8px}
 .selection-stage{min-height:0;gap:12px}
 .select-center{gap:5px}
 .select-center .roster{gap:4px;margin:0}
 .select-center .fighter-card{height:clamp(44px,13vh,60px)}
 .select-center .fighter-stats{display:none}
 .select-center .player-tabs button{padding:6px;font-size:7px}
 .fighter-signature{font-size:7px;line-height:1.1}
 .fighter-signature small{font-size:6px;margin-bottom:3px}
 .selection-fighter{min-height:0;padding:5px}
 .selection-fighter img{max-height:36vh}
 .selection-fighter .caption{padding:5px 2px}
 .selection-fighter .caption strong{font-size:14px}
 .selection-fighter .caption small{font-size:5px}
 .selection-page .select-bottom{margin-top:7px;flex-shrink:0}
 .select-bottom .primary{min-height:44px;padding:9px 18px}
}
@media(max-width:600px) and (max-height:360px) and (orientation:landscape){
 .selection-stage{grid-template-columns:.8fr 1.7fr .8fr;gap:7px}
 .selection-page .steps{display:none}
 .selection-page .section-head h1{font-size:20px}
 .selection-page .section-head .eyebrow{display:none}
 .selection-fighter .caption small{display:none}
 .selection-fighter .caption strong{font-size:9px}
 .select-center .card-label{font-size:6px}
 .select-bottom .text-button{font-size:7px}
 .select-bottom .field{font-size:6px;gap:4px}
 .select-bottom .field select{padding:5px;font-size:8px}
 .select-bottom .primary{min-width:140px;font-size:9px}
}
