/* Layout A: Character Select / Game Locker */
#lk{--bg:#070b14;--ink:#e9f0ff;--mut:#8b97b3;--acc:#7cff4f;--leg:#ffb800;--epi:#b04cff;--rar:#2f8cff;--com:#7d879c;--own:#39d98a;--disp:"Russo One",system-ui,sans-serif;--ui:"Rajdhani",system-ui,sans-serif;
  position:fixed;inset:0;font-family:var(--ui);color:var(--ink);font-weight:600;overflow:hidden}
#lkStage{position:absolute;inset:0}
#lk .ic{width:22px;height:22px}
#lk .lk-fx{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(100deg,transparent 52%,#070b14b3 66%,#070b14f0 80%),
  repeating-linear-gradient(115deg,#ffffff06 0 2px,transparent 2px 22px)}
/* pedestal rings + floor glow: rendered in the 3D scene (main.js buildPedestal) so the feet occlude them */
@keyframes lkspin{to{transform:rotate(360deg)}}
/* player card chip */
#lk .lk-player{position:absolute;left:22px;top:20px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:6px 12px;padding:10px 14px 10px 10px;min-width:380px;
  background:linear-gradient(120deg,#111a2dee,#0b1222e0);border:1px solid #ffffff1a;border-left:4px solid var(--acc);clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);box-shadow:0 10px 30px #0008}
#lk .lk-avatar{grid-row:span 2;width:74px;height:74px;clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%);background:#222;border:2px solid var(--acc)}
#lk .lk-pfp{width:100%;height:100%;object-fit:cover;display:block}
#lk .lk-tag{display:flex;align-items:center;gap:6px;font:700 11px var(--ui);letter-spacing:.24em;color:var(--acc)}
/* brand mascot (approved AoA logo, white/red) */
#lk .lk-mark{display:block;flex:none;width:auto;height:36px;filter:drop-shadow(0 1px 2px #0008);user-select:none;pointer-events:none}
#lk .lk-pname{font:400 30px/1 var(--disp);letter-spacing:.02em;margin-top:2px}
#lk .lk-psub{font-size:13px;color:var(--mut);letter-spacing:.14em;text-transform:uppercase}
#lk .lk-idrow{grid-column:2;display:flex;gap:6px;align-items:center}
#lk .lk-ib{height:34px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#1a2540;border:1px solid #ffffff22;color:var(--ink);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);font:700 13px var(--ui);letter-spacing:.14em;padding:0 10px}
#lk .lk-ib .ic{width:16px;height:16px}
#lk .lk-dice{background:var(--acc);color:#071002}
#lk .lk-id{width:96px;height:34px;background:#050811;border:1px solid #ffffff2a;color:var(--acc);font:400 18px var(--disp);text-align:center;outline:none;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
/* loadout status */
#lk .lk-status{position:absolute;left:22px;bottom:20px;display:flex;gap:8px;align-items:center;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
#lk .lk-status b{font:400 13px var(--disp);color:#071002;background:var(--acc);padding:5px 12px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
#lk .lk-status span{background:#0b1222cc;border:1px solid #ffffff1a;padding:4px 10px;color:var(--ink)}
#lk .lk-spin{position:absolute;left:22px;bottom:62px;height:34px;display:flex;gap:6px;align-items:center;padding:0 12px;background:#0b1222cc;border:1px solid #ffffff22;color:var(--mut);font:700 12px var(--ui);letter-spacing:.2em}
#lk .lk-spin .ic{width:16px;height:16px}#lk .lk-spin.on{color:#071002;background:var(--acc)}
/* right rail */
#lk .lk-rail{position:absolute;right:0;top:0;bottom:0;width:92px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 8px;background:linear-gradient(180deg,#0a1020,#05080f);border-left:1px solid #ffffff14}
#lk .lk-rb{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;background:transparent;border:0;color:var(--mut);font:700 11px var(--ui);letter-spacing:.16em;text-transform:uppercase;position:relative}
#lk .lk-rb:hover{color:var(--ink)}
#lk .lk-rb.on{color:var(--acc);background:linear-gradient(90deg,transparent,#7cff4f1f)}
#lk .lk-rb.on::before{content:"";position:absolute;right:-8px;top:8px;bottom:8px;width:4px;background:var(--acc);box-shadow:0 0 12px var(--acc)}
/* locker grid */
#lk .lk-locker{position:absolute;right:104px;top:20px;bottom:150px;width:458px;display:flex;flex-direction:column;gap:10px}
#lk.closed .lk-locker{display:none}
#lk .lk-lhead{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #ffffff1f;padding-bottom:8px}
#lk .lk-ltitle{font:400 34px/1 var(--disp);letter-spacing:.03em;font-style:italic}
#lk .lk-lcount{font-size:13px;color:var(--mut);letter-spacing:.18em;text-transform:uppercase;margin-top:4px}
#lk .lk-transport{display:flex;gap:6px}#lk .lk-transport:empty{display:none}
#lk .lk-tb{height:32px;min-width:40px;background:#111a2d;border:1px solid #ffffff22;color:var(--ink);font:700 14px var(--ui);display:inline-flex;align-items:center;justify-content:center;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
#lk .lk-tb .ic{width:15px;height:15px}#lk .lk-tb.on{background:var(--acc);color:#071002}
#lk .lk-grid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-content:start;padding:2px 4px 2px 0}
#lk .lk-grid.g-info{grid-template-columns:1fr 1fr}
#lk .lk-card{--t:var(--com);position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0;background:linear-gradient(180deg,#152038,#0c1424);border:2px solid color-mix(in srgb,var(--t) 70%,#000);color:var(--ink);text-align:left;overflow:hidden;min-height:132px;box-shadow:inset 0 -26px 30px -20px color-mix(in srgb,var(--t) 50%,transparent)}
#lk .lk-card.t-legendary{--t:var(--leg)}#lk .lk-card.t-epic{--t:var(--epi)}#lk .lk-card.t-rare{--t:var(--rar)}#lk .lk-card.t-owned{--t:var(--own)}
#lk .lk-card.on{outline:3px solid var(--acc);outline-offset:-1px;box-shadow:0 0 20px #7cff4f66,inset 0 -26px 30px -20px color-mix(in srgb,var(--t) 50%,transparent)}
#lk .lk-card.off{opacity:.5}
#lk .lk-art{height:84px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--t) 45%,transparent),transparent 70%);overflow:hidden}
#lk .g-poses .lk-art,
#lk .g-emotes .lk-art{height:112px}
#lk .lk-art img{height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px #000a)}
#lk .lk-art .ic{width:38px;height:38px;color:color-mix(in srgb,var(--t) 70%,#fff)}
#lk .lk-art.metal .ic{color:var(--c1);filter:drop-shadow(0 0 8px var(--c1))}
#lk .lk-art.skin{background:radial-gradient(circle at 40% 30%,var(--c1),var(--c2))}
#lk .lk-art.skin.galaxy{background:radial-gradient(circle at 30% 30%,#ff5ce1 0 6%,transparent 7%),radial-gradient(circle at 70% 60%,#fff 0 2%,transparent 3%),radial-gradient(circle at 40% 70%,#4dd6ff,transparent 40%),linear-gradient(135deg,#7b4dff,#120a3a)}
#lk .lk-art.skin.lava{background:radial-gradient(circle at 30% 70%,#ffcc33,transparent 30%),repeating-linear-gradient(40deg,#ff6a1a 0 6px,#2a0800 6px 14px)}
#lk .lk-mark.lk-skinhead{height:56px;filter:drop-shadow(0 2px 4px #000a)}
#lk .lk-cname{font:700 15px/1.05 var(--ui);padding:6px 8px 0;letter-spacing:.02em}
#lk .lk-csub{font-size:11px;color:var(--mut);padding:1px 8px 0;letter-spacing:.06em}
#lk .lk-tier{margin-top:auto;padding:4px 8px;font:700 10px var(--ui);letter-spacing:.2em;color:var(--t)}
#lk .lk-card.on .lk-tier{color:#071002;background:var(--acc)}
#lk .lk-infocard{grid-column:span 2;display:flex;gap:12px;align-items:center;padding:10px;background:#111a2d;border:2px solid var(--own)}
#lk .lk-infocard img{width:84px;height:84px;object-fit:cover}#lk .lk-infocard b{display:block;font:400 20px var(--disp)}#lk .lk-infocard span{color:var(--mut);font-size:13px}
#lk .lk-stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:#0f1729;border-left:3px solid var(--rar)}
#lk .lk-stat span{font-size:11px;color:var(--mut);letter-spacing:.2em;text-transform:uppercase}#lk .lk-stat b{font:400 17px var(--disp)}
/* actions */
#lk .lk-actions{position:absolute;right:104px;bottom:22px;width:458px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:8px}
#lk .lk-snap,#lk .lk-rec{height:76px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;font:400 30px var(--disp);letter-spacing:.06em;font-style:italic;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}
#lk .lk-snap{background:linear-gradient(180deg,#a8ff7a,#5ad12a);color:#071002;box-shadow:inset 0 -6px 0 #0003}
#lk .lk-rec{background:linear-gradient(180deg,#ff6b6b,#d4202a);color:#fff;box-shadow:inset 0 -6px 0 #0003}
#lk .lk-snap .ic,#lk .lk-rec .ic{width:30px;height:30px}
#lk .lk-pfpbtn{grid-column:span 2;height:34px;background:#111a2d;border:1px solid #ffffff22;color:var(--ink);font:700 13px var(--ui);letter-spacing:.3em}
#lk.closed .lk-actions{width:300px}
#toast{font-family:"Rajdhani",sans-serif;background:#7cff4f;color:#071002;border-radius:0}
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){
  #lk .lk-player{left:8px;right:8px;top:8px;min-width:0;padding:8px;gap:4px 10px;clip-path:none}
  #lk .lk-avatar{width:54px;height:54px}#lk .lk-pname{font-size:22px}#lk .lk-psub{font-size:11px}#lk .lk-tag{font-size:9px}#lk .lk-mark.lk-mini{position:absolute;top:10px;right:12px;height:40px}#lk .lk-mark.lk-skinhead{height:44px}
  #lk .lk-idrow{grid-column:1/-1}#lk .lk-id{flex:1;width:auto}#lk .lk-dice span{display:none}
  #lk .lk-fx{background:none}
  #lk .lk-rail{top:132px;bottom:auto;height:auto;width:52px;padding:4px;gap:0;background:#0a1020dd;border:1px solid #ffffff14;border-right:0}
  #lk .lk-rb{padding:5px 0 3px;font-size:8px;flex:none;letter-spacing:.06em}#lk .lk-rb .ic{width:18px;height:18px}#lk .lk-rb.on::before{right:auto;left:-4px}
  #lk .lk-locker{left:0;right:0;top:auto;bottom:0;width:auto;height:44vh;padding:10px 10px 74px;background:#070b14f2;border-top:2px solid var(--acc)}
  #lk .lk-ltitle{font-size:22px}#lk .lk-lcount{font-size:10px}
  #lk .lk-grid{grid-template-columns:repeat(3,1fr);gap:6px}#lk .lk-card{min-height:108px}#lk .lk-art{height:62px}#lk .g-poses .lk-art,#lk .g-emotes .lk-art{height:84px}#lk .lk-cname{font-size:13px}
  #lk .lk-actions{left:8px;right:8px;bottom:8px;width:auto;grid-template-columns:1fr 1fr auto;grid-template-rows:auto}
  #lk .lk-snap,#lk .lk-rec{height:54px;font-size:20px}#lk .lk-snap .ic,#lk .lk-rec .ic{width:22px;height:22px}#lk .lk-pfpbtn{grid-column:auto;height:54px;padding:0 10px;letter-spacing:.1em}
  #lk .lk-status{display:none}#lk .lk-spin{left:8px;bottom:auto;top:132px}
  #lk .lk-rail{justify-content:flex-start;max-height:calc(56vh - 140px);overflow-y:auto;scrollbar-width:none}
  #lk.closed .lk-rail{max-height:calc(100vh - 220px)}
  #lk .lk-rb span{display:none}#lk .lk-rb{height:33px;padding:0;display:grid;place-items:center}#lk .lk-rb .ic{width:20px;height:20px}
}

/* SKIN tab: locked COMING SOON cards (legendary accent, mystery silhouette, lock, shimmer) */
#lk .lk-soon .lk-art.skin{position:relative;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--t) 28%,#0c1424),#05080f 75%)}
#lk .lk-soon .lk-mysterypose{position:relative;background:radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--t) 30%,transparent),transparent 70%)}
#lk .lk-soon img.lk-mystery{filter:brightness(0) blur(1px) drop-shadow(0 0 1px color-mix(in srgb,var(--t) 85%,transparent)) drop-shadow(0 0 7px color-mix(in srgb,var(--t) 55%,transparent));opacity:.95}
#lk .lk-soon .lk-mark.lk-mystery{filter:brightness(0) blur(.6px) drop-shadow(0 0 1px color-mix(in srgb,var(--t) 85%,transparent)) drop-shadow(0 0 7px color-mix(in srgb,var(--t) 55%,transparent));opacity:.95}
#lk .lk-soon .lk-lock{position:absolute;width:24px;height:24px;left:50%;top:50%;transform:translate(-50%,-30%);color:var(--t);filter:drop-shadow(0 0 6px var(--t))}
#lk .lk-soon .lk-cname{letter-spacing:.2em}
#lk .lk-soon .lk-ribbon{color:#1a1000;background:linear-gradient(90deg,var(--t),color-mix(in srgb,var(--t) 70%,#fff),var(--t))}
#lk .lk-soon::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#ffffff1f 48%,#ffffff33 50%,#ffffff1f 52%,transparent 65%);background-size:250% 100%;background-position:120% 0;animation:lkshim 3.2s ease-in-out infinite}
#lk .lk-soon:nth-of-type(odd)::after{animation-delay:-1.6s}
@keyframes lkshim{0%{background-position:120% 0}60%,100%{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){#lk .lk-soon::after{animation:none}}
#lk .lk-soonpose .lk-ribbon{letter-spacing:.1em;line-height:1.2;white-space:normal}
#lk .lk-soon .lk-fallback{display:none}
/* social links column (left edge): desktop 44px under the player card, mobile 34px under SPIN; shrinks/hides on short viewports */
#lk .lk-links{position:absolute;left:22px;top:222px;display:flex;flex-direction:column;gap:8px;z-index:2}
#lk .lk-ltag{height:20px;font:700 11px var(--ui);letter-spacing:.2em;color:#7d8fb3}
#lk .lk-lnk{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0d1426e6;border:1px solid #2a3a63;color:#dbe7ff;transition:border-color .15s,color .15s,box-shadow .15s}
#lk .lk-lnk svg{width:20px;height:20px}
#lk .lk-lnk:hover,#lk .lk-lnk:focus-visible{border-color:#7cff4f;color:#7cff4f;outline:none}
#lk .lk-lnk.hl{background:#7cff4f;border-color:#7cff4f;color:#071002}
#lk .lk-lnk.hl:hover,#lk .lk-lnk.hl:focus-visible{color:#071002;box-shadow:0 0 14px #7cff4f88}
#lk .lk-links[data-size=m]{top:250px;gap:6px}#lk .lk-links[data-size=m] .lk-ltag{display:none}
#lk .lk-links[data-size=m] .lk-lnk{width:34px;height:34px}#lk .lk-links[data-size=m] .lk-lnk svg{width:16px;height:16px}
#lk .lk-links[data-size=s]{top:222px;gap:4px}#lk .lk-links[data-size=s] .lk-ltag{display:none}
#lk .lk-links[data-size=s] .lk-lnk{width:28px;height:28px}#lk .lk-links[data-size=s] .lk-lnk svg{width:14px;height:14px}
#lk .lk-links[data-size=xs]{gap:3px}#lk .lk-links[data-size=xs] .lk-ltag{display:none}
#lk .lk-links[data-size=xs] .lk-lnk{width:26px;height:24px}#lk .lk-links[data-size=xs] .lk-lnk svg{width:13px;height:13px}
#lk .lk-links[data-size=off]{display:none}
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){
  #lk .lk-links,#lk .lk-links[data-size=m],#lk .lk-links[data-size=s],#lk .lk-links[data-size=xs]{left:8px;top:178px}
}
/* while RECORD runs the live canvas uses the centred export framing: phones hide the sheet so the preview matches the video */
body.aoa-recording #lk .lk-rec{filter:saturate(.6) brightness(.85);pointer-events:none}
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){body.aoa-recording #lk .lk-locker{visibility:hidden}}
/* 2D PFP placeholder: shimmer while loading, AoA mascot between retries (never blank, never another token's image) */
#lk img.pfp-wait{background:linear-gradient(105deg,#141d33 30%,#26365c 50%,#141d33 70%) 0 0/250% 100%;animation:lkpfp 1.2s linear infinite}
#lk img.pfp-wait:not([src]){content:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}
#lk img.pfp-fail{animation:none;background:#141d33 url("../assets/brand/aoa_mascot_white.svg") center/62% no-repeat;opacity:.75}
@keyframes lkpfp{0%{background-position:100% 0}100%{background-position:-150% 0}}
@media (prefers-reduced-motion:reduce){#lk img.pfp-wait{animation:none}}
/* ── holder lock (brand: teal #00605D, red #FF1B20, deep space #0B1F1E, bone #F5F3EE; site green #7cff4f) ── */
#lk .lk-card.lk-locked .lk-art{filter:grayscale(.75) brightness(.5)}
#lk .lk-hlock{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:#0B1F1E;border:1.5px solid #FF1B20;display:grid;place-items:center;z-index:3;color:#F5F3EE}
#lk .lk-hlock svg{width:13px;height:13px}
#lk .lk-hbadge{position:absolute;left:6px;top:6px;background:#FF1B20;color:#F5F3EE;font:700 10px Rajdhani,sans-serif;letter-spacing:.16em;padding:2px 7px;border-radius:3px;z-index:3}
#lk .lk-wallet{position:fixed;top:8px;right:110px;z-index:60;display:flex;gap:8px;align-items:center;font:700 13px Rajdhani,sans-serif;letter-spacing:.12em;color:#F5F3EE}
#lk .lk-hold{background:#00605D;padding:7px 12px;border-radius:999px;border:1px solid #F5F3EE44;white-space:nowrap}
#lk .lk-wchip{background:#0B1F1Ee6;border:1px solid #00605D;padding:5px 6px 5px 12px;border-radius:999px;display:flex;gap:7px;align-items:center;white-space:nowrap}
#lk .lk-wchip i{width:8px;height:8px;border-radius:50%;background:#7cff4f}#lk .lk-wchip.nh i{background:#FF1B20}
#lk .lk-wdis{width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#F5F3EE1a;color:#F5F3EE;display:grid;place-items:center;cursor:pointer}
#lk .lk-wdis svg{width:11px;height:11px}#lk .lk-wdis:hover{background:#FF1B20}
#lk .lk-wconn{display:flex;gap:6px;align-items:center;background:#0B1F1Ee6;border:1px solid #00605D;color:#F5F3EE;font:700 12px Rajdhani,sans-serif;letter-spacing:.14em;padding:5px 12px;border-radius:999px;cursor:pointer}
#lk .lk-wconn .lk-fox{width:16px}
#lk .lk-wmpill{display:none;position:fixed;top:212px;left:calc((100% - 562px)/2);transform:translateX(-50%);z-index:60;background:#0B1F1Ee6;border:1px solid #00605D;color:#F5F3EE;font:700 13px Rajdhani,sans-serif;letter-spacing:.14em;padding:9px 18px;border-radius:999px;gap:10px;align-items:center;box-shadow:0 0 18px #00605D66;cursor:pointer;white-space:nowrap}
#lk .lk-wmpill.show{display:flex}#lk .lk-wmpill .sm{display:none}#lk .lk-wmpill svg{width:14px;height:14px}
#lk .lk-wmpill b{background:#00605D;padding:3px 10px;border-radius:999px}
#lk.closed .lk-wmpill{left:50%}
.lk-mov{position:fixed;inset:0;background:#0B1F1Ecc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:grid;place-items:center;padding:16px}
.lk-modal{position:relative;width:min(400px,100%);box-sizing:border-box;background:#0B1F1E;border:1px solid #00605D;border-top:4px solid #FF1B20;padding:28px 30px;color:#F5F3EE;font-family:Rajdhani,sans-serif;text-align:center;box-shadow:0 20px 60px #000a}
.lk-modal h2{font:400 26px 'Russo One',sans-serif;margin:8px 0 6px;letter-spacing:.06em}
.lk-modal p{font-size:16px;color:#F5F3EEbb;margin:0 0 20px;line-height:1.35}
.lk-mbig{width:56px;height:56px;margin:0 auto;border-radius:50%;border:2px solid #FF1B20;display:grid;place-items:center}.lk-mbig svg{width:24px;fill:#F5F3EE}
.lk-cw{width:100%;box-sizing:border-box;background:#7cff4f;color:#0B1F1E;border:0;font:700 17px Rajdhani,sans-serif;letter-spacing:.14em;padding:13px;display:flex;gap:10px;justify-content:center;align-items:center;cursor:pointer;text-decoration:none}
.lk-cw:disabled{opacity:.7;cursor:wait}
.lk-msm{margin-top:12px;font-size:13px;color:#F5F3EE88;letter-spacing:.1em}.lk-msm a{color:#00a39e}
.lk-merr{margin:-8px 0 14px;font-size:14px;color:#FF1B20}
.lk-mx{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;background:none;color:#F5F3EE88;cursor:pointer;padding:4px}.lk-mx svg{width:18px;height:18px}
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){#lk .lk-wallet{top:126px;right:60px;flex-direction:column;align-items:flex-end;gap:5px;font-size:11px}#lk .lk-hold{padding:5px 10px}#lk .lk-wchip{padding:3px 4px 3px 10px}#lk .lk-wmpill{top:auto;bottom:calc(44vh + 16px);left:calc(50% - 4px);font-size:11px;padding:6px 6px 6px 12px;gap:8px;letter-spacing:.1em}#lk .lk-wmpill .lg{display:none}#lk .lk-wmpill .sm{display:inline}}
/* landscape phones (e.g. 844x390 / 932x430): half-size SNAP + RECORD side by side in RECORD's old bottom-right footprint,
   matching 3D PFP bar under them, header card at ~72%, Evening/Night + Reset View small row bottom-middle. Keep in sync with LAND() in a.js. */
@media (orientation:landscape) and (max-height:500px) and (min-width:761px) and (min-aspect-ratio:1201/1000), (orientation:landscape) and (max-height:500px) and (min-width:761px) and (pointer:fine), (orientation:landscape) and (max-height:500px) and (min-width:761px) and (pointer:none), (orientation:landscape) and (pointer:coarse) and (min-width:761px) and (max-width:1180px) and (min-height:501px) and (max-height:760px) and (min-aspect-ratio:1201/1000){
  #lk .lk-actions{right:104px;bottom:22px;width:225px;grid-template-columns:1fr 1fr;gap:4px}
  #lk.closed .lk-actions{width:225px}
  #lk .lk-snap,#lk .lk-rec{height:38px;gap:6px;font-size:15px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);box-shadow:inset 0 -3px 0 #0003}
  #lk .lk-snap .ic,#lk .lk-rec .ic{width:15px;height:15px}
  #lk .lk-pfpbtn{grid-column:span 2;height:20px;padding:0;font-size:10px;letter-spacing:.2em;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
  #lk .lk-locker{width:400px}
  #lk .lk-player{transform:scale(.72);transform-origin:0 0;left:12px;top:10px}
  #lk .lk-wallet{top:6px}
  body #byBar{top:auto;right:auto;bottom:54px;left:calc((100% - 92px)/2);transform:translateX(-50%);gap:5px}
  body:has(#lk:not(.closed)) #byBar{left:calc((100% - 504px)/2);bottom:100px}
  body #byBar button{font-size:9px}body #byReset,body #byTime button{padding:5px 8px!important}
}
/* tablets (e.g. 1024x754, 820x1180): header card at ~72% so it clears an open panel; Evening/Night + Reset View small row bottom-middle */
@media (min-width:761px) and (max-width:1180px) and (min-height:761px) and (orientation:landscape) and (min-aspect-ratio:1201/1000), (min-width:761px) and (max-width:1180px) and (min-height:761px) and (orientation:landscape) and (pointer:fine), (min-width:761px) and (max-width:1180px) and (min-height:761px) and (orientation:landscape) and (pointer:none), (min-width:761px) and (max-width:1180px) and (min-height:501px) and (pointer:fine) and (orientation:landscape), (min-width:761px) and (max-width:1180px) and (min-height:501px) and (pointer:none) and (orientation:landscape){
  #lk .lk-player{transform:scale(.72);transform-origin:0 0}
  #lk:not(.closed) .lk-wallet{top:132px;left:22px;right:auto}
  body #byBar{top:auto;right:auto;bottom:148px;left:calc((100% - 92px)/2);transform:translateX(-50%);gap:5px}
  body:has(#lk:not(.closed)) #byBar{left:calc((100% - 562px)/2)}
  body #byBar button{font-size:10px}body #byReset,body #byTime button{padding:5px 9px!important}
}
/* narrow tablets (e.g. 820x1180): open panel starts below the header card so they never overlap */
@media (min-width:761px) and (max-width:900px) and (min-height:761px) and (orientation:landscape) and (min-aspect-ratio:1201/1000), (min-width:761px) and (max-width:900px) and (min-height:761px) and (orientation:landscape) and (pointer:fine), (min-width:761px) and (max-width:900px) and (min-height:761px) and (orientation:landscape) and (pointer:none), (min-width:761px) and (max-width:900px) and (min-height:501px) and (pointer:fine) and (orientation:landscape), (min-width:761px) and (max-width:900px) and (min-height:501px) and (pointer:none) and (orientation:landscape){
  #lk .lk-locker{top:140px}
}
/* portrait phones, panel closed: Evening/Night + Reset View sit just above the SNAP bar so they never cover the alien */
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){body:has(#lk.closed) #byBar{bottom:70px}}
/* portrait phones: SNAP / RECORD / 3D PFP row centred with equal side margins (panel open or closed) */
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){#lk .lk-actions,#lk.closed .lk-actions{left:12px;right:12px;width:auto}}
/* landscape phones: Evening/Night + Reset View on the bottom row, in the gap between LOADOUT and the SNAP/RECORD/3D PFP block */
@media (orientation:landscape) and (max-height:500px) and (min-width:761px) and (min-aspect-ratio:1201/1000), (orientation:landscape) and (max-height:500px) and (min-width:761px) and (pointer:fine), (orientation:landscape) and (max-height:500px) and (min-width:761px) and (pointer:none), (orientation:landscape) and (pointer:coarse) and (min-width:761px) and (max-width:1180px) and (min-height:501px) and (max-height:760px) and (min-aspect-ratio:1201/1000){
  #lk .lk-status{gap:5px;font-size:10px;letter-spacing:.1em}#lk .lk-status b{font-size:10px;padding:5px 9px}#lk .lk-status span{padding:4px 7px}
  body #byBar,body:has(#lk:not(.closed)) #byBar{top:auto;left:auto;right:341px;bottom:20px;transform:none;gap:4px}
  body #byBar button{font-size:8px;letter-spacing:.06em}body #byReset,body #byTime button{padding:6px 6px!important}
}
/* wallet row inside the player card: CONNECT, or rank badge + wallet chip (Game Locker style, compact) */
#lk .lk-player .lk-wallet{position:static;grid-column:1/-1;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;top:auto;right:auto;left:auto;margin-top:2px;font:700 11px var(--ui);letter-spacing:.12em;flex-wrap:nowrap}
#lk .lk-player .lk-hold{height:24px;display:inline-flex;align-items:center;padding:0 10px;border-radius:0;background:#00605D;border:0;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);white-space:nowrap}
#lk .lk-player .lk-hold.nh{background:#2a3350}
#lk .lk-player .lk-wchip{height:24px;box-sizing:border-box;border-radius:0;padding:0 4px 0 10px;background:#050811;border:1px solid #ffffff2a;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);gap:6px}
#lk .lk-player .lk-wdis{width:18px;height:18px;border-radius:0}
#lk .lk-player .lk-wconn{height:24px;border-radius:0;padding:0 12px;background:#1a2540;border:1px solid #ffffff22;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);font-size:11px}
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){
  #lk .lk-player .lk-wallet{font-size:10px;gap:5px;margin-top:0}
  #lk .lk-player .lk-hold,#lk .lk-player .lk-wchip,#lk .lk-player .lk-wconn{height:22px}
  /* the card is one row taller: shift the side columns down to match */
  #lk .lk-rail{top:162px}#lk .lk-spin{top:162px}
  #lk .lk-links,#lk .lk-links[data-size=m],#lk .lk-links[data-size=s],#lk .lk-links[data-size=xs]{top:208px}
  #lk .lk-rail{max-height:calc(56vh - 170px)}#lk.closed .lk-rail{max-height:calc(100vh - 250px)}
}
/* ── AR button (same chip as SPIN, right of it; left is set by a.js from SPIN's width) ── */
#lk .lk-arbtn{position:absolute;left:130px;bottom:62px;height:34px;display:flex;gap:6px;align-items:center;padding:0 12px;background:#0b1222cc;border:1px solid #ffffff22;color:var(--mut);font:700 12px var(--ui);letter-spacing:.2em}
#lk .lk-arbtn .ic{width:16px;height:16px}#lk .lk-arbtn:hover{color:var(--ink);border-color:#7cff4f88}
/* [2026-10-31] FULL SCREEN button: same chip as AR, right of it (left set in frame()); icon only on phones */
#lk .lk-fsbtn{position:absolute;left:210px;bottom:62px;height:34px;display:flex;gap:6px;align-items:center;padding:0 12px;background:#0b1222cc;border:1px solid #ffffff22;color:var(--mut);font:700 12px var(--ui);letter-spacing:.2em}
#lk .lk-fsbtn .ic{width:16px;height:16px}#lk .lk-fsbtn:hover{color:var(--ink);border-color:#7cff4f88}
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){#lk .lk-fsbtn{bottom:auto;top:162px;width:34px;padding:0;justify-content:center}#lk .lk-fsbtn span{display:none}}
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){#lk .lk-arbtn{bottom:auto;top:162px}}
/* ── clip length toggle (5S / 10S) beside RECORD ──
   desktop / tablet studio: no toggle in the action bar (original bar untouched); length is picked on the countdown chips */
#lk .lk-len{display:none;background:#111a2d;border:1px solid #ffffff22}
#lk .lk-len button{flex:1;min-width:0;padding:0;border:0;background:transparent;color:var(--mut);font:700 13px var(--ui);letter-spacing:.14em}
#lk .lk-len button.on{background:var(--acc);color:#071002}
#lk .lk-len.busy{opacity:.5;pointer-events:none}
/* portrait phones: SNAP | RECORD | [3D PFP over 5S/10S] in the one 54px row */
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){
  #lk .lk-actions{grid-template-rows:30px 20px;row-gap:4px}
  #lk .lk-snap,#lk .lk-rec{grid-row:1/3}
  #lk .lk-pfpbtn{grid-column:3;grid-row:1;height:30px;margin-right:0}
  #lk .lk-len{display:flex;position:static;grid-column:3;grid-row:2;width:auto;height:20px}
  #lk .lk-len button{font-size:10px;letter-spacing:.1em}
}
/* landscape phones: toggle at the right end of the 20px 3D PFP bar */
@media (orientation:landscape) and (max-height:500px) and (min-width:761px) and (min-aspect-ratio:1201/1000), (orientation:landscape) and (max-height:500px) and (min-width:761px) and (pointer:fine), (orientation:landscape) and (max-height:500px) and (min-width:761px) and (pointer:none), (orientation:landscape) and (pointer:coarse) and (min-width:761px) and (max-width:1180px) and (min-height:501px) and (max-height:760px) and (min-aspect-ratio:1201/1000){
  #lk .lk-actions{position:absolute}
  #lk .lk-len{display:flex;position:absolute;right:0;bottom:0;width:64px;height:20px}#lk .lk-pfpbtn{margin-right:68px}
  #lk .lk-len button{font-size:9px;letter-spacing:.08em}
}
/* RECORD countdown (3, 2, 1): centred over the scene, never blocks taps so the alien / scene can still be set */
#lkCount{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);z-index:70;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;text-align:center;font-family:Rajdhani,sans-serif;color:#e9f0ff}
#lkCount span{font:700 13px Rajdhani,sans-serif;letter-spacing:.3em;background:#070b14cc;padding:5px 12px;border-left:3px solid #7cff4f}
#lkCount b{font:400 132px/1 "Russo One",sans-serif;color:#7cff4f;text-shadow:0 0 30px #7cff4f99,0 4px 0 #071002}
#lkCount b.pop{animation:lkpop .9s ease-out}
#lkCount i{font:700 11px Rajdhani,sans-serif;font-style:normal;letter-spacing:.24em;color:#ffffffaa;background:#070b14aa;padding:3px 8px}
@keyframes lkpop{0%{transform:scale(1.6);opacity:0}25%{transform:scale(1);opacity:1}80%{opacity:1}100%{opacity:.25}}
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){#lkCount{top:34%}#lkCount b{font-size:104px}}
@media (orientation:landscape) and (max-height:500px) and (min-aspect-ratio:1201/1000), (orientation:landscape) and (max-height:500px) and (pointer:fine), (orientation:landscape) and (max-height:500px) and (pointer:none), (orientation:landscape) and (pointer:coarse) and (min-width:761px) and (max-width:1180px) and (min-height:501px) and (max-height:760px) and (min-aspect-ratio:1201/1000){#lkCount{top:45%;left:40%}#lkCount b{font-size:84px}}
body.aoa-counting #lk .lk-rec{background:linear-gradient(180deg,#3a4256,#1d2333)}
/* ── AR QR / intro dialogs (desktop QR hand-off; phone ?ar=1) ── */
.lk-mbig-ar svg{width:26px;height:26px;fill:none;stroke:#F5F3EE}
.lk-arqr .lk-qr{width:220px;height:220px;margin:0 auto 18px;background:#F5F3EE;padding:8px;border-radius:6px}
.lk-arqr .lk-qr svg{width:100%;height:100%;display:block;fill:initial;stroke:none}
.lk-cw .ic,.lk-cw svg.ic{width:18px;height:18px}
/* ── AR place (html.aoa-ar): camera feed behind the Game Locker; the studio canvas, scene-only chips hidden ── */
html{box-sizing:border-box}   /* 8th Wall XRExtras injects '* {box-sizing: inherit}': keep the app's border-box root */
#arFeed{position:fixed;left:0;top:0;width:100vw;height:100vh;height:100dvh;z-index:-1!important;touch-action:none;display:block}
/* the camera canvas stays under the Game Locker; js/ar.js sizes it to the viewport in px (fitCanvasModule) */
/* the root paints black BEHIND the z-index:-1 camera canvas; body must stay transparent or its background paints OVER it
   (CSS paint order: root bg < negative z-index < in-flow block backgrounds). !important beats inline body styles. */
html.aoa-ar{background:#000}
html.aoa-ar body{background:transparent!important}
html.aoa-ar #lkStage{visibility:hidden}
html.aoa-ar #lk{pointer-events:none}
html.aoa-ar #lk>*{pointer-events:auto}
html.aoa-ar #lk .lk-fx,html.aoa-ar #lk .lk-spin,html.aoa-ar #lk .lk-arbtn,html.aoa-ar #lk .lk-fsbtn,html.aoa-ar #lk .lk-links,html.aoa-ar #lk .lk-status,html.aoa-ar #lk .lk-wmpill,html.aoa-ar #lk .lk-pfpbtn,html.aoa-ar #byBar{display:none!important}
html.aoa-ar #lk .lk-actions{grid-template-columns:1fr 1fr auto}
html.aoa-ar #lk .lk-len{display:flex;position:static;grid-column:3;grid-row:1;width:64px;height:auto;flex-direction:column}
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){html.aoa-ar #lk .lk-len{grid-row:1/3;width:52px}}
@media (orientation:landscape) and (max-height:500px) and (min-width:761px) and (min-aspect-ratio:1201/1000), (orientation:landscape) and (max-height:500px) and (min-width:761px) and (pointer:fine), (orientation:landscape) and (max-height:500px) and (min-width:761px) and (pointer:none), (orientation:landscape) and (pointer:coarse) and (min-width:761px) and (max-width:1180px) and (min-height:501px) and (max-height:760px) and (min-aspect-ratio:1201/1000){html.aoa-ar #lk .lk-actions{width:260px}html.aoa-ar #lk .lk-len{width:44px}}
#arHud{position:fixed;inset:0;z-index:40;pointer-events:none;font-family:Rajdhani,sans-serif}
#arHud .ar-col{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:auto}
#arHud .ar-b{height:34px;display:flex;gap:8px;align-items:center;padding:0 12px;background:#0b1222d9;border:1px solid #ffffff2a;color:#e9f0ff;font:700 12px Rajdhani,sans-serif;letter-spacing:.2em;cursor:pointer;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
#arHud .ar-b b{font:700 15px system-ui,sans-serif;letter-spacing:0;color:#7cff4f}
#arHud .ar-exit{background:#FF1B20;border-color:#FF1B20;color:#F5F3EE}#arHud .ar-exit b{color:#F5F3EE}
#arHud .ar-seg{display:flex;border:1px solid #ffffff2a;background:#0b1222d9}
#arHud .ar-seg button{height:30px;padding:0 10px;border:0;background:transparent;color:#8b97b3;font:700 11px Rajdhani,sans-serif;letter-spacing:.14em;cursor:pointer;white-space:nowrap}
#arHud .ar-seg button.on{background:#7cff4f;color:#071002}
#arHud .ar-coach{position:absolute;display:flex;justify-content:center;transition:opacity .5s}
#arHud .ar-coach span{max-width:min(88%,440px);text-align:center;background:#070b14d9;border-left:3px solid #7cff4f;color:#e9f0ff;font:700 14px/1.25 Rajdhani,sans-serif;letter-spacing:.06em;padding:8px 14px}
#arHud .ar-coach.fade{opacity:0}
#arFlash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:45}
#arFlash.go{animation:arflash .35s ease-out}@keyframes arflash{0%{opacity:.85}100%{opacity:0}}
#arSheet.hidden{display:none}
.ar-sheet{padding:22px 20px 20px}.ar-sheet h2{font-size:20px}
.ar-sheet .ar-media{margin:6px 0 8px;background:#000;display:flex;justify-content:center}
.ar-sheet .ar-media img,.ar-sheet .ar-media video{display:block;max-width:100%;max-height:52vh;object-fit:contain}
.ar-sheet .ar-status{min-height:16px;font-size:13px;color:#F5F3EE99;margin-bottom:10px;letter-spacing:.08em}
.ar-sheet .ar-acts{display:flex;gap:8px}.ar-sheet .ar-acts .lk-cw{flex:1}
.ar-sheet .ar-acts .hidden{display:none}
/* ── loading overlay on phones / tablets: always the top layer (above the Evening/Night + Reset View row, the panel and
   every chip) and near-opaque, so nothing shows through or over the mascot + bar. Desktop is unchanged. ── */
@media (max-width:1180px),(max-height:500px){
  #loading{z-index:2147483000}
  html.lyA.booted #loading{background:#070b14f7}
  #toast{z-index:2147483001}
}

/* countdown clip-length chips (all sizes) + compact sizes used when the free-space placer needs a smaller box */
#lkCount .lk-cdlen{display:flex;pointer-events:auto;border:1px solid #ffffff2a;background:#070b14cc}
#lkCount .lk-cdlen button{height:28px;min-width:54px;padding:0 12px;border:0;background:transparent;color:#8b97b3;font:700 13px Rajdhani,sans-serif;letter-spacing:.16em;cursor:pointer}
#lkCount .lk-cdlen button.on{background:#7cff4f;color:#071002}
#lkCount[data-placed="1"]{transform:none}
#lkCount[data-size="sm"] b{font-size:72px}#lkCount[data-size="sm"] span{font-size:12px;padding:4px 10px}
#lkCount[data-size="xs"] b{font-size:48px}#lkCount[data-size="xs"] span{font-size:11px;letter-spacing:.2em;padding:3px 8px}#lkCount[data-size="xs"] i{display:none}
#lkCount[data-size="xs"] .lk-cdlen button{height:24px;min-width:44px}
body.aoa-counting #arHud .ar-coach{opacity:0}
/* AR: the studio's full loading screen would cover the camera; a compact pill (js/ar.js) shows the progress instead */
html.aoa-ar #loading{display:none!important}
#arLoad{position:fixed;left:12px;top:220px;z-index:45;display:flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 10px;background:#070b14e0;border:1px solid #ffffff2a;border-left:3px solid #7cff4f;pointer-events:none;color:#e9f0ff}
#arLoad.hidden{display:none}
#arLoad span{font:700 11px Rajdhani,sans-serif;letter-spacing:.2em;white-space:nowrap}
#arLoad em{display:block;width:56px;height:3px;background:#16203a}#arLoad em b{display:block;height:100%;width:0;background:#7cff4f;transition:width .2s}
#arLoad .ar-ld-spin{width:12px;height:12px;border:2px solid #7cff4f44;border-top-color:#7cff4f;border-radius:50%;animation:arld .8s linear infinite}
@keyframes arld{to{transform:rotate(360deg)}}
#arHud .ar-coach span{max-width:min(88vw,440px)}
/* landscape phones: the 10-tab rail (490px) is taller than the screen (~390px); it was centred with overflow visible, so INFO and
   EXPORT sat off-screen and could not be reached (also in the original). Scroll it instead; still centred when it fits. */
@media (orientation:landscape) and (max-height:500px) and (min-aspect-ratio:1201/1000), (orientation:landscape) and (max-height:500px) and (pointer:fine), (orientation:landscape) and (max-height:500px) and (pointer:none), (orientation:landscape) and (pointer:coarse) and (min-width:761px) and (max-width:1180px) and (min-height:501px) and (max-height:760px) and (min-aspect-ratio:1201/1000){
  #lk .lk-rail{overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start;scrollbar-width:none}
  #lk .lk-rail::-webkit-scrollbar{display:none}
  #lk .lk-rail>:first-child{margin-top:auto}#lk .lk-rail>:last-child{margin-bottom:auto}
}

#arHud .ar-legal{display:block;max-width:190px;margin-top:2px;font:500 8.5px/1.25 system-ui,sans-serif;letter-spacing:0;color:#e9f0ffa6;text-decoration:none;text-shadow:0 1px 2px #000a;pointer-events:auto}
/* short desktop windows (e.g. 1280x650, mouse/trackpad; touch landscape uses the landscape layout above): with the GOchain tab
   the full-height rail has 11 tabs (~665px), so on windows under ~680px tall INFO touched the top edge and EXPORT was cut off at
   the bottom. Tighten the tabs so all 11 fit, like the 10 did before. Taller windows, portrait and phones (their own rules) unchanged.
   Alien Frens tab (13 tabs, ~805px at full size): the two tightening steps now start at 810px / 710px tall (were 680 / 580),
   so 1024x743 etc. keep every tab on screen (743px held exactly 12 tabs before). */
@media (min-width:1181px) and (min-height:501px) and (max-height:810px) and (orientation:landscape) and (min-aspect-ratio:1201/1000), (min-width:1181px) and (min-height:501px) and (max-height:810px) and (orientation:landscape) and (pointer:fine), (min-width:1181px) and (min-height:501px) and (max-height:810px) and (orientation:landscape) and (pointer:none), (min-width:761px) and (min-height:501px) and (max-height:810px) and (pointer:fine) and (orientation:landscape), (min-width:761px) and (min-height:501px) and (max-height:810px) and (pointer:none) and (orientation:landscape){
  #lk .lk-rail{gap:2px;overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start;scrollbar-width:none}
  #lk .lk-rail::-webkit-scrollbar{display:none}
  #lk .lk-rail>:first-child{margin-top:auto}#lk .lk-rail>:last-child{margin-bottom:auto}
  #lk .lk-rb{padding:6px 0 4px;flex:none}
}
@media (min-width:1181px) and (min-height:501px) and (max-height:710px) and (orientation:landscape) and (min-aspect-ratio:1201/1000), (min-width:1181px) and (min-height:501px) and (max-height:710px) and (orientation:landscape) and (pointer:fine), (min-width:1181px) and (min-height:501px) and (max-height:710px) and (orientation:landscape) and (pointer:none), (min-width:761px) and (min-height:501px) and (max-height:710px) and (pointer:fine) and (orientation:landscape), (min-width:761px) and (min-height:501px) and (max-height:710px) and (pointer:none) and (orientation:landscape){
  #lk .lk-rail{gap:0}
  #lk .lk-rb{padding:3px 0 2px;gap:1px}#lk .lk-rb .ic{width:18px;height:18px}
  #lk .lk-rb.on::before{top:4px;bottom:4px}
}
/* FOLD = touch landscape 761-1180 x 501-760 CSS px (Galaxy Z Fold unfolded landscape ~840x610 in Chrome, small tablets in landscape):
   uses the landscape-phone layout (all the "(orientation:landscape) and (max-height:500px)" blocks carry this query too) instead of the
   tablet layout, which needs more height (header card + links column + Evening/Night row + floating panel overlapped). */

/* ── Alien Frens tab (13th rail tab) ──
   FOLD / landscape phones: the 12-tab rail was 665px on an 840x610 Z Fold (EXPORT off-screen, reachable only by scrolling).
   Slightly tighter tabs: 13 tabs ≈ 540px, so the whole rail fits at 610px again; shorter landscape phones still scroll. */
@media (orientation:landscape) and (max-height:500px) and (min-aspect-ratio:1201/1000), (orientation:landscape) and (max-height:500px) and (pointer:fine), (orientation:landscape) and (max-height:500px) and (pointer:none), (orientation:landscape) and (pointer:coarse) and (min-width:761px) and (max-width:1180px) and (min-height:501px) and (max-height:760px) and (min-aspect-ratio:1201/1000){
  #lk .lk-rail{gap:1px;padding-top:6px;padding-bottom:6px}
  #lk .lk-rb{padding:5px 0 3px;gap:2px;flex:none}#lk .lk-rb .ic{width:19px;height:19px}
  #lk .lk-rb.on::before{top:5px;bottom:5px}
}
/* phones (portrait): with the sheet open the icon rail has ~300px (iPhone 390x844); 12 rows of 33px already overflowed
   (PARTS + EXPORT hidden). Rows shrink to fit 13 in the space (max 33px, min 22px; very short phones still scroll). */
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){
  #lk:not(.closed) .lk-rb{height:clamp(22px,calc((56vh - 178px) / 13),33px)}#lk:not(.closed) .lk-rb .ic{width:18px;height:18px}
}
/* Alien Frens cards: same picture cards as the poses */
#lk .g-frens .lk-art{height:112px}
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){#lk .g-frens .lk-art{height:84px}}

/* Trait-whale badges on the player-card rank badge (.lk-hold), 2026-10-23: WHALE · GOLD (owns an Au-skin AoA) and
   WHALE · TITANIUM (owns a Titanium-skin AoA); set in a.js renderWallet from wallet traits.
   Markup: <span class="lk-hold lk-tw gold"><span class="lk-twin">🐳 WHALE · GOLD</span></span>
   The outer span keeps the glow (filter: drop-shadow is applied AFTER the inner clip-path, so the glow follows the
   parallelogram); the inner span is the clipped metal plate + shimmer. One 3 s cycle → seamless loop. */
#lk .lk-player .lk-hold.lk-tw{background:none;padding:0;clip-path:none;height:24px;--g1:#ffcf5a;--glo:255,186,48;
  filter:drop-shadow(0 0 3px rgba(var(--glo),.55)) drop-shadow(0 0 7px rgba(var(--glo),.28));animation:lkTwPulse 3s ease-in-out infinite}
#lk .lk-player .lk-tw.ti{--glo:150,196,240}
#lk .lk-player .lk-twin{position:relative;height:100%;display:inline-flex;align-items:center;gap:6px;padding:0 11px;overflow:hidden;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);font-weight:700;letter-spacing:.14em}
/* GOLD: warm brushed-gold plate, dark ink (same idea as the LEGENDARY ribbon), bright top edge */
#lk .lk-tw.gold .lk-twin{color:#241700;background:linear-gradient(180deg,#ffe9a3 0,#e7b947 38%,#c48f1c 70%,#a8770f 100%);
  box-shadow:inset 0 1px 0 #fff4c8,inset 0 -1px 0 #7a5306}
/* TITANIUM: cool brushed steel, blue-grey ink, slight blue cast */
#lk .lk-tw.ti .lk-twin{color:#0d1724;background:linear-gradient(180deg,#f2f6fb 0,#c3cfdc 38%,#93a3b6 70%,#7a8ba0 100%);
  box-shadow:inset 0 1px 0 #ffffff,inset 0 -1px 0 #56657a}
#lk .lk-twin small{font:inherit;font-size:.9em;letter-spacing:.08em;opacity:.62}
#lk .lk-twin i{font-style:normal;font-size:.82em;letter-spacing:0;padding:0 3px;border:1px solid currentColor;line-height:1.15;opacity:.75}
/* shimmer sweep: a soft diagonal highlight crossing once per cycle, then resting off-plate */
#lk .lk-twin::after{content:"";position:absolute;top:-4px;bottom:-4px;left:0;width:46%;pointer-events:none;mix-blend-mode:soft-light;
  background:linear-gradient(105deg,transparent 0,rgba(255,255,255,.0) 20%,rgba(255,255,255,.95) 50%,rgba(255,255,255,0) 80%,transparent 100%);
  transform:translateX(-120%);animation:lkTwSweep 3s cubic-bezier(.45,.05,.35,1) infinite}
#lk .lk-twin::before{content:"";position:absolute;top:-4px;bottom:-4px;left:0;width:22%;pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.42),transparent);transform:translateX(-120%);animation:lkTwSweep2 3s cubic-bezier(.45,.05,.35,1) infinite}
@keyframes lkTwSweep{0%{transform:translateX(-120%)}55%,100%{transform:translateX(330%)}}
@keyframes lkTwSweep2{0%{transform:translateX(-200%)}55%,100%{transform:translateX(660%)}}
@keyframes lkTwPulse{0%,100%{filter:drop-shadow(0 0 2px rgba(var(--glo),.5)) drop-shadow(0 0 5px rgba(var(--glo),.22))}
  50%{filter:drop-shadow(0 0 4px rgba(var(--glo),.75)) drop-shadow(0 0 11px rgba(var(--glo),.4))}}
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){#lk .lk-player .lk-hold.lk-tw{height:22px}#lk .lk-player .lk-twin{padding:0 9px;gap:5px}}
@media (prefers-reduced-motion:reduce){#lk .lk-player .lk-hold.lk-tw,#lk .lk-twin::after,#lk .lk-twin::before{animation:none}}
/* [audit 2026-10-24] (1) Fold cover (344px): the token-id input could not shrink (input min-content width), pushing RANDOM off-screen.
   (2) Locked cards: the long gate badge ("MCV HOLDERS", "Lil Mutants HOLDERS") ran under the lock circle; keep it left of the lock. */
#lk .lk-idrow{min-width:0}
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){#lk .lk-id{min-width:0;width:0}}
#lk .lk-hbadge{max-width:calc(100% - 44px);box-sizing:border-box;line-height:1.2}
/* [2026-11-01] owner: the red collection tags (Mudwater, Prime8s / Lil Mutants HOLDERS, …) never eat touches: swipes / taps go
   through to the card underneath (Mudwater rip swipe, card tap, row scroll). Look / position / size unchanged. Lock icon untouched. */
#lk .lk-hbadge{pointer-events:none}
/* [audit 2026-10-24] (3) AR: 8th Wall's XRExtras loading/error screens (#loadingContainer, "Permissions were denied", camera spinner)
   cover the whole page above #arHud (z 40), hiding EXIT -> user is trapped until reload. Keep the HUD (EXIT) above them. */
#arHud{z-index:2147483600}
/* [2026-10-24] AR: camera denied / never started — red coach line, pulsing EXIT (ar.js arStuck) */
#arHud.ar-stuck .ar-coach{opacity:1!important}
#arHud.ar-stuck .ar-coach span{border-left-color:#FF1B20}
#arHud.ar-stuck .ar-exit{animation:arStuckPulse 1.1s ease-in-out infinite}
@keyframes arStuckPulse{50%{box-shadow:0 0 0 4px #FF1B2066;filter:brightness(1.25)}}
#arHud.ar-stuck .ar-col>:not(.ar-exit){display:none}
/* ── [2026-10-24] phone layout pass (#6 sheet, #7 rail, #17 344px) ──
   --lkh: the bottom sheet height, ~38% of the VISIBLE height (dvh, not the iOS large-viewport vh); the rail, watermark pill
   and the camera insets (a.js insets()) all key off it. Cards are a fixed row height and the grid snaps whole rows. */
#lk .lk-grab{display:none}
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){
  #lk{--lkh:clamp(240px,38dvh,400px);--row:104px}
  #lk.peek{--lkh:132px}
  #lk .lk-locker{height:var(--lkh);padding:0 10px 62px;gap:8px;transition:height .18s ease}
  #lk .lk-grab{display:block;flex:none;height:16px;margin:0 -10px -6px;cursor:grab;touch-action:none;position:relative}
  #lk .lk-grab::before{content:'';position:absolute;left:50%;top:6px;width:44px;height:4px;margin-left:-22px;border-radius:2px;background:#ffffff59}
  #lk .lk-grab:active::before{background:var(--acc)}
  #lk .lk-lhead{padding-bottom:4px;align-items:center}#lk .lk-lhead>div:first-child{display:flex;align-items:baseline;gap:8px;min-width:0}
  #lk .lk-ltitle{font-size:19px;line-height:1}#lk .lk-lhead .lk-x{width:30px;height:30px}#lk .lk-lhead .lk-lcount{margin-top:0;white-space:nowrap}
  #lk .lk-grid{min-height:0;grid-auto-rows:var(--row);scroll-snap-type:y mandatory;scroll-padding-top:2px;overscroll-behavior:contain}
  #lk .lk-grid>*{scroll-snap-align:start;min-height:0}
  #lk .lk-card{min-height:0;height:var(--row)}#lk .lk-card .lk-art{height:calc(var(--row) - 48px);flex:none}
  #lk.lk-compact .lk-card .lk-art{height:calc(var(--row) - 38px)}#lk.lk-compact .lk-cname{-webkit-line-clamp:1;font-size:12px;line-height:1.15;padding-top:3px}
  #lk .lk-cname{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  #lk.peek .lk-transport,#lk.peek .lk-grid{display:none}
  #lk .lk-actions{bottom:6px}
  #lk .lk-snap,#lk .lk-rec{height:44px;font-size:18px}#lk .lk-pfpbtn{height:44px}
  /* rail: everything above the sheet, compact pitch, fade + glow at the bottom edge while more icons are below (a.js toggles .ovf) */
  #lk .lk-rail,#lk.closed .lk-rail{max-height:calc(100dvh - var(--lkh) - 172px)}
  #lk.closed .lk-rail{max-height:calc(100dvh - 250px)}
  #lk .lk-rb{height:31px}
  #lk .lk-rail.ovf{-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),#0006);mask-image:linear-gradient(#000 calc(100% - 26px),#0006);box-shadow:inset 0 -3px 0 -1px var(--acc)}
  #lk .lk-wmpill{bottom:calc(var(--lkh) + 12px)}
  #lk .lk-hbadge{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.1em}
}
@media (max-width:760px) and (max-height:760px), (orientation:portrait) and (max-height:760px), (pointer:coarse) and (max-aspect-ratio:6/5) and (max-height:760px){#lk .lk-rb{height:28px}#lk .lk-rb .ic{width:18px;height:18px}}
@media (max-width:360px){
  #lk .lk-pfpbtn{font-size:11px;letter-spacing:.04em;padding:0 6px;white-space:nowrap}
  #lk .lk-snap,#lk .lk-rec{font-size:16px;gap:6px;letter-spacing:.06em}#lk .lk-snap .ic,#lk .lk-rec .ic{width:18px;height:18px;flex:none}
}
/* ── [2026-10-24] portrait phones: one endless horizontal row of cards (a.js rowLoop). The sheet is only as tall as its content
   (header + controls + one row + SNAP/RECORD); --lkh is measured by a.js so the camera insets / rail / watermark follow it.
   ~3.35 cards visible (5.35 on the unfolded Fold) so the neighbours peek in at both edges; snap centres a card. ── */
@media (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){
  #lk{--row:118px}
  #lk .lk-grab{display:none}
  #lk .lk-locker,#lk.peek .lk-locker{height:auto;max-height:48dvh;padding:8px 10px 62px;gap:6px}
  #lk.peek .lk-transport,#lk.peek .lk-grid{display:flex}#lk.peek .lk-grid.g-row{display:grid}
  #lk .lk-transport{gap:4px}#lk .lk-transport .lk-tb{height:28px;min-width:34px}
  #lk .lk-grid.g-row{flex:none;display:grid;grid-auto-flow:column;grid-template-columns:none;grid-template-rows:var(--row);grid-auto-rows:var(--row);
    grid-auto-columns:calc((100% - 3 * 6px) / 3.35);gap:6px;padding:6px 0;margin:0 -10px;padding-inline:10px;scroll-padding-inline:10px;
    overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    touch-action:pan-x;scrollbar-width:none}
  #lk .lk-grid.g-row::-webkit-scrollbar{display:none}
  #lk .lk-grid.g-row>*{scroll-snap-align:center;scroll-snap-stop:normal;height:var(--row)}
  #lk .lk-grid.g-loop,#lk .lk-grid.g-row{-webkit-mask-image:linear-gradient(90deg,#0000,#000 22px,#000 calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#0000,#000 22px,#000 calc(100% - 22px),#0000)}
  #lk .lk-grid.g-row .lk-card .lk-art{height:calc(var(--row) - 46px)}
  #lk .lk-grid.g-row .lk-cname{font-size:12px}#lk .lk-grid.g-row .lk-tier{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* active card: glow border, lifted, name in full white on an accent strip */
  #lk .lk-grid.g-row .lk-card.on{outline:3px solid var(--acc);outline-offset:-2px;box-shadow:0 0 0 1px #000,0 0 16px 2px #7cff4fb3;transform:translateY(-2px);z-index:1}
  #lk .lk-grid.g-row .lk-card.on .lk-cname{color:#fff;font-weight:800;-webkit-line-clamp:2}
  #lk .lk-grid.g-row .lk-card.on .lk-tier{font-weight:800}
  #lk .lk-grid.g-row .lk-hbadge{font-size:8px;padding:2px 4px;max-width:calc(100% - 26px)}
  #lk .lk-wmpill{bottom:calc(var(--lkh) + 12px)}
  /* one-row cards: name, sub-line and tier each on ONE line (ellipsis), the art takes the rest, so nothing overlaps */
  #lk .lk-grid.g-row .lk-card .lk-cname,#lk .lk-grid.g-row .lk-card.on .lk-cname{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;padding-top:4px;line-height:1.15;flex:none}
  #lk .lk-grid.g-row .lk-csub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;flex:none}
  #lk .lk-grid.g-row .lk-card .lk-art{flex:1 1 auto;height:auto;min-height:0}
  #lk .lk-grid.g-row .lk-tier{flex:none;margin-top:auto}
  #lk .lk-lhead>div:first-child{overflow:hidden}#lk .lk-ltitle{white-space:nowrap;flex:none}#lk .lk-lhead .lk-lcount{overflow:hidden;text-overflow:ellipsis;min-width:0}
}
@media (orientation:portrait) and (min-width:560px), (pointer:coarse) and (max-aspect-ratio:6/5) and (min-width:560px){
  #lk .lk-grid.g-row{grid-auto-columns:calc((100% - 5 * 6px) / 5.35)}#lk{--row:128px}
}

/* [2026-10-24] wide portrait (unfolded Fold held upright, small tablets): 6+ cards visible in the dial */
@media (orientation:portrait) and (min-width:800px), (pointer:coarse) and (max-aspect-ratio:6/5) and (min-width:800px){#lk .lk-grid.g-row{grid-auto-columns:calc((100% - 6 * 6px) / 6.35)}#lk{--row:136px}}
/* [2026-10-24] landscape (desktop, tablets, Fold unfolded sideways): 3 cards per row instead of 4; art scaled with the wider
   card (×4/3) so cards keep their proportions; the grid still scrolls vertically. Short landscape phones keep compact art. */
@media (orientation:landscape) and (min-width:761px) and (min-aspect-ratio:1201/1000), (orientation:landscape) and (min-width:761px) and (pointer:fine), (orientation:landscape) and (min-width:761px) and (pointer:none){
  #lk .lk-grid:not(.g-info):not(.g-gochain):not(.g-row){grid-template-columns:repeat(3,1fr)}
}
@media (orientation:landscape) and (min-width:761px) and (min-height:761px) and (min-aspect-ratio:1201/1000), (orientation:landscape) and (min-width:761px) and (min-height:761px) and (pointer:fine), (orientation:landscape) and (min-width:761px) and (min-height:761px) and (pointer:none){
  #lk .lk-grid:not(.g-row) .lk-art{height:112px}#lk .g-poses:not(.g-row) .lk-art,#lk .g-frens:not(.g-row) .lk-art,#lk .g-emotes:not(.g-row) .lk-art{height:150px}
}
@media (orientation:landscape) and (min-width:761px) and (min-height:501px) and (max-height:760px) and (min-aspect-ratio:1201/1000), (orientation:landscape) and (min-width:761px) and (min-height:501px) and (max-height:760px) and (pointer:fine), (orientation:landscape) and (min-width:761px) and (min-height:501px) and (max-height:760px) and (pointer:none){
  #lk .lk-grid:not(.g-row) .lk-art{height:96px}#lk .g-poses:not(.g-row) .lk-art,#lk .g-frens:not(.g-row) .lk-art,#lk .g-emotes:not(.g-row) .lk-art{height:124px}
}
/* [2026-10-24] watermark pill: wide portrait (>760px, e.g. Fold unfolded) keeps live's wide-screen pill text + style;
   only its position follows the portrait panel (sits just above the row). */
@media (orientation:portrait) and (min-width:761px), (pointer:coarse) and (max-aspect-ratio:6/5) and (min-width:761px){
  #lk .lk-wmpill{font-size:13px;padding:9px 18px;gap:10px;letter-spacing:.14em}#lk .lk-wmpill .lg{display:inline}#lk .lk-wmpill .sm{display:none}
}
/* [2026-10-25] holder wallet chooser (opens from the HOLDERS ONLY button; same look as the GOchain chooser .gc-w) */
.lk-wsel{display:grid;grid-template-columns:1fr;gap:6px;margin:10px 0 4px;text-align:left}
.lk-wsel .gc-w{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;background:linear-gradient(120deg,#111a2d,#0b1222);color:#F5F3EE;border:1px solid #ffffff22;border-left:3px solid #00605D;cursor:pointer;text-align:left;font:700 13px Rajdhani,sans-serif;letter-spacing:.06em;text-decoration:none;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.lk-wsel .gc-w:hover{border-color:#008C86;background:#0B1F1E}.lk-wsel .gc-w:disabled{opacity:.55;cursor:wait}.lk-wsel .gc-w.gc-wc{border-left-color:#008C86}
.lk-wsel .gc-w svg{width:22px;height:22px;flex:none}
.lk-wsel .gc-w span{display:flex;flex-direction:column;min-width:0}
.lk-wsel .gc-w b{font:700 15px Rajdhani,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-wsel .gc-w small{font:500 12px Rajdhani,sans-serif;color:#F5F3EE99;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-wback{margin-top:8px;background:none;border:0;color:#00a39e;font:600 14px Rajdhani,sans-serif;letter-spacing:.1em;cursor:pointer}
.lk-wsel .gc-w img{width:22px;height:22px;flex:none;border-radius:5px}
/* [2026-10-31] token-id GO button (iPhone numeric keypad has no Enter key): the input + GO sit in a form inside the id row.
   Compact so the row (< id GO > RANDOM) still fits the player card on phones, Fold, desktop and 32:9. */
#lk .lk-idform{display:flex;gap:4px;align-items:center;margin:0;padding:0;min-width:0;flex:0 1 auto}
#lk .lk-go{min-width:38px;padding:0 9px;background:color-mix(in srgb,var(--acc) 16%,#050811);border:1px solid var(--acc);color:var(--acc);font:700 13px var(--ui);letter-spacing:.12em;cursor:pointer;touch-action:manipulation}
#lk .lk-go:hover,#lk .lk-go:focus-visible{background:var(--acc);color:#071002}
#lk .lk-go:active{background:var(--acc);color:#071002;filter:brightness(1.15)}
#lk .lk-id:focus{border-color:var(--acc)}
@media (max-width:760px), (orientation:portrait), (pointer:coarse) and (max-aspect-ratio:6/5){
  #lk .lk-idform{flex:1 1 0}
  #lk .lk-go{min-width:36px;padding:0 7px}
}
/* [2026-10-31] WalletConnect on a phone: one step at a time, above AppKit's own sheet (its z-index is 10000) */
.lk-mov.lk-wcstep{z-index:10001;background:#0B1F1Ef2}
.lk-wcstep .lk-wcn{font:700 13px Rajdhani,sans-serif;letter-spacing:.26em;color:#00a39e}
.lk-wcstep .lk-wct{font:400 clamp(20px,6vw,24px)/1.2 'Russo One',sans-serif;letter-spacing:.03em;margin:8px 0 18px;overflow-wrap:anywhere}
.lk-wcstep .lk-wcbig{min-height:58px;font-size:clamp(16px,4.6vw,19px);white-space:normal}
.lk-wcstep .lk-wcbig svg{width:24px}
.lk-wcstep .lk-wcbig:disabled{filter:grayscale(.5);cursor:progress}
.lk-wcstep .lk-wcmsg{margin:14px 0 4px;font-size:15px;min-height:1.3em;overflow-wrap:anywhere}
.lk-wcstep .lk-wcmsg.hint{color:#F5F3EE}
.lk-wcstep .lk-wcreset{min-height:44px;text-decoration:underline;text-underline-offset:3px}

/* [2026-11-01] RECORD picker (Normal view | Full screen 9:16 / 16:9) — small, Studio style, #7cff4f accent, touch targets >= 44px */
#lkRecPick{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;background:rgba(3,6,12,.45);padding:12px;box-sizing:border-box;font-family:Rajdhani,system-ui,sans-serif;color:#e9f0ff}
#lkRecPick.hidden{display:none}
#lkRecPick .rp-card{width:min(340px,100%);max-height:100%;overflow:auto;box-sizing:border-box;background:#0b1220f2;border:1px solid #7cff4f66;border-radius:10px;box-shadow:0 10px 30px #000a,0 0 0 1px #000;padding:10px;display:flex;flex-direction:column;gap:8px}
#lkRecPick .rp-head{display:flex;align-items:center;gap:8px}
#lkRecPick .rp-head>b{font:400 16px "Russo One",system-ui,sans-serif;letter-spacing:.06em;color:#7cff4f;margin-right:auto}
#lkRecPick button{font:700 14px Rajdhani,system-ui,sans-serif;letter-spacing:.1em;color:#e9f0ff;cursor:pointer;-webkit-tap-highlight-color:transparent}
#lkRecPick .rp-x{width:44px;height:44px;flex:none;display:grid;place-items:center;background:transparent;border:1px solid #ffffff22;border-radius:8px;padding:0}
#lkRecPick .rp-x svg{width:16px;height:16px}
#lkRecPick .rp-seg{display:flex;border:1px solid #ffffff22;border-radius:8px;overflow:hidden;flex:none}
#lkRecPick .rp-seg button{min-width:52px;height:44px;padding:0 10px;background:#111a2d;border:0}
#lkRecPick .rp-seg button+button{border-left:1px solid #ffffff22}
#lkRecPick .rp-seg button.on{background:#7cff4f;color:#071002}
#lkRecPick .rp-opt{display:flex;align-items:center;gap:8px;min-height:56px;box-sizing:border-box;background:#111a2d;border:1px solid #ffffff22;border-radius:8px;padding:6px 6px 6px 12px;text-align:left}
#lkRecPick button.rp-opt,#lkRecPick .rp-go{flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
#lkRecPick .rp-go{display:flex;flex:1;min-height:44px;background:transparent;border:0;padding:0;text-align:left}
#lkRecPick .rp-opt b{font-size:16px;letter-spacing:.12em}
#lkRecPick .rp-opt span{font:600 12px Rajdhani,system-ui,sans-serif;letter-spacing:.04em;color:#8b97b3}
#lkRecPick button.rp-opt:hover,#lkRecPick .rp-opt:hover,#lkRecPick .rp-opt:focus-within,#lkRecPick button.rp-opt:focus-visible{border-color:#7cff4f}
@media (max-height:420px){#lkRecPick .rp-card{gap:6px;padding:8px}#lkRecPick .rp-opt{min-height:48px}}

/* [2026-11-01] Glyph in an in-app browser (Privy refuses webviews): dimmed option + note with Copy link / Open in Chrome|Safari */
.lk-wsel .gc-w.gc-off{opacity:.55;border-left-color:#ffffff33}.lk-wsel .gc-w.gc-off small{color:#E8C37A}
.lk-inapp{margin:10px 0 2px;padding:10px 12px;border:1px solid #ffffff22;border-left:3px solid #E8C37A;background:#ffffff0a;text-align:left;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.lk-inapp p{margin:0}.lk-inbtns{display:flex;flex-wrap:wrap;gap:4px 18px}
.lk-inapp .lk-inlink{margin-top:6px;padding:0;min-height:36px;text-decoration:underline;text-underline-offset:3px}
.lk-wcstep .lk-wcbig img{width:24px;height:24px;border-radius:5px;flex:none}