/* Phase 2 extends B tokens; existing card sizes, gradients and navigation layout stay intact. */
.icon.custom-icon{display:inline-block;object-fit:contain;flex-shrink:0;vertical-align:middle;fill:none!important;stroke:none!important}.icon.ordinal-icon{display:inline-grid;place-items:center;width:19px;height:23px;font-weight:700;font-size:18px;line-height:1}.vip-pill .icon{width:15px;height:15px}.chip .icon{width:18px;height:18px;flex-shrink:0}.player-surface{position:absolute;inset:0;isolation:isolate;overflow:hidden}.player video{object-fit:contain!important}.player[data-video-orientation=landscape]:not(.display-active) video,.player[data-video-orientation=square]:not(.display-active) video{object-fit:contain}.player-display-open{overflow:hidden!important}.player-display-open .bottom-tabs,.player-display-open .header,.player-display-open .page-header{display:none!important}.player.display-active{position:fixed!important;inset:0!important;width:100vw!important;width:100dvw!important;height:100vh!important;height:100dvh!important;min-height:0!important;max-width:none!important;z-index:100;background:#000;border-radius:0!important}.player.display-active .player-side{display:none}.player.display-active .player-top{top:max(8px,env(safe-area-inset-top));z-index:3}.player.display-active .player-bottom{bottom:max(4px,env(safe-area-inset-bottom));padding-top:20px;background:linear-gradient(transparent,#000c)}.player.display-active .player-bottom h2{font-size:14px}.player.display-active .player-progress{font-size:10px}.player.display-active .player-state{top:30%}.player.display-rotated .player-surface{inset:auto;left:50%;top:50%;width:var(--display-width);height:var(--display-height);transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}.display-hint{position:absolute;left:50%;top:52px;transform:translateX(-50%);max-width:80%;padding:5px 10px;background:#0009;color:#e2d6e5;border-radius:8px;font-size:11px;z-index:4;pointer-events:none}.display-hint[hidden]{display:none}.player-controls #display-toggle{flex-shrink:0}.icon-admin-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}.icon-catalog{max-height:76vh;overflow:auto}.icon-catalog h3{font-size:12px;color:#999fb6;margin:20px 0 8px}.icon-catalog-row{display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:10px;border-radius:8px}.icon-catalog-row.active{background:#fb358b22;color:#ff74ad}.icon-catalog-row small{display:block;color:#9994a8;font-size:10px}.icon-catalog-row[hidden]{display:none}.icon-preview-pair{display:flex;gap:20px;margin:25px 0}.icon-preview{display:flex;gap:10px;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;width:120px;height:110px;background:#211a2a;border:1px solid #ffffff12;color:#beb5c5}.icon-preview .icon{width:38px;height:38px}.icon-preview.selected{background:#351b30;color:#fb358b;border-color:#fb358b77}.icon-preview.selected svg{fill:currentColor}.icon-edit-actions{flex-wrap:wrap;margin-top:14px}.icon-edit-actions button:disabled{opacity:.4;cursor:default}.icon-upload-preview{display:flex;align-items:center;gap:15px;padding:16px;background:#11131e;border-radius:12px}.icon-upload-preview img{width:64px;height:64px;object-fit:contain}.icon-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.icon-asset-grid button{display:flex;flex-direction:column;align-items:center;gap:7px;background:#252031;padding:12px;border-radius:8px}.icon-asset-grid img{width:36px;height:36px;object-fit:contain}.icon-asset-grid small{font-size:10px}.icon-editor .form{gap:8px}.icon-editor .icon-upload-preview span{overflow-wrap:anywhere}@media(max-width:1050px){.icon-admin-layout{grid-template-columns:240px minmax(0,1fr)}}
.hero-play{position:absolute;right:5.6%;bottom:4.5%;width:12%;aspect-ratio:1;border-radius:50%;background:#655463;display:grid;place-items:center}.hero-play .icon{width:48%;height:48%;fill:#fff;stroke:#fff}.hero-play .custom-icon{width:60%;height:60%}.section-title a>.icon{width:14px;height:14px}