/* Design D "Premium speels": nachtblauw, goud voor waarde, sappige kleur per verzamelaar. Bewust één donkere look. */
:root{--bg:#0f1428;--s1:#182044;--s2:#1d2552;--line:#2c3670;--ink:#f3f4fb;--muted:#a3aacb;--gold:#f5c451;--gold2:#f5b415;--up:#6ff0a6;--down:#ff8a8a;--blue:#7cc9ff;
--me1:#f5c451;--me2:#f5b415;--meink:#2a1d00;--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Figtree",system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.4;margin:0}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.demo{background:#2b2a5e;color:#e9e6ff;text-align:center;font-size:12px;padding:6px 16px;font-weight:600}
#app{max-width:520px;margin:0 auto;min-height:100vh;padding-top:env(safe-area-inset-top,0px);padding-bottom:120px;box-sizing:border-box;background:radial-gradient(130% 40% at 85% 0%,color-mix(in oklab,var(--me2) 38%,var(--bg)) 0%,var(--bg) 58%);transition:background .3s}
.pad{padding:18px 16px;display:flex;flex-direction:column;gap:14px}
h1{font-family:var(--display);font-weight:800;font-size:28px;line-height:1.05;margin:0;text-wrap:balance}
h2{font-family:var(--display);font-weight:800;font-size:19px;margin:10px 0 0;display:flex;align-items:center;gap:8px}
.muted{color:var(--muted)} small{font-size:12.5px}
.num{font-variant-numeric:tabular-nums}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.sp{justify-content:space-between}.row.base{align-items:baseline}
.grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}
.stack{display:flex;flex-direction:column;gap:8px}
.top{display:flex;justify-content:space-between;align-items:center}
.me,.av{width:42px;height:42px;border-radius:14px;border:0;background:linear-gradient(150deg,var(--p1),var(--p2));color:var(--pt);font-family:var(--display);font-weight:800;font-size:18px;display:grid;place-items:center;cursor:pointer;flex:none}
.av.sm{width:38px;height:38px;border-radius:12px}
.hero{border-radius:24px;padding:18px;background:linear-gradient(150deg,var(--s2),#151b3c);border:1px solid var(--line);box-shadow:0 14px 34px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:6px}
.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}
.bigv{font-family:var(--display);font-weight:800;font-size:40px;line-height:1}
.hero .bigv{color:var(--gold)}
.pill{font-weight:700;font-size:12px;border-radius:99px;padding:4px 10px}.pill.up{background:rgba(111,240,166,.15);color:var(--up)}.pill.down{background:rgba(255,138,138,.15);color:var(--down)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid2.f{gap:10px;margin-top:4px}
.pblock{border:0;cursor:pointer;text-align:left;border-radius:20px;padding:13px;background:linear-gradient(150deg,var(--p1),var(--p2));color:var(--pt);display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 20px rgba(0,0,0,.3);transition:transform .15s}
.pblock:active,.tile:active,.note:active{transform:scale(.97)}
.pblock .pv{font-family:var(--display);font-weight:800;font-size:23px}
.yrow,.note{display:flex;align-items:center;gap:12px;border-radius:18px;padding:10px 12px;background:var(--s1);border:1px solid var(--line);cursor:pointer;text-align:left;width:100%}
.bar{display:block;height:7px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:5px}.bar i{display:block;height:100%}
.upc{color:var(--up)}.downc{color:var(--down)}.bluec{color:var(--blue)}.goldc{color:var(--gold)}
/* card art placeholders */
.art{position:relative;display:block;aspect-ratio:63/88;border-radius:7px;background:var(--s2);overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:6px;font-size:11px;font-weight:700;color:var(--muted)}
.art.xs{width:34px;flex:none;border-radius:5px}.art.xs .artname,.art.xs .artno{display:none}.art.xs::before{inset:3px;border-radius:3px}
.art.lg{width:100%;border-radius:14px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cards .art{width:100%}
.tile{position:relative;border:0;background:none;padding:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:3px;min-width:0;transition:transform .15s}
.tile .tn{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile .tp{font-size:12px;font-weight:700;color:var(--gold)}
.qty{position:absolute;top:5px;left:5px;background:rgba(0,0,0,.65);color:#fff;font-size:10px;font-weight:800;border-radius:99px;padding:1px 6px}
.grade{position:absolute;top:5px;left:5px;background:var(--bg);color:var(--gold);font-size:10px;font-weight:800;border-radius:6px;padding:1px 5px}
.qty+.grade{top:22px}
.dot{position:absolute;top:6px;right:6px;width:11px;height:11px;border-radius:50%;border:2px solid #fff}
.phero{padding:16px 18px 20px;background:linear-gradient(160deg,var(--p1),var(--p2));color:var(--pt);border-radius:0 0 28px 28px;display:flex;flex-direction:column;gap:4px}
.back{border:0;background:none;color:inherit;font-weight:700;padding:0;cursor:pointer;align-self:flex-start;margin-bottom:6px;opacity:.9}
.seg{display:flex;gap:4px;background:var(--s1);border-radius:14px;padding:4px}
.seg button{flex:1;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:700;font-size:13px;padding:9px 4px;cursor:pointer}
.seg button[aria-selected=true]{background:var(--ink);color:var(--bg)}
select,input[type=text],input[type=search],input[type=password]{background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:11px 12px;width:100%;min-width:0}
#srt{width:auto}
.lbl{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}
.setbox{background:var(--s1);border:1px solid var(--line);border-radius:18px;padding:12px;margin-bottom:10px}
.setbox summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer}.setbox summary::-webkit-details-marker{display:none}
.ring{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:radial-gradient(closest-side,var(--s1) 76%,transparent 78%),conic-gradient(var(--gold) calc(var(--v)*1%),var(--line) 0)}
.cells{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;margin:12px 0 8px}
.cell{aspect-ratio:63/88;border-radius:3px;border:1px dashed #3a4680;font-size:8px;color:#6b74a3;display:grid;place-items:center}
.cell.on{background:linear-gradient(160deg,var(--gold),var(--gold2));border:0}
.cardpage{background:radial-gradient(120% 45% at 50% 10%,color-mix(in oklab,var(--me2) 30%,var(--bg)) 0%,var(--bg) 70%);min-height:100vh}
.bigart{position:relative;width:58%;max-width:220px;align-self:center;box-shadow:0 0 0 1.5px var(--gold),0 22px 50px rgba(0,0,0,.45);border-radius:14px}
.gbadge{position:absolute;top:-10px;right:-12px;background:linear-gradient(150deg,#ffd970,var(--gold2));color:#2a1d00;font-family:var(--display);font-weight:800;font-size:13px;border-radius:10px;padding:4px 9px}
.center{text-align:center;display:flex;flex-direction:column;gap:4px}
.jpname{font-size:14px;color:var(--muted,#9aa3c7);margin:-2px 0 0}
.prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.prices>div{background:var(--s1);border:1px solid var(--line);border-radius:16px;padding:10px}
.prices>div.hl{border-color:var(--gold)}.prices>div.hl b{color:var(--gold)}
.prices small{display:block;color:var(--muted);font-weight:700;font-size:11px}.prices b{font-family:var(--display);font-weight:800;font-size:17px}
.panel{background:var(--s1);border:1px solid var(--line);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:8px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:0;background:linear-gradient(150deg,var(--p1),var(--p2));color:var(--pt);border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:700}
.chip.pick{cursor:pointer;opacity:.45}.chip.pick[aria-pressed=true]{opacity:1;box-shadow:0 0 0 2px var(--ink)}
.actions{display:flex;flex-direction:column;gap:10px}
.btn{border:0;border-radius:16px;padding:12px 16px;font-weight:800;cursor:pointer}
.btn.big{width:100%;padding:15px;font-size:16px}.btn.sm{padding:8px 12px;font-size:13px;border-radius:12px}
.btn.gold{background:linear-gradient(150deg,#ffd970,var(--gold2));color:#2a1d00}
.btn.ghost{background:var(--s1);border:1px solid #3a4680;color:var(--ink)}
.btn.blue{background:var(--blue);color:#06243d}
.scan{display:flex;align-items:center;gap:14px;border:0;border-radius:22px;padding:16px;cursor:pointer;text-align:left;background:linear-gradient(150deg,var(--s2),#151b3c);border:1px solid var(--gold)}
.scan b{font-family:var(--display);font-size:20px;display:block}.scan small{color:var(--muted)}
.scanicon{width:60px;height:60px;border-radius:20px;background:linear-gradient(150deg,#ffd970,var(--gold2));display:grid;place-items:center;flex:none;box-shadow:0 10px 24px rgba(245,180,21,.4)}
.dotl{width:12px;height:12px;border-radius:50%;display:inline-block}
/* nav */
#nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:rgba(15,20,40,.94);backdrop-filter:blur(10px);border-top:1px solid #232b55;padding:8px 6px calc(14px + env(safe-area-inset-bottom,0px))}
#nav .in{max-width:480px;margin:0 auto;display:flex;justify-content:space-around;align-items:center}
#nav button{border:0;background:none;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 6px;min-width:56px}
#nav button[aria-current=page]{color:var(--me1)}
#nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}
#nav .fab{width:62px;height:62px;border-radius:20px;background:linear-gradient(150deg,#ffd970,var(--gold2));margin-top:-32px;box-shadow:0 10px 24px rgba(245,180,21,.45);justify-content:center;min-width:0}
#nav .fab svg{stroke:#2a1d00;width:28px;height:28px}
/* sheet */
#sheet{position:fixed;inset:0;z-index:40}
.scrim{position:absolute;inset:0;background:rgba(5,8,20,.6)}
.sheetin{position:absolute;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;background:var(--s1);border-radius:26px 26px 0 0;padding:20px 16px calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);animation:up .22s ease-out}
@keyframes up{from{transform:translateY(40px);opacity:.4}}
.cam{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 0}
.cam .frame{position:relative;width:180px;height:250px;border-radius:14px;border:2px dashed var(--gold);overflow:hidden;background:#0a0e1f}
.scanline{position:absolute;left:0;right:0;height:3px;background:var(--gold);box-shadow:0 0 14px var(--gold);animation:scanl 1.2s ease-in-out infinite alternate}
@keyframes scanl{from{top:6%}to{top:92%}}
#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(96px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;font-weight:700;font-size:14px;z-index:60;max-width:calc(100% - 32px);box-shadow:0 8px 24px rgba(0,0,0,.4)}
[hidden]{display:none!important}
.feat{border:1px solid var(--line);background:var(--s1);border-radius:20px;padding:12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px}
.fv{font-family:var(--display);font-weight:800;font-size:28px;color:var(--gold)}.fv small{font-size:15px;color:var(--muted)}.fv.sm{font-size:19px;color:var(--ink)}
.tl{display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--line);border-radius:18px;padding:4px 12px}
.tle{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.tle:first-child{border-top:0}
.av.xs{width:30px;height:30px;border-radius:10px;font-size:13px;cursor:default}
.pr{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.linkbox{display:flex;gap:8px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:8px 8px 8px 12px}.linkbox span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px;user-select:all}
.sharegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sh{display:flex;flex-direction:column;gap:4px}
.dex{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.dx{position:relative;border:1px dashed #3a4680;background:transparent;border-radius:10px;padding:6px 4px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:#7b84b3}
.dx.on{border:0;background:linear-gradient(150deg,#2a336e,#1d2552);color:var(--ink);box-shadow:inset 0 0 0 1px var(--gold)}
.dxn{font-size:10px;font-weight:800}.dx.on .dxn{color:var(--gold)}.dxm{font-size:9.5px;font-weight:700;line-height:1.1;text-align:center;overflow-wrap:anywhere}
.dxo{display:flex;gap:2px;margin-top:2px}.dxo i{width:7px;height:7px;border-radius:50%}
.spacer{flex:1}
.tbl{overflow-x:auto;background:var(--s1);border:1px solid var(--line);border-radius:14px}
table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:8px 10px;text-align:left;white-space:nowrap;border-top:1px solid var(--line)}thead th{border-top:0;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.r{text-align:right}
#pt{display:flex;flex-direction:column;gap:12px}
.estim{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--bg);border-radius:12px;padding:10px 12px;font-size:13px}.estim b{font-family:var(--display);font-size:18px}
.grid2.f{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.sw{border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);padding:0}
.sw span{width:48px;height:48px;border-radius:16px;background:linear-gradient(150deg,var(--p1),var(--p2));display:block}
.sw[aria-pressed=true] span{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--ink)}
.sw[aria-pressed=true]{color:var(--ink)}
.seg button[aria-selected=true]{background:var(--me1);color:var(--meink)}
.win{display:none;position:absolute;left:12%;right:12%;top:20%;height:42%;border-radius:4px;background:linear-gradient(160deg,color-mix(in oklab,var(--a) 80%,white),var(--b));box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);z-index:2}
.fx{position:absolute;inset:0;z-index:1;pointer-events:none}
@keyframes foil{to{background-position:250% 0}}
.st1{position:absolute;left:12%;top:64%;z-index:4;background:#111;color:#fff;font-size:8px;font-weight:900;border-radius:3px;padding:1px 3px}
.stp{position:absolute;right:16%;top:44%;z-index:4;width:22%;aspect-ratio:1;border-radius:50%;border:2px solid #fff;color:#fff;display:grid;place-items:center;font-size:10px;background:rgba(0,0,0,.25)}
.art.xs .win{top:22%;height:40%}.art.xs .st1,.art.xs .stp{display:none}
.art.mini{width:28px;flex:none;border-radius:4px}.art.mini .artname,.art.mini .artno,.art.mini .st1{display:none}.art.mini::before{inset:2px;border-radius:2px}.art.mini .stp{border-width:1px;font-size:0}
.art.md{width:110px;flex:none}
.vbadge{position:absolute;bottom:42px;right:5px;z-index:5;background:var(--ink);color:var(--bg);font-size:10px;font-weight:900;border-radius:6px;padding:1px 5px}
.vchips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.vchip{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:8px 8px 6px;cursor:pointer;width:84px;color:var(--muted);font-size:11px;font-weight:700;text-align:center;line-height:1.15}
.vchip[aria-pressed=true]{border-color:var(--me1);color:var(--ink);box-shadow:0 0 0 1px var(--me1)}
.vchip.extra{border-style:dashed}
.vchip.more{justify-content:center;min-height:86px;color:var(--gold)}
.vdesc{margin:2px 0 0;font-size:13px;color:var(--muted)}.vdesc b{color:var(--ink)}
.panel.warn{border-color:#7a5a1a;background:#221d16}
.addprev{display:flex;gap:14px;align-items:flex-start}
.vstack{display:flex;flex:none}.vstack .art.xs{margin-right:-14px;box-shadow:0 0 0 2px var(--s1)}.vstack .art.xs:last-child{margin-right:0}
.sheetin{max-height:92vh;overflow-y:auto}
.vicon{position:absolute;right:7%;bottom:7%;z-index:4;width:22%;max-width:26px;aspect-ratio:1;border-radius:50%;background:rgba(10,14,31,.78);display:grid;place-items:center;box-shadow:0 0 0 1px rgba(255,255,255,.5)}
.vicon svg{width:70%;height:70%;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.art.lg .vicon{max-width:44px}
.vicon.big{position:static;width:34px;max-width:none;background:var(--s2)}.vicon.big svg{stroke:var(--ink)}.vicon.plain{border:1.5px solid var(--muted);box-shadow:none;background:transparent}
.vchip small{font-size:11px;font-weight:800}
.cm{display:inline-flex;align-items:center;gap:5px;color:var(--gold);font-weight:700;font-size:13px;text-decoration:none}.cm:hover{text-decoration:underline}
.cmrow{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:-4px}
.stack>.cm{align-self:flex-end;margin:-4px 6px 4px}
/* login & who */
.login{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px 20px;max-width:420px;margin:0 auto}
.login h1{font-size:40px}
.who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.whob{border:0;cursor:pointer;border-radius:22px;padding:18px 12px;background:var(--s1);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:8px}
.whob .av{width:58px;height:58px;font-size:24px;border-radius:18px;cursor:inherit}
.whob small{color:var(--muted)}
/* disney */
.hits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hits figure{margin:0}.hits img{width:100%;aspect-ratio:5/7;object-fit:cover;border-radius:12px;display:block;box-shadow:0 0 0 1.5px var(--gold)}
.hits figcaption{font-size:12px;color:var(--muted);margin-top:6px}.hits b{display:block;color:var(--ink)}
.film{background:var(--s1);border:1px solid var(--line);border-radius:16px;margin-top:10px;padding:12px}
.film summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer}.film summary::-webkit-details-marker{display:none}
.film small{color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.06em}
.gname{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 0 6px}
.dtiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dt{position:relative;aspect-ratio:5/7;border:0;border-radius:8px;overflow:hidden;cursor:pointer;padding:0;background:linear-gradient(160deg,#d8b0ff,#6b3bb3);color:#fff;text-align:left}
.dt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dt .dn{position:absolute;top:5px;left:6px;font-size:10px;font-weight:800;z-index:1}
.dt .dname{position:absolute;left:5px;right:5px;bottom:5px;font-size:10px;font-weight:700;line-height:1.1;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.dt.miss{filter:grayscale(.9);opacity:.3}
.dt .ok{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--up);color:#06301a;font-size:11px;font-weight:900;display:grid;place-items:center;z-index:1}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.small{font-size:13px}
.err{color:var(--down);min-height:1.2em;margin:0}
.empty{padding:40px 0;text-align:center}
.spin{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:sp 1s linear infinite;display:inline-block}
@keyframes sp{to{transform:rotate(360deg)}}
a.feat{text-decoration:none;color:inherit}
a.btn{text-decoration:none;text-align:center;display:block}
.dt{border:0}
.dt .cam{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.55);border:0;display:grid;place-items:center;z-index:2;cursor:pointer;padding:0}
.dt .dn{left:auto;right:26px}
.dt.miss .dn{right:6px}
#dq{margin-top:4px}

.rf{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:var(--s1);color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none}
.rf svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.rf.spinning svg{animation:rfspin .8s linear infinite}@keyframes rfspin{to{transform:rotate(360deg)}}
.updbar{position:fixed;left:50%;transform:translateX(-50%);top:calc(10px + env(safe-area-inset-top,0px));z-index:70;border:0;border-radius:14px;padding:10px 16px;background:var(--gold);color:#2a1d00;font:inherit;display:flex;flex-direction:column;align-items:center;gap:1px;box-shadow:0 8px 24px rgba(0,0,0,.45);cursor:pointer;max-width:calc(100% - 32px)}
.updbar span{font-size:12.5px;font-weight:600}
.yr{display:inline-block;width:auto;margin-left:8px;padding:1px 7px;font-family:var(--body);border-radius:999px;background:var(--s2);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700;vertical-align:1px}
.tlb{width:100%;border:0;border-top:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.tl .tlb:first-child{border-top:0}
.tle .chev{color:var(--muted);font-size:20px;line-height:1;margin-left:2px}
.fsearch{display:flex;flex-direction:column;gap:10px}
.owners{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.owners .chip{font-size:11px;padding:2px 8px}
.dt.land{grid-column:span 2;aspect-ratio:10/7}
.dprev{align-self:center;width:58%;aspect-ratio:5/7;border-radius:12px;overflow:hidden;background:var(--s2)}.dprev.land{width:100%;aspect-ratio:7/5}
.dprev img{width:100%;height:100%;object-fit:cover;display:block}
/* Vaste balk onder klok en eiland: inhoud schuift er nooit meer onder (alleen als web-app op het beginscherm) */
body::before{content:'';position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:rgba(15,20,40,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:45;pointer-events:none}
.movers{display:grid;grid-template-columns:1fr;gap:12px}.movers>div{display:flex;flex-direction:column;gap:6px}
.mv{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;color:inherit;font:inherit;text-align:left;padding:4px 0;cursor:pointer}.mv .grow{display:flex;flex-direction:column;min-width:0}.mv .grow b,.mv .grow small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plink{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:700;color:inherit;opacity:.85;text-decoration:underline;text-underline-offset:3px}
.estbox{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:var(--s2);border:1px solid var(--line)}.estbox a{color:inherit}
.sheetwrap{position:absolute;left:0;right:0;bottom:0;max-width:480px;margin:0 auto}
.sheetwrap .sheetin{position:relative}
.sheetx{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--s2);color:var(--ink);font-size:22px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0}
.sheetin>h2:first-child{padding-right:44px}