/* Kleedkamer v2 (js/avatar/editor.js). Staand: onderpaneel (bottom sheet); liggend/breed: paneel rechts. Knoppen >= 48 px. */
#editor{--pw:min(56vw,580px);position:absolute;inset:0;z-index:9;overflow:hidden;padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:var(--navy);font-weight:800;opacity:0;transition:opacity .25s;-webkit-user-select:none;user-select:none}
#editor.hidden{display:none}
#editor.show{opacity:1}
.ed-bg{position:absolute;inset:0;transition:background .3s}
.ed-cv{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}
.ed-cv:active{cursor:grabbing}
.ed-top{position:absolute;left:0;right:0;top:0;display:flex;gap:6px;align-items:center;padding:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) 4px calc(8px + env(safe-area-inset-left));pointer-events:none;overflow-x:auto;scrollbar-width:none;z-index:3}
.ed-top>*{pointer-events:auto;flex:none}
.ed-top::-webkit-scrollbar{display:none}
.ed-grow{flex:1 1 auto!important;pointer-events:none!important}
.ed-title{font-size:18px;background:var(--card);border:3px solid var(--navy);border-radius:14px;padding:0 12px;height:48px;display:flex;align-items:center;gap:6px;box-shadow:0 3px 0 var(--navy);white-space:nowrap}
.ed-b{min-width:48px;height:48px;padding:0 10px;border-radius:14px;border:3px solid var(--navy);background:#fff;box-shadow:0 3px 0 var(--navy);font:inherit;font-size:22px;color:var(--navy);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;touch-action:manipulation}
.ed-b.ok{background:var(--yellow)}
.ed-b.go{background:var(--pink);color:#fff}
.ed-b.on{background:var(--yellow)}
.ed-b.wide{padding:0 16px;font-size:16px;white-space:nowrap}
.ed-b.sm{font-size:20px}
.ed-b:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--navy)}
.ed-b:disabled{opacity:.4;cursor:default}
.ed-side{position:absolute;left:0;right:0;bottom:0;height:min(62vh,540px);display:flex;flex-direction:column;z-index:2;padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:3px solid var(--navy);border-radius:20px 20px 0 0;box-shadow:0 -4px 0 #1d2b5322}
.ed-rail{display:flex;flex-direction:row;gap:6px;padding:6px 8px;overflow-x:auto;flex:none;scrollbar-width:none;touch-action:pan-x;border-bottom:2px dashed #1d2b5333}
.ed-rail::-webkit-scrollbar{display:none}
.ed-cat{flex:none;width:62px;height:58px;border-radius:14px;border:3px solid var(--navy);background:#fff;font:inherit;color:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;cursor:pointer;touch-action:manipulation}
.ed-cat span{font-size:24px;line-height:1}
.ed-cat small{font-size:10px;line-height:1.1;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ed-cat.on{background:var(--yellow);box-shadow:0 3px 0 var(--navy)}
.ed-panel{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}
.ed-subs{display:flex;gap:6px;padding:6px 8px;overflow-x:auto;flex:none;scrollbar-width:none;touch-action:pan-x}
.ed-subs::-webkit-scrollbar{display:none}
.ed-sub,.ed-chip{flex:none;min-height:48px;padding:0 12px;border-radius:12px;border:3px solid var(--navy);background:#fff;font:inherit;font-size:14px;color:var(--navy);cursor:pointer;white-space:nowrap;touch-action:manipulation}
.ed-sub.on,.ed-chip.on{background:var(--yellow)}
.ed-chip.big{min-height:48px;font-size:15px}
.ed-main{flex:1;min-height:0;overflow-y:auto;padding:4px 8px 8px;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.ed-filter{display:flex;gap:6px;margin:0 0 6px}
.ed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.ed-cellw{position:relative}
.ed-cell{position:relative;width:100%;aspect-ratio:1/1.12;border-radius:14px;border:3px solid var(--navy);background:linear-gradient(180deg,#fff,#eef6ff);padding:2px 2px 0;font:inherit;color:var(--navy);cursor:pointer;display:flex;flex-direction:column;align-items:center;overflow:hidden;touch-action:manipulation}
.ed-cell img{width:100%;flex:1;min-height:0;object-fit:contain;opacity:0;transition:opacity .2s;pointer-events:none}
.ed-cell img.ready{opacity:1}
.ed-cell .nm{font-size:11px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 2px 3px}
.ed-cell.on{background:var(--yellow);box-shadow:0 3px 0 var(--navy)}
.ed-cell.none{justify-content:center;gap:2px}.ed-cell.none .x{font-size:30px;flex:none;line-height:1}
.ed-cell.locked img{filter:grayscale(.65) brightness(.95)}
.ed-cell .lock{position:absolute;left:3px;top:3px;font-style:normal;font-size:13px;background:#fffd;border-radius:10px;padding:1px 5px;display:flex;gap:3px;align-items:center}
.ed-cell .lock b{font-size:11px}
.ed-cell .lock.own{background:#8fd96b;left:auto;right:3px}
.ed-cell .newb{position:absolute;left:0;bottom:16px;font-size:9px;background:var(--pink);color:#fff;text-decoration:none;padding:1px 6px;border-radius:0 8px 8px 0;transform:rotate(-4deg)}
.ed-fav{position:absolute;right:0;top:0;width:48px;height:48px;border:0;background:none;font-size:20px;color:#b44;cursor:pointer;padding:0;line-height:1}
.ed-fav.on{color:#e63946}
.ed-buy{flex:none;background:#fff3c4;border-top:3px solid var(--navy);padding:6px 8px}
.ed-buyline{display:flex;align-items:center;gap:8px}
.ed-buyline .tx{flex:1;display:flex;flex-direction:column;font-size:13px;line-height:1.2}
.ed-buyline small{font-size:11px;font-weight:700;opacity:.85}
.ed-buybtn{min-height:48px;padding:0 16px;border-radius:14px;border:3px solid var(--navy);background:var(--pink);color:#fff;font:inherit;font-size:16px;box-shadow:0 3px 0 var(--navy);cursor:pointer;white-space:nowrap}
.ed-colors{flex:none;max-height:38%;overflow-y:auto;padding:6px 8px 8px;border-top:2px dashed #1d2b5333;touch-action:pan-y}
.ed-chtabs{display:flex;gap:6px;margin-bottom:6px;overflow-x:auto}
.ed-chtab{flex:none;min-height:48px;padding:0 10px;border-radius:12px;border:3px solid var(--navy);background:#fff;font:inherit;font-size:13px;color:var(--navy);display:flex;align-items:center;gap:6px;cursor:pointer}
.ed-chtab i{width:20px;height:20px;border-radius:50%;border:2px solid var(--navy);display:inline-block}
.ed-chtab.on{background:var(--yellow)}
.ed-pal{display:grid;grid-auto-flow:column;grid-template-rows:50px;gap:5px;overflow-x:auto;padding:2px 2px 4px;touch-action:pan-x;scrollbar-width:none}.ed-pal::-webkit-scrollbar{display:none}
.ed-sw{width:48px;height:48px;border-radius:50%;border:3px solid var(--navy);padding:0;cursor:pointer;font-size:18px;background:#fff;color:var(--navy);touch-action:manipulation}
.ed-sw.on{outline:4px solid var(--yellow);outline-offset:1px;transform:scale(1.08)}
.ed-sw.custom{background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.ed-lab{font-size:12px;margin:4px 0 2px;opacity:.85}
.ed-pats{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}
.ed-pat{flex:none;width:48px;height:48px;border-radius:12px;border:3px solid var(--navy);padding:0;overflow:hidden;cursor:pointer;background:#fff}
.ed-pat canvas{width:100%;height:100%;display:block;pointer-events:none}
.ed-pat.on{outline:4px solid var(--yellow);outline-offset:1px}
.ed-sliders{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.ed-sl{display:flex;align-items:center;gap:8px;font-size:12px}
.ed-sl span{width:84px;flex:none}
input[type=range]{-webkit-appearance:none;appearance:none;height:26px;border-radius:13px;border:3px solid var(--navy);flex:1;min-width:0;touch-action:none;margin:0}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#fff;border:3px solid var(--navy);box-shadow:0 2px 0 var(--navy)}
input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--navy)}
.ed-range{width:100%;background:linear-gradient(90deg,#ffe0f0,#c9e4ff)}
.ed-special{padding:2px 2px 8px}
.ed-chips{display:flex;flex-wrap:wrap;gap:6px}
.ed-shophead{background:#fff;border:3px solid var(--navy);border-radius:14px;padding:6px 10px;margin-bottom:8px;font-size:13px}
.ed-shophead p{margin:2px 0;font-weight:700}
.ed-shophead .have{color:#b87b00;margin:2px 0}
.ed-lookgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.ed-look{position:relative;aspect-ratio:1/1.15;border-radius:12px;border:3px solid var(--navy);background:#fff;font:inherit;color:var(--navy);padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;cursor:pointer;min-height:76px}
.ed-look canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.ed-look .ic{position:absolute;left:2px;top:0;font-size:18px}
.ed-look .plus{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;opacity:.4}
.ed-look small{position:relative;font-size:10px;background:#fffc;width:100%;text-align:center}
.ed-look.on{background:var(--yellow);box-shadow:0 3px 0 var(--navy)}
.ed-lookacts{margin-top:8px}
/* spiegel / foto */
.ed-dock{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:8px calc(8px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));display:flex;flex-direction:column;gap:8px;background:linear-gradient(0deg,#ffffffcc,#ffffff00)}
.ed-posestrip{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}
.ed-posestrip::-webkit-scrollbar{display:none}
.ed-chip.pose{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;padding:2px 6px}
.ed-chip.pose span{font-size:22px;line-height:1}.ed-chip.pose small{font-size:10px}
.ed-dockrow{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}
.ed-bgs{display:flex;gap:6px;overflow-x:auto;max-width:100%;padding:2px}
.ed-bgsw{flex:none;width:48px;height:48px;border-radius:50%;border:3px solid var(--navy);cursor:pointer;padding:0}
.ed-bgsw.on{outline:4px solid var(--yellow);outline-offset:1px}
.ed-frames{display:flex;gap:6px;overflow-x:auto;max-width:100%}
.ed-mirror,.ed-frame{position:absolute;inset:0;pointer-events:none;display:none}
#editor[data-mode=mirror] .ed-mirror{display:block;z-index:1;margin:70px 14px 150px;border-radius:46% 46% 24px 24px/30% 30% 24px 24px;border:10px solid #ffd23f;box-shadow:0 0 0 4px var(--navy),inset 0 0 0 3px var(--navy),inset 0 0 40px #ffffff99;background:linear-gradient(115deg,#ffffff55 0%,#ffffff00 30%,#ffffff00 60%,#ffffff33 75%,#ffffff00 100%)}
#editor[data-mode=photo] .ed-frame{display:block;z-index:1}
.ed-frame.f-plain{border:14px solid #fff;box-shadow:inset 0 0 0 3px var(--navy)}
.ed-frame.f-stars{border:14px solid #fff;box-shadow:inset 0 0 0 3px var(--navy);background:radial-gradient(circle,#ffd23f 4px,#0000 5px) 0 0/34px 34px;-webkit-mask:linear-gradient(#000,#000) content-box exclude,linear-gradient(#000,#000);mask:linear-gradient(#000,#000) content-box exclude,linear-gradient(#000,#000)}
.ed-frame.f-hearts{border:14px solid #ffd0e0;box-shadow:inset 0 0 0 3px var(--navy)}
#editor[data-mode=mirror] .ed-side,#editor[data-mode=photo] .ed-side{display:none}
.ed-toast{position:absolute;left:50%;top:calc(76px + env(safe-area-inset-top));transform:translateX(-50%) translateY(-10px);background:var(--yellow);border:3px solid var(--navy);border-radius:14px;padding:8px 14px;box-shadow:0 3px 0 var(--navy);opacity:0;pointer-events:none;transition:.25s;z-index:5;max-width:90vw;text-align:center;font-size:14px}
.ed-toast.on{opacity:1;transform:translateX(-50%)}
.ed-spark{position:absolute;font-size:28px;pointer-events:none;z-index:4;animation:edspark 1s ease-out forwards}
@keyframes edspark{0%{transform:scale(.3);opacity:0}30%{opacity:1}100%{transform:translateY(-40px) scale(1.4);opacity:0}}
.ed-flash{position:absolute;inset:0;background:#fff;z-index:6;animation:edflash .45s ease-out forwards;pointer-events:none}
@keyframes edflash{0%{opacity:.9}100%{opacity:0}}
/* liggend (telefoon) en breed (tablet/desktop): paneel rechts, rail verticaal */
@media (orientation:landscape) and (min-aspect-ratio:5/4){
  #editor{--pw:min(52vw,560px)}
  .ed-side{left:auto;top:0;bottom:0;right:0;width:var(--pw);height:auto;flex-direction:row;border-radius:20px 0 0 20px;border-top:0;border-left:3px solid var(--navy);padding-right:env(safe-area-inset-right)}
  .ed-rail{flex-direction:column;overflow-x:hidden;overflow-y:auto;width:74px;border-bottom:0;border-right:2px dashed #1d2b5333;padding:6px;touch-action:pan-y;padding-top:calc(6px + env(safe-area-inset-top))}
  .ed-cat{width:60px;flex:none}
  .ed-top{right:var(--pw)}
  .ed-panel{padding-top:env(safe-area-inset-top)}
  .ed-dock{right:0}
}
@media (orientation:landscape) and (max-height:480px){
  #editor{--pw:min(50vw,520px)}
  .ed-title{display:none}
  .ed-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}
  .ed-dock{flex-direction:row;align-items:center;gap:6px;padding-top:4px}
  #editor[data-mode=mirror] .ed-mirror{margin:60px 14px 80px}
}
@media (max-width:520px){.ed-title{display:none}.ed-b{padding:0 6px}}
@media (min-width:1000px){#editor{--pw:560px}.ed-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}

/* winkel, thema's, outfits (shopui.js) */
.ed-shophead .timer{color:#2b6bd8}
.ed-cell[data-r=uncommon]{border-color:#4caf50}.ed-cell[data-r=rare]{border-color:#3a86ff}.ed-cell[data-r=legendary]{border-color:#ffb400;box-shadow:0 0 0 2px #ffe08a inset}
.ed-cell .gem{position:absolute;right:5px;bottom:19px;width:11px;height:11px;border-radius:50%;border:2px solid var(--navy);box-sizing:border-box}
.ed-cell .lock s{opacity:.6;margin-right:2px}
.ed-cell .info{position:absolute;left:0;right:0;top:34px;text-align:center;text-decoration:none;font-size:11px;background:#ffd23fdd;border-radius:8px;margin:0 6px;padding:2px 3px;font-weight:900}
.ed-rar{display:inline-block;font-style:normal;font-size:11px;line-height:1;padding:3px 7px;border-radius:9px;background:var(--rc,#9aa5b1);color:#fff;margin-left:6px;vertical-align:middle;text-shadow:0 1px 0 #0003}
.ed-deal{display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#fff3c4,#ffd6e6);border:3px solid var(--navy);border-radius:16px;padding:8px;margin-bottom:8px;box-shadow:0 3px 0 var(--navy)}
.ed-deal .ed-cellw{width:96px;flex:none}
.ed-deal .tx{display:flex;flex-direction:column;gap:3px;font-size:14px;min-width:0}
.ed-deal .pct{align-self:flex-start;background:#e63946;color:#fff;border-radius:10px;padding:2px 8px;font-size:15px;transform:rotate(-3deg)}
.ed-deal .pr{font-size:20px}.ed-deal .pr s{opacity:.55;font-size:15px}
.ed-deal small{font-size:12px;opacity:.85}
.ed-row{margin:12px 0 4px}
.ed-row h4{margin:0 0 6px;font-size:15px}
.ed-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;touch-action:pan-x;scrollbar-width:thin}
.ed-strip .ed-cellw{flex:none;width:88px}
.ed-note{font-size:13px;font-weight:700;opacity:.8;margin:4px 2px 8px}
.ed-row .claim{margin-top:6px}
.ed-filter.wrap{flex-wrap:wrap}
.ed-filter{overflow-x:auto;scrollbar-width:none;touch-action:pan-x;padding-bottom:2px}.ed-filter::-webkit-scrollbar{display:none}
.ed-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ed-col{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-height:104px;padding:8px 10px 8px 10px;border-radius:16px;border:3px solid var(--navy);background:linear-gradient(135deg,#fff 40%,color-mix(in srgb,var(--cc) 35%,#fff));font:inherit;color:var(--navy);cursor:pointer;touch-action:manipulation;overflow:hidden}
.ed-col:active{transform:translateY(2px)}
.ed-col .ic{font-size:30px;line-height:1}.ed-col .nm{font-size:15px}.ed-col .tg{font-size:11px;font-weight:700;opacity:.8;line-height:1.15;flex:1}
.ed-prog{position:relative;align-self:stretch;height:20px;border-radius:10px;border:2px solid var(--navy);background:#fff;overflow:hidden;margin-top:4px}
.ed-prog i{position:absolute;left:0;top:0;bottom:0;display:block;min-width:0;transition:width .4s}
.ed-prog span{position:relative;display:block;font-size:11px;line-height:16px;text-align:center;text-shadow:0 0 3px #fff,0 0 3px #fff}
.ed-colhead{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px;border:3px solid var(--navy);border-radius:14px;background:linear-gradient(135deg,#fff 40%,color-mix(in srgb,var(--cc) 35%,#fff));margin-bottom:8px}
.ed-colhead .ti{display:flex;gap:8px;align-items:center;flex:1;min-width:150px}.ed-colhead .ic{font-size:34px}.ed-colhead small{display:block;font-weight:700;opacity:.8}
.ed-colhead .ed-prog{flex:1 1 100%}
.ed-sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.ed-set{display:flex;gap:8px;align-items:stretch;border:3px solid var(--navy);border-radius:16px;background:#fff;padding:6px;margin-bottom:8px;box-shadow:0 3px 0 var(--navy)}
.ed-set.on{background:#fff3c4}
.ed-sets .ed-set{margin-bottom:0}
.ed-set .th{flex:none;width:96px;background:linear-gradient(180deg,#fff,#eaf4ff);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ed-set .th img{width:100%;height:auto;display:block;pointer-events:none;opacity:0;transition:opacity .2s}.ed-set .th img.ready{opacity:1}
.ed-set .bd{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ed-set .nm{font-size:15px}.ed-set small{font-size:12px;font-weight:700;opacity:.85}.ed-set .ok{color:#2f8a2f;opacity:1}
.ed-set .pr{font-size:17px}.ed-set .pr s{opacity:.55;font-size:13px}.ed-set .pr em{font-style:normal;background:#e63946;color:#fff;border-radius:8px;padding:1px 6px;font-size:12px;vertical-align:middle}
.ed-set .acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.ed-buyline .ask{color:#c2185b;font-weight:900;opacity:1}
.ed-buyline em{font-style:normal;font-size:12px;opacity:.7}
.ed-buyline .ed-chip{flex:none}
.ed-buyline s{opacity:.6}
.ed-coltog{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:0 12px;border-radius:12px;border:3px solid var(--navy);background:#fff;font:inherit;font-size:14px;color:var(--navy);cursor:pointer;touch-action:manipulation;margin-bottom:6px}
.ed-coltog i{width:22px;height:22px;border-radius:50%;border:2px solid var(--navy);display:inline-block}.ed-coltog span{margin-left:auto}
.ed-colors.closed{padding-bottom:4px}.ed-colors.closed .ed-coltog{margin-bottom:0}
.ed-conf{position:absolute;z-index:5;font-size:26px;pointer-events:none;animation:edconf 1.3s ease-out forwards}
@keyframes edconf{0%{transform:translate(0,0) scale(.4);opacity:0}15%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(1.3) rotate(240deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.ed-conf,.ed-spark{animation-duration:.01s}}
@media (orientation:landscape) and (min-aspect-ratio:5/4){
  .ed-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}
  .ed-sets{grid-template-columns:1fr}
  .ed-colors{max-height:46%}
}
@media (orientation:landscape) and (max-height:480px){
  .ed-colors{max-height:56%}
  .ed-deal .ed-cellw{width:84px}.ed-set .th{width:84px}
  .ed-cols{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.ed-col{min-height:92px}.ed-col .ic{font-size:26px}
}
@media (max-width:420px){.ed-strip .ed-cellw{width:80px}.ed-set .th{width:84px}.ed-deal .ed-cellw{width:84px}}

/* kleine telefoon staand (bv. 360x640): bovenbalk past in een rij van 48 px-knoppen, meer ruimte voor het itemraster */
@media (max-width:420px){.ed-top{gap:2px;padding-left:calc(4px + env(safe-area-inset-left));padding-right:calc(4px + env(safe-area-inset-right))}.ed-top>.ed-b{min-width:48px;padding:0}.ed-cell .nm{font-size:10.5px}}
@media (orientation:portrait) and (max-height:700px){
  .ed-side{height:min(70vh,540px)}
  .ed-rail{padding:4px 8px;gap:4px}
  .ed-cat{width:60px;height:52px}
  .ed-cat span{font-size:21px}.ed-cat small{font-size:9.5px}
  .ed-subs{padding:4px 8px}
  .ed-main{padding:2px 8px 6px}
  .ed-colors{max-height:34%;padding:4px 8px 6px}
  .ed-coltog{margin-bottom:4px}
  .ed-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}
}
/* liggend/breed: eigen scroll in het zijpaneel (rail en raster scrollen apart) */
@media (orientation:landscape) and (min-aspect-ratio:5/4){.ed-panel{overflow:hidden}.ed-main{overscroll-behavior:contain}.ed-rail{overscroll-behavior:contain}}
/* 'Niets'-tegel: het verbod-icoon staat boven het label (niet eroverheen; de globale .x is position:absolute) */
.ed-cell.none .x{position:static;width:44px;height:44px;margin:0;top:auto;right:auto;display:flex;align-items:center;justify-content:center;font-size:24px}

/* start-look kiezen (Meisje / Jongen): grote knoppen met het symbool */
.ed-gender{display:flex;gap:12px}
.ed-g{flex:1 1 0;min-height:88px;min-width:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:4px solid #1d2b53;border-radius:20px}
.ed-g .gs{font-size:44px;line-height:1;font-weight:700}
.ed-g small{font-size:15px;font-weight:700}
.ed-g-f{background:#ffd9ea;color:#c2185b}.ed-g-m{background:#d6e8ff;color:#1565c0}
.ed-g.on{box-shadow:0 0 0 5px #ffd23f,0 4px 0 #1d2b53}
.ed-sub2{font-size:14px;opacity:.8;margin:6px 0 10px}