/* Beacon is the approved default. V1 remains available via ?look=current. */
.appearance-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:25px;border:1px solid #91bbb3;border-radius:25px;background:radial-gradient(ellipse at 0 0,#32646a,transparent 75%),#102d39;color:#f8eacb;box-shadow:0 20px 90px #020d20aa;font-family:var(--body,system-ui)}
.appearance-dialog::backdrop{background:#030e20c9;backdrop-filter:blur(5px)}
.appearance-dialog header>span,.appearance-dialog small{font-size:11px;letter-spacing:.06em;color:#b5d2ca}.appearance-dialog h2{font:36px var(--display,Georgia);margin:10px 0}.appearance-dialog p{font-size:14px;line-height:1.5;color:#c8dbd9;margin-bottom:22px}
.appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.appearance-options button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;padding:13px;border-radius:16px;background:#0b2534;border:1px solid #4b777b;color:#e7eddf;text-align:left;cursor:pointer}.appearance-options button[aria-pressed=true]{border-color:#f5d393;box-shadow:0 0 0 2px #dfb77455}.appearance-options strong{font-size:15px}.appearance-options small{font-size:12px;letter-spacing:0;line-height:1.4}.look-swatch{display:block;width:100%;height:70px;border-radius:10px;background:linear-gradient(155deg,#42605c,#17333b);box-shadow:inset 0 1px #fff2}.look-swatch.beacon{background:linear-gradient(0deg,#102f43aa,#18394b11),url('assets/title/options/c.webp') center 20%/cover;border:1px solid #c49d64}.appearance-dialog>a{display:flex;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid #78a4b233;color:#cfe3e4;text-decoration:none;font-size:14px;line-height:1.45}.appearance-dialog .appearance-done{width:100%;min-height:50px;margin-top:22px;border:1px solid #ffdc94;border-radius:12px;background:linear-gradient(#ffe6ac,#d4a15d);color:#1e333b;font:bold 15px var(--body,system-ui);cursor:pointer}
.charm-workshop-link{display:none}
html[data-ui-version="2"]{--beacon-edge:#779aa060;--beacon-ink:#081c2b;--beacon-paper:#fff0ce}
html[data-ui-version="2"] #menu{background:radial-gradient(ellipse at 15% 6%,#23545d90,transparent 65%),radial-gradient(ellipse at 90% 66%,#172e5990,transparent 60%),#0c2331}
html[data-ui-version="2"] .camp-shell{padding-top:max(14px,env(safe-area-inset-top));gap:10px}
html[data-ui-version="2"] .camp-shell:not(.heroes-open) .camp-stage{height:clamp(155px,25dvh,200px);min-height:155px}
html[data-ui-version="2"] .camp-header{padding:4px 0 11px;border-bottom:1px solid #c0a27035}
html[data-ui-version="2"] .profile-emblem{border-radius:15px;background:radial-gradient(circle at 35% 25%,#648d89,#123441 70%);border:1px solid #e4bd7b;box-shadow:inset 0 0 0 3px #122d39,0 3px 0 #041422,0 0 17px #d9b87620}
html[data-ui-version="2"] .profile-emblem b{background:linear-gradient(#ffeab0,#d0a66a);border:1px solid #f8d398;color:#253541;box-shadow:0 2px 2px #0005}
html[data-ui-version="2"] .camp-profile progress{height:5px;border-radius:5px;background:#061925}html[data-ui-version="2"] .camp-profile progress::-webkit-progress-value{background:linear-gradient(90deg,#5dc0cf,#c3f2cf)}
html[data-ui-version="2"] .camp-wallet{gap:5px}html[data-ui-version="2"] .camp-wallet button{padding:7px 6px;border-radius:11px;background:linear-gradient(145deg,#234758,#122d40);border:1px solid #779aa04d;box-shadow:inset 0 1px #ffffff10}
html[data-ui-version="2"] .camp-settings{background:linear-gradient(#305567,#173448);border:1px solid #728e9e88;box-shadow:inset 0 1px #b6dbdb30;border-radius:14px}
html[data-ui-version="2"] .camp-settings .settings-illustration{width:32px;height:32px}
html[data-ui-version="2"] .camp-stage{overflow:hidden;border:1px solid #c2a67388;border-radius:22px;background:linear-gradient(0deg,#102c3bef 0%,#1a39438f 46%,#0b244b44 100%),url('assets/title/options/c.webp') center 18%/cover;box-shadow:inset 0 0 0 4px #0e283933,inset 0 1px #f3e1b154,0 8px 22px #010c2033}
html[data-ui-version="2"] .camp-stage:before{inset:30% 0 0;transform:none;opacity:.82;background:linear-gradient(#1d394bc9,#142e41ed),url('assets/floor.png') center bottom/240px 240px;mask-image:linear-gradient(transparent,#000 60%);border:0}
html[data-ui-version="2"] .camp-scene-label{top:13px;left:15px;color:#e0d3af;font-size:10px;text-shadow:0 2px 4px #071520}
html[data-ui-version="2"] .camp-hero-name{left:16px;bottom:15px;text-shadow:0 2px 6px #001426;pointer-events:none}
html[data-ui-version="2"] .camp-hero-name h1{color:#fff0d1}
html[data-ui-version="2"] .change-hero{right:12px;bottom:13px;background:linear-gradient(#3a5d64,#213e50);border-color:#9db5ac88;border-radius:12px;box-shadow:inset 0 1px #f2ecd424,0 3px 0 #0b2330}
html[data-ui-version="2"] .camp-signature{border:0;background:linear-gradient(105deg,#29465788,#152d4380);border-left:3px solid #76afb9;border-radius:4px 12px 12px 4px;padding:12px 13px;gap:10px}
html[data-ui-version="2"] .camp-signature strong{color:#eddfbd}html[data-ui-version="2"] .camp-signature p{color:#c7d6d4}
html[data-ui-version="2"] .camp-destination{border:1px solid #a5b1a577;border-radius:20px;box-shadow:inset 0 1px #fff2,0 5px 17px #0003}
html[data-ui-version="2"] .stage-badge{border:1px solid #f2d79c;background:linear-gradient(145deg,#ffecc0,#ce9d5d);color:#17333e;box-shadow:0 3px 0 #714f31,0 6px 15px #071e3977;border-radius:10px 10px 15px 15px}
html[data-ui-version="2"] .camp-launch .primary{background:linear-gradient(175deg,#ffeabc 0%,#edc781 48%,#d4a262 100%);border:1px solid #ffeab4;border-bottom:4px solid #9b6738;box-shadow:inset 0 2px #fff5,0 5px 0 #041c2c,0 8px 25px #deb05c22;border-radius:16px;color:#17303c}
html[data-ui-version="2"] .camp-launch .primary:active{transform:translateY(2px);box-shadow:inset 0 2px #fff3,0 3px 0 #041c2c}
html[data-ui-version="2"] .camp-nav{padding:9px 5px 7px;border:1px solid #7a9d9f4f;border-radius:22px;background:linear-gradient(#244858f5,#10283cec);box-shadow:inset 0 1px #ffffff12,0 6px 22px #0003;gap:3px}
html[data-ui-version="2"] .camp-nav button{border-radius:16px;color:#b7cfd1;gap:6px;border-color:transparent;background:transparent;font-size:12px;padding:7px 1px}
html[data-ui-version="2"] .camp-nav button>svg{width:33px;height:33px;padding:5px;box-sizing:content-box;border-radius:13px;background:radial-gradient(circle at 35% 25%,#428e80,#183b4a);border:1px solid #7db7a56b;box-shadow:inset 0 1px #e2ffec26,0 3px 0 #061c2b;filter:drop-shadow(0 2px 3px #001322)}
html[data-ui-version="2"] .camp-nav button:nth-child(2)>svg{background:radial-gradient(circle at 35% 25%,#587fab,#243f63);border-color:#94bce476}
html[data-ui-version="2"] .camp-nav button:nth-child(3)>svg{background:radial-gradient(circle at 35% 25%,#8573ab,#39305e);border-color:#d1b0e678}
html[data-ui-version="2"] .camp-nav button:nth-child(4)>svg{background:radial-gradient(circle at 35% 25%,#ac7449,#533e33);border-color:#e2b87878}
html[data-ui-version="2"] .camp-nav button:nth-child(5)>svg{background:radial-gradient(circle at 35% 25%,#bb756d,#61394b);border-color:#dfa88e78}
html[data-ui-version="2"] .camp-nav button.active{color:#ffe2a9;background:linear-gradient(#9abbb21c,#c1b98c22);border:1px solid #d5bd8188;box-shadow:inset 0 1px #fff2}
html[data-ui-version="2"] .camp-nav button:disabled>svg{filter:grayscale(.8);opacity:.48}
html[data-ui-version="2"] .roster .hero{background:radial-gradient(ellipse at 50% 20%,#4c779f99,transparent 75%),linear-gradient(#254854,#162e42);border:1px solid #718ea67a;box-shadow:inset 0 1px #e5f8ef25,0 2px 0 #061f2a}
html[data-ui-version="2"] .roster .hero.active{border-color:#ffe1a0;box-shadow:inset 0 1px #e5f8ef25,0 2px 0 #061f2a}
html[data-ui-version="2"] .roster .hero[data-locked=true]{background:linear-gradient(145deg,#33434f,#1b2c3f);border-color:#718a9a4c}
html[data-ui-version="2"] .skill-tile{background:linear-gradient(145deg,#365768,#1a3249);border:1px solid #87a3b55f;box-shadow:inset 0 1px #fff2,0 3px #091f30;border-radius:15px}
html[data-ui-version="2"] .skill-tile .item-art{background:radial-gradient(circle,#77c4c637,#071e3022 75%);border-radius:12px}
html[data-ui-version="2"] .skill-tile.is-locked{background:linear-gradient(145deg,#30404e,#202d3d);border-color:#82909338}
html[data-ui-version="2"] .meta-row{background:linear-gradient(110deg,#604d383f,#2444539c);border:1px solid #b09b734f;border-radius:16px;padding:14px 10px;margin:10px 0;box-shadow:inset 0 1px #efd09c1f}
html[data-ui-version="2"] .meta-row>button{border-radius:11px;background:linear-gradient(#668077,#355d60);color:#fff0c9;border-color:#c6ba8788}
html[data-ui-version="2"] .meta-row>button:disabled{background:#223b47;color:#a1b5b3;border-color:#57747d;opacity:.65}
html[data-ui-version="2"] .charm-workshop-link{display:flex;align-items:center;gap:12px;border:1px solid #a79bc778;background:radial-gradient(ellipse at 0 0,#8065a855,transparent 90%),#1e354b;border-radius:16px;padding:13px 11px;margin:18px 0;text-decoration:none;color:#f0e7d6}
.charm-workshop-link img{object-fit:contain}.charm-workshop-link span{display:grid;gap:4px}.charm-workshop-link small{font:9px var(--body);color:#d3bcee;letter-spacing:.07em}.charm-workshop-link strong{font:21px var(--display)}.charm-workshop-link em{font:12px var(--body);color:#bfceda;font-style:normal}.charm-workshop-link b{margin-left:auto;font-size:22px}
html[data-ui-version="2"] .exchange-screen{background:radial-gradient(ellipse at 0 0,#30406b80,transparent 65%),#0b2134}
html[data-ui-version="2"] .exchange-header{background:linear-gradient(120deg,#25465d,#192e4b);border-bottom:1px solid #bb9a6655;box-shadow:0 5px 20px #07172e77}
html[data-ui-version="2"] .exchange-tabs{background:#112d43;border:1px solid #63879555;border-radius:15px;padding:5px}
html[data-ui-version="2"] .exchange-tabs button[aria-selected=true],html[data-ui-version="2"] .exchange-tabs button[aria-pressed=true]{background:linear-gradient(#e4cb97,#bda173);color:#173341;border-radius:10px}
html[data-ui-version="2"] .currency-pack{border-radius:20px;background:radial-gradient(ellipse at 10% 0,#5b8edf60,transparent 67%),linear-gradient(145deg,#294b79,#172e4c);border:1px solid #81b5e76e;box-shadow:inset 0 1px #bddaff3d,0 5px #091e32}
html[data-ui-version="2"] .currency-pack.gold-pack{background:radial-gradient(ellipse at 10% 0,#cba6585c,transparent 65%),linear-gradient(145deg,#5b5747,#283e43);border-color:#d5bb807a}
html[data-ui-version="2"] .currency-pack b{background:#061c3473;border:1px solid #c0d5ed40;border-radius:10px;padding:10px 8px;color:#f5e9d0}
html[data-ui-version="2"] .currency-pack .pack-art>svg{filter:drop-shadow(0 6px 6px #010d22a1)}
html[data-ui-version="2"] .exchange-feature{border-color:#d8b67891;box-shadow:inset 0 0 0 4px #efca7f17,0 8px 26px #040d2566;border-radius:23px}
html[data-ui-version="2"] .gift-day{border-radius:16px;box-shadow:inset 0 1px #e7f9d331,0 3px #142c3c;background:linear-gradient(145deg,#456b67,#233d51)}
html[data-ui-version="2"] .gift-day.ready{background:radial-gradient(ellipse at 35% 0,#e5c37d88,transparent 90%),#526856;box-shadow:0 0 0 3px #f5ca7e1a,inset 0 1px #fff5,0 4px #253a3e}
html[data-ui-version="2"] .gift-finale{background:radial-gradient(ellipse at 0 0,#8a68c770,transparent 80%),linear-gradient(#364969,#263650)!important;border-color:#bc9ee7a1}
html[data-ui-version="2"] .camp-settings-dialog,html[data-ui-version="2"] .commerce-sheet{background:radial-gradient(ellipse at 10% 0,#365b6b99,transparent 70%),#122d40;border-color:#a3b6b28f;box-shadow:inset 0 1px #fff2,0 20px 70px #010b2266}
@media(max-width:350px){html[data-ui-version="2"] .camp-nav button{font-size:10px}html[data-ui-version="2"] .camp-nav button>svg{width:28px;height:28px;padding:4px}html[data-ui-version="2"] .camp-wallet button{padding:6px 3px}.appearance-dialog{padding:19px}.appearance-options{gap:8px}.appearance-options button{padding:10px}}
@media(max-height:620px){html[data-ui-version="2"] .camp-shell{gap:9px}html[data-ui-version="2"] .camp-shell:not(.heroes-open) .camp-stage{height:130px;min-height:130px}html[data-ui-version="2"] .camp-nav{padding:4px}html[data-ui-version="2"] .camp-nav button>svg{width:25px;height:25px;padding:3px}html[data-ui-version="2"] .camp-signature{padding:9px 11px}}
@media(prefers-reduced-motion:no-preference){.appearance-options button,.appearance-dialog .appearance-done{transition:box-shadow .18s ease,background .18s ease}html[data-ui-version="2"] .camp-nav button,html[data-ui-version="2"] .camp-launch .primary{transition:background .18s ease,transform .12s ease}}

/* Alignment pass: shared card insets, a stable dock and readable narrow headers. */
html[data-ui-version="2"]{--camp-dock-height:88px;--camp-safe-bottom:env(safe-area-inset-bottom,0px)}
html[data-ui-version="2"] .camp-header{gap:8px;padding:0 0 9px;align-items:center}
html[data-ui-version="2"] .camp-profile{min-width:0;min-height:44px}
html[data-ui-version="2"] .profile-copy{flex:1;overflow:hidden}
html[data-ui-version="2"] .profile-copy small{overflow:hidden;text-overflow:ellipsis}
html[data-ui-version="2"] .profile-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
html[data-ui-version="2"] .profile-copy progress{max-width:100%}
html[data-ui-version="2"] .camp-wallet{flex-shrink:0;max-width:none;align-items:center}
html[data-ui-version="2"] .camp-wallet button{height:44px;justify-content:center;font-variant-numeric:tabular-nums}
html[data-ui-version="2"] .camp-daily{top:11px;right:12px;padding:7px 8px;gap:4px}
html[data-ui-version="2"] .camp-daily.ready:after{top:5px;right:5px}
html[data-ui-version="2"] .camp-scene-label{top:16px;max-width:calc(100% - 136px);line-height:1.5;letter-spacing:.12em}
html[data-ui-version="2"] .camp-hero-name{left:15px;bottom:14px}
html[data-ui-version="2"] .change-hero{right:12px;bottom:14px}
html[data-ui-version="2"] .camp-nav{height:calc(var(--camp-dock-height) + var(--camp-safe-bottom));flex:none;box-sizing:border-box;align-items:stretch;padding:6px 5px calc(6px + var(--camp-safe-bottom));background:linear-gradient(#244858,#10283c)}
html[data-ui-version="2"] .camp-nav>button{min-height:0;padding:5px 1px;gap:4px;justify-content:center;line-height:1.2}
html[data-ui-version="2"] .camp-nav>button>.camp-icon{box-sizing:border-box;width:40px!important;height:40px!important;padding:4px;flex:none}
html[data-ui-version="2"] .camp-nav>button[aria-current=page]:after{bottom:2px}
html[data-ui-version="2"] .heroes-open{padding-bottom:calc(var(--camp-dock-height) + var(--camp-safe-bottom) + 24px)}
html[data-ui-version="2"] #menu{scroll-padding-block:14px calc(var(--camp-dock-height) + var(--camp-safe-bottom) + 12px)}
html[data-ui-version="2"] .meta-row>button{justify-self:end;text-align:center;font-variant-numeric:tabular-nums}
html[data-ui-version="2"] .charm-workshop-link img{flex:none}
html[data-ui-version="2"] .charm-workshop-link span{min-width:0}
html[data-ui-version="2"] .camp-shell:not(.heroes-open) .camp-launch{position:sticky;bottom:calc(var(--camp-dock-height) + var(--camp-safe-bottom) + 8px);z-index:6;border-radius:16px;background:#0d2635;box-shadow:0 -7px 14px #0c233177}
@media(min-width:370px){html[data-ui-version="2"] .meta-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px 10px;align-items:center}html[data-ui-version="2"] .meta-row>.item-art{width:30px;height:30px;margin:0}html[data-ui-version="2"] .meta-row>button{grid-column:auto;padding:10px;min-width:74px}html[data-ui-version="2"] .meta-row h3{font-size:20px}html[data-ui-version="2"] .meta-row p{font-size:12px;line-height:1.5}}
@media(max-width:350px){html[data-ui-version="2"] .camp-header{gap:6px}html[data-ui-version="2"] .camp-wallet .currency-illustration{width:23px;height:23px}html[data-ui-version="2"] .camp-wallet button>span{max-width:38px}html[data-ui-version="2"] .camp-profile{gap:6px}html[data-ui-version="2"] .profile-copy strong{font-size:12px}html[data-ui-version="2"] .profile-copy small{font-size:11px}}
@media(max-height:620px){html[data-ui-version="2"]{--camp-dock-height:78px}html[data-ui-version="2"] .camp-nav>button>.camp-icon{width:36px!important;height:36px!important}html[data-ui-version="2"] .camp-daily{top:9px}html[data-ui-version="2"] #menu{scroll-padding-bottom:calc(var(--camp-dock-height) + var(--camp-safe-bottom) + 82px)}}