.benefits-v3{font:15px/1.6 system-ui;color:#1d3035;background:#faf9f4;padding:clamp(20px,4vw,42px);border:1px solid #d4ddd6;border-radius:24px;margin:24px auto;max-width:1160px;box-sizing:border-box}.benefits-v3 *,.v3-preview *{box-sizing:border-box}.v3-eyebrow{letter-spacing:.18em;font-size:11px;font-weight:800;color:#41665d}.v3-heading h2{font-size:clamp(30px,5vw,56px);line-height:1.1;letter-spacing:-.045em;margin:12px 0}.v3-heading p{max-width:620px}.v3-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.v3-summary>div{background:#edf1ea;border-radius:16px;padding:16px;display:grid;gap:4px;overflow-wrap:anywhere}.v3-summary strong{font-size:clamp(19px,3vw,28px)}.v3-summary span{font-size:12px;color:#496058}.v3-actions,.v3-tabs{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.benefits-v3 button,.benefits-v3 a,.v3-preview button{min-height:44px;border:1px solid #9dab9d;background:#fff;color:#203f37;padding:10px 16px;border-radius:10px;font:600 14px/1.4 system-ui;cursor:pointer;text-decoration:none}.benefits-v3 button:hover,.benefits-v3 a:hover{background:#e4eee8}.benefits-v3 button[aria-pressed=true]{background:#244f43;color:white}.benefits-v3 button:focus-visible,.v3-preview button:focus-visible{outline:3px solid #ad803a;outline-offset:3px}.benefits-v3 button:disabled,.v3-preview button:disabled{opacity:.55;cursor:default}.v3-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center;padding:24px 0}.v3-feature>svg{width:100%;background:#e9eee9;border-radius:20px}.v3-feature h3{font-size:26px;margin:0}.v3-feature small{display:block;margin-top:12px;color:#496058}.benefits-v3 details{border-top:1px solid #ccd7cf;padding:18px 0}.benefits-v3 summary{font-weight:700;cursor:pointer;padding:6px 0;min-height:44px}.v3-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;margin-top:14px}.v3-grid article{border:1px solid #cad5cd;padding:16px;border-radius:14px;background:white;overflow-wrap:anywhere}.v3-grid h4{margin:0 0 6px}.v3-rules{background:#edf1ea;padding:20px;border-radius:16px;margin-top:20px}.v3-status{min-height:1em}.v3-preview{width:min(700px,94vw);max-height:92dvh;overflow:auto;color:#203b35;background:#faf9f4;border:1px solid #a7b7a9;border-radius:22px;padding:22px}.v3-preview::backdrop{background:#172b34b3}.v3-preview>svg,.v3-preview>canvas{width:100%;max-height:360px;object-fit:contain;background:#e9eee9;border-radius:15px}.v3-preview button{margin:8px 8px 0 0}.benefits-v3 li{margin:10px 0}.benefits-v3 li button{font-size:12px;padding:7px 12px}.holder-identity-trail{display:inline-flex;gap:3px;align-items:center;pointer-events:none}.holder-identity-trail i{display:block;width:14px;height:3px;border-radius:4px;background:var(--v3-trail,#a5f5d0)}.holder-identity-trail i:nth-child(2){opacity:.6;width:10px}.holder-identity-trail i:nth-child(3){opacity:.3;width:6px}@media(max-width:640px){.v3-feature{grid-template-columns:1fr;gap:16px}.v3-summary{gap:6px}.v3-summary>div{padding:12px 9px}.v3-summary span{font-size:11px}.v3-tabs button{flex:1;padding:8px}.benefits-v3{border-radius:18px}}
/* V3 showroom: vector room details and readable, consistent item cards. */
.benefits-v3{background:#fbfcfa;border-color:#d9e2df;box-shadow:0 16px 60px #183a3010}.v3-heading{max-width:730px}.v3-connection{font-size:13px;color:#43605b}.v3-status:empty{min-height:0;margin:8px 0}.v3-feature{background:#edf3ef;border:1px solid #d3dfd7;border-radius:22px;margin:22px 0;padding:24px;grid-template-columns:1.2fr 1fr}.v3-feature>svg{background:radial-gradient(ellipse at 50% 40%,#f9fcf9,#d8e5df);border:1px solid #d4dfd8}.v3-feature h3{font-size:36px;letter-spacing:-.03em}.v3-feature .v3-eyebrow{font-size:10px}.v3-requirement{font-size:13px;font-weight:700}.v3-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.v3-filters button{font-size:12px;padding:8px 12px}.v3-grid{grid-template-columns:repeat(auto-fill,minmax(min(225px,100%),1fr));gap:16px}.v3-grid article{display:flex;flex-direction:column;padding:12px;box-shadow:0 4px 16px #1d383505}.v3-item-art{aspect-ratio:1.5;background:#ecf1ed;border-radius:10px;overflow:hidden;display:grid;place-items:center;margin-bottom:14px;contain:content}.v3-item-art canvas,.v3-item-art svg{display:block;width:100%;height:100%;object-fit:contain}.v3-item-art>span{padding:20px;font-size:12px}.v3-item-game{color:#486660;font-size:11px}.v3-grid h4{font-size:15px;line-height:1.4;margin:5px 0}.v3-item-state,.v3-equipped{font-size:12px;margin:8px 0 14px}.v3-equipped{color:#25583f;font-weight:750}.v3-grid article>button{margin-top:auto;width:100%}.v3-inventory{list-style:none;padding:0}.v3-inventory li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-bottom:1px solid #d9e2dc}.v3-inventory span{font-size:13px;overflow-wrap:anywhere}.v3-inventory button{flex-shrink:0}.v3-preview{width:min(800px,94vw)}.v3-preview h2{font-size:clamp(23px,4vw,32px);line-height:1.2;margin:8px 0 18px}.v3-preview-stage{min-height:150px;border-radius:16px;background:#e8efeb;overflow:hidden;display:grid;place-items:center}.v3-preview-stage>canvas,.v3-preview-stage>svg{display:block;width:100%;max-height:52dvh;object-fit:contain}.v3-preview-stage>p{padding:15px}.v3-preview-loading{font-size:13px}.v3-trail-preview{width:100%;min-height:160px;height:100%;display:flex;justify-content:center;align-items:center;gap:16px;color:#fff;font:800 30px system-ui;letter-spacing:.08em}.v3-trail-preview .holder-identity-trail{transform:scale(2);margin-left:18px}.v3-actions>a:focus-visible,.benefits-v3 summary:focus-visible{outline:3px solid #ad803a;outline-offset:3px}@media(max-width:640px){.benefits-v3{padding:20px 14px;margin:12px auto}.v3-feature{padding:12px;grid-template-columns:1fr;gap:18px}.v3-feature>div{padding:4px 6px}.v3-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v3-grid article{padding:9px}.v3-grid h4{font-size:13px}.v3-item-art{margin-bottom:10px}.v3-preview{padding:16px}.v3-preview button{margin:0}.v3-tabs{gap:5px}.v3-tabs button{flex:1 1 28%;font-size:13px}.v3-inventory li{padding:10px 0}.v3-actions{gap:8px}}@media(prefers-reduced-motion:reduce){.benefits-v3 *,.v3-preview *{scroll-behavior:auto!important;transition:none!important}}

body.benefits-page{background:#eef3ee!important;color:#203c34;min-height:100dvh}.benefits-page>header,.benefits-page>footer{color:#254e43;border-color:#cad8cf}.benefits-page>header a,.benefits-page>footer a{color:#254e43}.benefits-page>main{padding-top:8px}.benefits-page>header{gap:20px;flex-wrap:wrap;height:auto;min-height:74px}

/* Search and inspection stay usable with touch, keyboard and the dark theme. */
.v3-search-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}
.v3-search-row>input{flex:1 1 240px;width:100%;min-width:0;min-height:46px;border:1px solid #9dab9d;border-radius:12px;padding:11px 14px;font:inherit;color:inherit;background:#fff}
.v3-search-row>label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-size:13px}
.v3-search-row input[type=checkbox]{width:18px;height:18px;accent-color:#275d4d}
.v3-result-count{font-size:12px;color:#486660;margin:10px 0}
.v3-empty{grid-column:1/-1;padding:28px;text-align:center;border:1px dashed #abbfb3;border-radius:12px}
.v3-viewer-controls .holder-preview-controls163{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.v3-viewer-controls label{display:grid;gap:6px;font:600 13px system-ui;min-width:0}
.v3-viewer-controls input[type=range]{width:100%;min-height:34px;accent-color:#356954}
.v3-viewer-controls button{margin:0;min-width:0}
.v3-search-row input:focus-visible,.v3-viewer-controls input:focus-visible{outline:3px solid #ad803a;outline-offset:3px}
.v3-preview .v3-actions{position:sticky;bottom:-22px;padding:12px 0;background:inherit;z-index:1}
:root[data-ui-theme=dark] body.benefits-page{background:#101e24!important;color:#dceae4}
:root[data-ui-theme=dark] .benefits-page>header,:root[data-ui-theme=dark] .benefits-page>footer,:root[data-ui-theme=dark] .benefits-page a{color:#c5ded2;border-color:#365149}
:root[data-ui-theme=dark] .benefits-v3,:root[data-ui-theme=dark] .v3-preview{color:#e2ece6;background:#172c30;border-color:#38564e;color-scheme:dark}
:root[data-ui-theme=dark] .v3-summary>div,:root[data-ui-theme=dark] .v3-feature,:root[data-ui-theme=dark] .v3-rules{background:#203b3d;border-color:#395a52}
:root[data-ui-theme=dark] .v3-grid article,:root[data-ui-theme=dark] .v3-search-row>input{background:#1c3437;border-color:#47645b}
:root[data-ui-theme=dark] .benefits-v3 button,:root[data-ui-theme=dark] .benefits-v3 a,:root[data-ui-theme=dark] .v3-preview button{color:#dcece0;background:#254740;border-color:#648274}
:root[data-ui-theme=dark] .benefits-v3 button[aria-pressed=true]{background:#b4d8be;color:#142b23}
:root[data-ui-theme=dark] .v3-eyebrow,:root[data-ui-theme=dark] .v3-connection,:root[data-ui-theme=dark] .v3-summary span,:root[data-ui-theme=dark] .v3-feature small,:root[data-ui-theme=dark] .v3-item-game,:root[data-ui-theme=dark] .v3-result-count{color:#b3cfc1}
:root[data-ui-theme=dark] .v3-equipped{color:#b6ecc9}
@media(max-width:640px){.v3-preview .v3-actions{bottom:-16px}.v3-search-row{gap:8px 16px}.v3-viewer-controls{font-size:13px}}

/* Small identity marks remain outside play and never follow the avatar. */
.holder-identity-trail[data-motif] i{width:9px;height:9px;border-radius:0;box-shadow:inset 1px 1px 0 #ffffffa0,inset -1px -1px 0 #07182c55;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.holder-identity-trail[data-motif] i:nth-child(2){width:7px;height:7px}.holder-identity-trail[data-motif] i:nth-child(3){width:5px;height:5px}
.holder-identity-trail[data-motif=wave] i{border-radius:50%;clip-path:none;transform:skewY(-18deg)}
.holder-identity-trail[data-motif=sun] i{clip-path:polygon(50% 0,62% 25%,85% 15%,75% 39%,100% 50%,75% 62%,85% 85%,62% 75%,50% 100%,39% 75%,15% 85%,25% 62%,0 50%,25% 39%,15% 15%,39% 25%)}
.holder-identity-trail[data-motif=orbit] i{border-radius:50%;clip-path:none;background:transparent;border:1px solid var(--v3-trail);box-shadow:none}
.holder-identity-trail[data-motif=crown] i{clip-path:polygon(0 15%,25% 40%,50% 0,75% 40%,100% 15%,85% 90%,15% 90%)}

/* More distinctive collection tabs, previews and item cards. No gameplay changes. */
.benefits-v3{--tier-accent:#2c8063;--tier-soft:#d5eee0}
.benefits-v3[data-tier=tidal]{--tier-accent:#236c99;--tier-soft:#d8eef8}
.benefits-v3[data-tier=solar]{--tier-accent:#a35c0b;--tier-soft:#fff0cc}
.benefits-v3[data-tier=nebula]{--tier-accent:#7045a3;--tier-soft:#eee3fb}
.benefits-v3[data-tier=royal]{--tier-accent:#8a651e;--tier-soft:#f8edcc}
.benefits-v3 .v3-heading{padding-left:16px;border-left:4px solid var(--tier-accent)}
.benefits-v3 .v3-tabs button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:100px}
.benefits-v3 .v3-tabs button::before{content:'✦';color:var(--tier-accent);font-size:15px}
.benefits-v3 .v3-tabs button[aria-pressed=true]{background:var(--tier-accent);border-color:var(--tier-accent);color:#fff}
.benefits-v3 .v3-tabs button[aria-pressed=true]::before{color:#fff}
.benefits-v3 .v3-feature{border-color:var(--tier-accent);background:linear-gradient(145deg,var(--tier-soft),#fff 70%)}
.benefits-v3 .v3-feature>svg{background:radial-gradient(ellipse at 50% 38%,#fff,var(--tier-soft));box-shadow:0 6px 18px #17372d12}
.benefits-v3 .v3-feature .v3-requirement{display:inline-flex;padding:7px 10px;background:#fff;border:1px solid #c3d3ca;border-radius:999px;color:#254b3e}
.benefits-v3 .v3-grid article{border-radius:16px;border-color:#bdcfc5;box-shadow:0 5px 20px #1d38350f;transition:border-color .16s ease,box-shadow .16s ease}
.benefits-v3 .v3-grid article:hover{border-color:var(--tier-accent);box-shadow:0 8px 24px #1d38351c}
.benefits-v3 .v3-item-art{background:radial-gradient(ellipse at 50% 35%,#fff,var(--tier-soft));border:1px solid #d5e4db;border-radius:12px}
.benefits-v3 .v3-item-game{display:flex;align-items:center;gap:6px;font-weight:700;line-height:1.35}
.benefits-v3 .v3-item-game::before{content:'✦';display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:7px;color:#173d31;background:#d4eadc;font-size:12px}
.benefits-v3 article[data-kind=skin] .v3-item-game::before{content:'◈'}
.benefits-v3 article[data-kind=frame] .v3-item-game::before{content:'▣'}
.benefits-v3 article[data-kind=title] .v3-item-game::before{content:'✎'}
.benefits-v3 article[data-kind=badge] .v3-item-game::before{content:'★'}
.benefits-v3 article[data-kind=light] .v3-item-game::before{content:'☀'}
.benefits-v3 article[data-kind=showcase] .v3-item-game::before{content:'♜'}
.benefits-v3 article[data-kind=cabinet] .v3-item-game::before{content:'▦'}
.benefits-v3 article[data-kind=floor] .v3-item-game::before{content:'▤'}
.benefits-v3 .v3-grid article>button{min-height:44px}
:root[data-ui-theme=dark] .benefits-v3 .v3-feature{background:#203b3d;border-color:#64897b}
:root[data-ui-theme=dark] .benefits-v3 .v3-feature .v3-requirement{background:#1a3332;color:#e5f7ec;border-color:#64897b}
:root[data-ui-theme=dark] .benefits-v3 .v3-tabs button[aria-pressed=true]{background:#c4ebd1;border-color:#c4ebd1;color:#123325}
:root[data-ui-theme=dark] .benefits-v3 .v3-tabs button[aria-pressed=true]::before{color:#123325}
:root[data-ui-theme=dark] .benefits-v3 .v3-item-game::before{background:#b8dcc7;color:#183d32}
@media(prefers-reduced-motion:reduce){.benefits-v3 .v3-grid article{transition:none}}