[hidden]{display:none!important}
.landing{max-width:520px;margin:12vh auto 0;padding:0 16px;text-align:center}
.landing h1{font-size:34px;color:var(--white);margin:0 0 8px}
.landing .primary{flex-basis:100%;padding:10px}
.landing a{color:var(--accent)}
.err{color:#f87171;min-height:1.2em}
.low{color:var(--accent);font-size:11px;display:block}
.chart{background:none;border:0;padding:0;color:var(--accent);font-size:12px;text-align:left}
button:disabled{opacity:.6;cursor:default}
.signin{padding:12px 24px;font-size:16px;margin-top:12px}
body.readonly :is(#refresh,#alertsbtn,#alerts,.pick,.trash,.bulk,#pickopen,[data-undiscord],[data-sel]){display:none!important}
body.readonly :is(.catsel,.stylesel,.seg){pointer-events:none}
.person{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #223}
.person a{color:var(--text);text-decoration:none}
.person a:hover{color:var(--accent)}
.signoutrow{margin-top:14px}
.rowcat{display:none}
.tagline{color:var(--muted);font-size:11px;line-height:1.3}
.best{color:var(--green);font-size:12px;display:block}
.dealpage{max-width:760px;margin:0 auto;padding:16px}
.dealhome{color:var(--muted);text-decoration:none;font-size:13px}
#gamebox{width:min(680px,calc(100vw - 24px));max-height:calc(100vh - 32px);padding:16px}
#gamebox .dealtop{margin-top:0}
#gamebox form{position:sticky;bottom:0}
.dealtop{display:flex;gap:16px;align-items:flex-start;margin:12px 0 18px}
.dealtop img{width:120px;border-radius:6px;background:#000}
.dealtop h1{color:var(--white);font-size:24px;margin:0 0 6px}
.store{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:10px 12px;margin:6px 0;background:var(--panel);border-radius:6px;color:inherit;text-decoration:none}
.store:hover{background:var(--panel2)}
.store b{color:var(--white)}
.store s{color:#738895;font-size:12px}
.store.cheapest{outline:1px solid var(--green)}
.resellers{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.resellers a{color:#f5a623;border:1px solid #6b4e1a;border-radius:4px;padding:6px 10px;text-decoration:none;font-size:13px}
@media(max-width:600px){.store{grid-template-columns:minmax(0,1fr) auto}.store>s,.store>span:nth-child(3){display:none}}
.ask .grow{flex:1;min-width:220px}
.prios label{display:flex;gap:6px;align-items:center}
.prios input,.drule input{width:64px;min-width:0;flex:none;text-align:right}
.drule{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px;font-size:12px;color:var(--muted)}
.dpanel{flex-direction:column;align-items:flex-start}
.dcats{display:flex;flex-wrap:wrap;gap:6px 16px}
.dcat input{width:18px;height:18px;min-height:0;accent-color:var(--accent)}
body.readonly .dcats{pointer-events:none;opacity:.7}
.row.droww{grid-template-columns:80px minmax(0,1fr) auto auto}
.row.droww img{width:80px;height:30px}
#picker{padding:14px}
.pickbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.pickbar input{flex:1;min-width:150px}
#picklist{height:min(55vh,460px);overflow-y:auto;border:1px solid #2a3a4d;border-radius:6px}
.pickrow{display:flex;gap:10px;align-items:center;padding:7px 8px;cursor:pointer;border-bottom:1px solid #223}
.pickrow:hover{background:var(--panel2)}
.pickrow input{width:18px;height:18px;flex:none;min-height:0;accent-color:var(--accent)}
.pickrow img{width:64px;height:24px;object-fit:cover;border-radius:3px;background:#000;flex:none}
.pickrow .meta{display:block}
.pickfoot{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:10px}
.pickfoot .meta{margin-right:auto}
.pickfoot form{margin:0}
dialog{background:var(--panel);color:var(--text);border:1px solid #2a3a4d;border-radius:8px;width:min(560px,calc(100vw - 32px))}
dialog::backdrop{background:#000a}
dialog h2{margin:0 0 10px;font-size:17px;color:var(--white)}
dialog svg{width:100%;height:auto;display:block;margin-bottom:8px}
dialog form{text-align:right;margin-top:10px}
#countryset{width:64px;flex:none;min-width:0;text-transform:uppercase}
@media(max-width:600px){
  button,select,input{min-height:40px;font-size:16px}
  .tab,.seg button,.catsel,.stylesel,.aks,.trash,.mini button,.cfoot button,.chart{min-height:0;font-size:13px}
  header{position:static}
  .wrap{padding:0 12px}
  .top{padding-top:10px;gap:6px}
  .top h1{flex-basis:100%;font-size:18px}
  .top button{flex:1;white-space:nowrap;padding:6px 8px;font-size:14px}
  .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}
  .tabs .lbl{display:none}
  .tab{white-space:nowrap}
  .filters{gap:6px}
  .filters input[type=search]{flex-basis:100%}
  .filters select{flex:1 1 45%;min-width:0;padding:6px}
  .filters .chk{flex:1;font-size:14px;white-space:nowrap}
  .rules{display:none}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .card:hover{transform:none}
  .card .tagline{display:none}
  .body{padding:8px;gap:5px}
  .csel{flex-direction:column}
  .csel select{width:100%;padding:5px 4px}
  .art .pick{width:24px;height:24px}
  .row{gap:8px}
  .ctrls{flex-direction:row;align-items:center;justify-content:space-between}
  .ctrls .seg{display:none}
  .rowcat{display:block;padding:5px 8px}
  .row.droww{grid-template-columns:64px minmax(0,1fr)}
  .row.droww img{width:64px;height:24px}
  .row.droww .catsel{justify-self:start;padding:5px 8px}
  .bulk{position:sticky;bottom:8px;z-index:4}
  .keyrow input{min-width:0}
  .prios{display:grid;grid-template-columns:1fr 1fr}
  .prios label{justify-content:space-between}
  #gamebox{padding:12px}
  .dealtop img{width:84px}
  .dealtop h1{font-size:20px}
}