/* PLAYUP v3 theme over app.css */
:root{--o:var(--c);--c:var(--c);--m:var(--r);--bg:var(--bg);--card:var(--bg2);--tx:var(--tx);--dim:var(--mu);--l:var(--c);--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--disp:"Arial Black",Impact,system-ui,sans-serif}
body{background:radial-gradient(ellipse 60% 40% at 50% -10%,rgb(var(--fg-rgb)/0.07),transparent 70%),var(--bg) fixed;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
body:before{content:"";position:fixed;inset:auto 0 0 0;height:60vh;pointer-events:none;z-index:-1;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 420' fill='none' stroke='%23ffffff1a' stroke-width='2'%3E%3Crect x='40' y='20' width='1320' height='380'/%3E%3Cline x1='700' y1='20' x2='700' y2='400'/%3E%3Ccircle cx='700' cy='210' r='80'/%3E%3Crect x='40' y='130' width='210' height='160'/%3E%3Crect x='1150' y='130' width='210' height='160'/%3E%3C/svg%3E") center bottom/cover no-repeat}
.banner{background:var(--l);color:var(--on-c);font:700 11px/1 var(--mono);letter-spacing:.22em;padding:8px}
header{border-bottom:1px solid rgb(var(--fg-rgb)/0.11);padding:14px 20px}
.logo{font:900 italic 24px/1 var(--disp);letter-spacing:.02em;text-shadow:none;display:inline-flex;align-items:center;gap:8px}.logo:before{content:"";width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb066,var(--c) 55%,#b44a00)}
.glitch:hover{animation:none}
.apptools nav button,.tabs button{border-radius:99px;border-color:rgb(var(--fg-rgb)/0.11);color:var(--dim);font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:9px 14px}
.apptools nav button.on,.tabs button.on{background:var(--inv);color:var(--on-c);border-color:var(--tx);box-shadow:none}
nav .hot{background:var(--o);color:var(--on-c)}.apptools nav a{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--o)!important;text-decoration:none}
#mycount{background:var(--l)}
h1{font:900 italic clamp(32px,5vw,56px)/.95 var(--disp);text-transform:uppercase;text-shadow:none;letter-spacing:-.01em;margin:14px 0 20px}
.chips button{border-radius:99px;border-color:rgb(var(--fg-rgb)/0.11)}.chips.big button{border-radius:16px;padding:14px 18px}.chips button.on{border-color:var(--o);color:var(--on-c);background:var(--o);box-shadow:none}
.fld,.filters label{font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase}
.fld input,.fld select,.filters select{border-radius:12px;background:var(--bg);border-color:rgb(var(--fg-rgb)/0.11);font-family:Inter,system-ui;letter-spacing:0;text-transform:none}
.go{background:var(--inv);color:var(--on-c);border-radius:99px;font-weight:700;letter-spacing:.02em;transition:transform .2s,background .2s}.go:hover{background:var(--o);transform:translateY(-2px)}
.card{background:linear-gradient(180deg,#15171c,var(--bg2));border-color:rgb(var(--fg-rgb)/0.11);border-radius:18px;padding:18px;overflow:hidden;transition:transform .25s,border-color .25s;animation:cin .5s cubic-bezier(.2,.7,.2,1) both}
.card:hover{transform:translateY(-3px);border-color:rgb(var(--fg-rgb)/0.25)}.card.in{border-color:var(--l);box-shadow:0 0 0 1px rgb(var(--c-rgb)/0.33)}
@keyframes cin{from{opacity:0;transform:translateY(16px)}}
.card .sp{font:500 10px var(--mono);letter-spacing:.24em;color:var(--o)}.card h3{font:800 18px/1.2 Inter,system-ui}
.spots{font-family:var(--mono);color:var(--l)}.spots.full{color:var(--m)}
.card button{border-radius:99px;border-color:var(--tx);color:var(--tx);font-weight:600}.card button:hover{background:var(--inv);color:var(--on-c)}.card button.joined{background:var(--l);border-color:var(--l)}
.badge{background:var(--l);border-radius:99px;font-family:var(--mono)}
.map{border-radius:18px;border-color:rgb(var(--fg-rgb)/0.11);background:var(--bg2)}.empty{border-radius:16px}
#toast{background:var(--inv);color:var(--on-c);border:0;border-radius:99px;font-weight:600}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}