/* Every rule requires the mobile body class; desktop rendering is unaffected. */
.hc-mobile-shell[hidden]{display:none}
body.hc-mobile{height:100dvh;overflow:hidden;overscroll-behavior:none;color:#e9d9bf}
body.hc-mobile>.page,body.hc-mobile>.topbar,body.hc-mobile>#download-status{display:none}
body.hc-mobile .hc-room-reopen{display:none!important}
body.hc-mobile .hc-mobile-shell{--row:clamp(40px,7.2dvh,64px);position:fixed;inset:0;height:100dvh;box-sizing:border-box;padding:calc(8px + env(safe-area-inset-top)) 12px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-rows:32px minmax(65px,1fr) clamp(64px,10dvh,88px) calc(38px + 4 * var(--row)) 52px 48px;gap:8px;max-width:700px;margin:auto;font:14px/1.4 system-ui,-apple-system,sans-serif;overflow:hidden}
body.hc-mobile .hc-m-socials{min-width:0;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #d6c09c22}
body.hc-mobile .hc-m-socials .hc-social{max-width:none;width:100%;padding:0;margin:0;flex-wrap:nowrap;gap:0;justify-content:space-between}
body.hc-mobile .hc-m-socials .hc-social-link{width:32px;height:32px;flex:0 1 36px;color:#e0ceb1;opacity:.85}
body.hc-mobile .hc-m-socials .hc-social-link svg{width:19px;height:19px}
body.hc-mobile .hc-m-feature{display:flex;align-items:center;justify-content:center;gap:16px;min-height:0;overflow:hidden}
body.hc-mobile .hc-m-art{height:min(100%,190px);width:auto;max-width:42%;aspect-ratio:1;object-fit:contain;border-radius:7px;box-shadow:0 12px 30px #0009}
body.hc-mobile .hc-m-identity{min-width:0;max-width:225px}
body.hc-mobile .hc-m-eyebrow{font:500 10px/1.3 system-ui,sans-serif;letter-spacing:.16em;color:#bfa886;margin:0}
body.hc-mobile .hc-m-identity h1{font:400 clamp(19px,5.8vw,28px)/1.1 Georgia,serif;color:#f0e0c7;margin:7px 0}
body.hc-mobile .hc-m-edition{font-size:11px;color:#bbab92;margin:4px 0 8px}
body.hc-mobile .hc-m-preorder{display:block;max-width:220px;width:100%;padding:0;background:none;border:0;cursor:pointer}
body.hc-mobile .hc-m-preorder img{display:block;width:100%;max-height:48px;object-fit:contain}
body.hc-mobile .hc-m-player,body.hc-mobile .hc-m-tracks,body.hc-mobile .hc-m-album{border:1px solid #d5bd9633;border-radius:12px;background:linear-gradient(140deg,#3c3530e8,#18171bee);box-shadow:inset 0 1px #fff1;min-width:0;min-height:0}
body.hc-mobile .hc-m-player{padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr 20px;column-gap:12px;align-items:center}
body.hc-mobile .hc-m-meta{min-width:0;display:grid;gap:3px}
body.hc-mobile .hc-m-meta strong{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.hc-mobile .hc-m-controls{display:flex;gap:8px;align-items:center}
body.hc-mobile .hc-m-controls button{appearance:none;display:grid;place-items:center;border:0;background:none;color:#d3bd9d;width:30px;height:36px;padding:0;font:26px/1 system-ui,sans-serif;cursor:pointer}
body.hc-mobile .hc-m-controls .hc-m-play{border-radius:50%;width:40px;height:40px;background:linear-gradient(145deg,#f4e5cc,#c3a781);color:#272019;font:15px/1 system-ui,sans-serif;box-shadow:inset 0 1px #fff9,0 3px 12px #0005}
body.hc-mobile .hc-m-seek{width:100%;min-width:0;height:18px;margin:0;accent-color:#d6bd96;cursor:pointer}
body.hc-mobile .hc-m-time{font:10px/1.3 system-ui,sans-serif;color:#bbab92;text-align:right;font-variant-numeric:tabular-nums}
body.hc-mobile .hc-m-tracks{display:grid;grid-template-rows:28px minmax(0,1fr);padding:4px 8px}
body.hc-mobile .hc-m-track-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px}
body.hc-mobile .hc-m-track-heading h2{font:400 17px Georgia,serif;margin:0}
body.hc-mobile .hc-m-track-heading>span{font-size:9px;letter-spacing:.07em;color:#bba88a}
body.hc-mobile .hc-m-track-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bba17a55 transparent;scroll-snap-type:y proximity;min-height:0}
body.hc-mobile .hc-m-track{height:var(--row);box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:4px;border-bottom:1px solid #d5bd9614;scroll-snap-align:start}
body.hc-mobile .hc-m-track[data-current=true]{background:linear-gradient(90deg,#e1c69c12,transparent);border-radius:6px}
body.hc-mobile .hc-m-track-select{display:grid;grid-template-columns:22px minmax(0,1fr) 32px;align-items:center;gap:7px;border:0;padding:0 4px;min-width:0;width:100%;height:100%;text-align:left;background:none;color:inherit;cursor:pointer}
body.hc-mobile .hc-m-number{font-size:10px;color:#a9977d;font-variant-numeric:tabular-nums}
body.hc-mobile .hc-m-track-copy{min-width:0;display:grid;gap:2px}
body.hc-mobile .hc-m-track-copy strong{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.hc-mobile .hc-m-track-copy small{font-size:10px;color:#b4a38d}
body.hc-mobile .hc-m-track-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#d4bc9720;border:1px solid #d4bc9740;color:#e0c9a8;font-size:11px}
body.hc-mobile .hc-m-track[data-current=true] .hc-m-track-icon{background:#d9c09a;color:#251f19}
body.hc-mobile .hc-m-track-download{border:0;background:none;color:#ceb894;width:34px;height:36px;font-size:21px;cursor:pointer}
body.hc-mobile .hc-m-album{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 12px}
body.hc-mobile .hc-m-album>div{min-width:0;display:grid;gap:2px}
body.hc-mobile .hc-m-album strong{font-size:13px;font-weight:500;white-space:nowrap}
body.hc-mobile .hc-m-album span{font-size:10px;color:#b5a189}
body.hc-mobile .hc-m-album button{font:500 12px system-ui,sans-serif;border:1px solid #d5bd963b;border-radius:6px;padding:9px 11px;color:#e7d4b4;background:#d5bd9610;cursor:pointer}
body.hc-mobile .hc-m-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #d5bd9629;align-items:stretch}
body.hc-mobile .hc-m-nav button{background:none;border:0;color:#cab79b;font:500 12px/1.3 system-ui,sans-serif;padding:6px 0;cursor:pointer}
body.hc-mobile .hc-m-nav [aria-current=page]{color:#f4e3c5;border-top:2px solid #d9bd91}
body.hc-mobile .hc-mobile-shell button:focus-visible,body.hc-mobile .hc-m-files button:focus-visible{outline:2px solid #e7cc9d;outline-offset:-2px}
body.hc-mobile .hc-m-files{color:#ead9bd;background:linear-gradient(145deg,#3d342b,#141318);border:1px solid #c4a77b55;border-radius:16px;padding:24px;width:calc(100% - 32px);max-width:430px;box-sizing:border-box;max-height:calc(100dvh - 32px);overflow:auto;font:14px/1.5 system-ui,sans-serif}
body.hc-mobile .hc-m-files::backdrop{background:#070609c9;backdrop-filter:blur(8px)}
body.hc-mobile .hc-m-files h2{font:400 26px/1.2 Georgia,serif;margin:12px 0 24px}
body.hc-mobile .hc-m-files-close{display:block;margin:0 0 18px auto;background:none;border:0;color:#d5bd96;font:13px system-ui,sans-serif;padding:8px;cursor:pointer}
body.hc-mobile .hc-m-files-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.hc-mobile .hc-m-format-group{display:grid;gap:5px}
body.hc-mobile .hc-m-format-group button{padding:14px 6px;border:1px solid #c4a77b55;background:#d8be9620;color:#ecd9bb;border-radius:7px;font:500 13px system-ui,sans-serif;cursor:pointer}
body.hc-mobile .hc-m-format-group .hc-m-copy-link{background:none;border:0;font-size:12px;color:#c4ad8b}
body.hc-mobile .hc-m-format-group button:disabled{opacity:.4;cursor:default}
body.hc-mobile .hc-m-files-status{font-size:13px;color:#bfa98b;min-height:36px;margin:18px 0 0}
body.hc-mobile .hc-section-room .hc-room-shell{height:100%;min-height:0;overflow:hidden}
body.hc-mobile .hc-section-room .hc-room-body{min-height:0;overflow:hidden}
body.hc-mobile .hc-section-room .hc-room-explore{min-height:0;overflow:hidden}
body.hc-mobile .hc-section-room .hc-room-panel{min-height:0;overflow:auto;overscroll-behavior:contain}
body.hc-mobile .hc-section-room .hc-section-pager{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.hc-mobile .hc-section-room .hc-section-card{border-bottom:1px solid #d5bd9630;padding:8px 0}
body.hc-mobile .hc-section-room .hc-section-actions{display:flex;gap:8px;flex-wrap:wrap}
body.hc-mobile .hc-section-room .hc-section-actions button{font-size:12px;min-height:40px}
body.hc-mobile .hc-section-room .hc-room-stage .hc-room-art{width:68px;height:68px}
body.hc-mobile .hc-section-room .hc-room-body{grid-template-rows:auto minmax(0,1fr)}
body.hc-mobile .hc-section-room .hc-room-now p{display:none}
body.hc-mobile .hc-section-room .hc-room-now h1{font-size:22px}
@media(max-height:700px){
 body.hc-mobile .hc-mobile-shell{--row:40px;padding:calc(6px + env(safe-area-inset-top)) 10px calc(6px + env(safe-area-inset-bottom));gap:4px;grid-template-rows:26px minmax(50px,1fr) 64px 186px 40px 40px}
 body.hc-mobile .hc-m-socials .hc-social-link{height:26px}
 body.hc-mobile .hc-m-tracks{grid-template-rows:18px minmax(0,1fr);padding:3px 8px}
 body.hc-mobile .hc-m-track-heading h2{font-size:15px}
 body.hc-mobile .hc-m-player{padding:6px 10px}
 body.hc-mobile .hc-m-meta strong{font-size:13px}
 body.hc-mobile .hc-m-controls .hc-m-play{height:34px;width:34px}
 body.hc-mobile .hc-m-album span{display:none}
 body.hc-mobile .hc-m-album button{padding:7px 10px}
 body.hc-mobile .hc-m-identity h1{font-size:20px;margin:4px 0}
 body.hc-mobile .hc-m-edition{margin:2px 0 4px;font-size:10px}
 body.hc-mobile .hc-m-preorder img{max-height:32px}
 body.hc-mobile .hc-section-room .hc-room-stage{display:none}
 body.hc-mobile .hc-section-room .hc-room-body{grid-template-rows:minmax(0,1fr)}
}
@media(max-height:500px){body.hc-mobile .hc-mobile-shell{grid-template-rows:24px 0 56px 186px 36px 36px;gap:3px}body.hc-mobile .hc-m-feature{visibility:hidden}body.hc-mobile .hc-m-album button{padding:5px 10px}}
body.hc-mobile .hc-m-copy-field{box-sizing:border-box;width:100%;padding:10px;background:#151317;color:#ead9bd;border:1px solid #bda17a;border-radius:5px;font:13px system-ui,sans-serif}
body.hc-mobile .hc-mobile-shell{z-index:3;background:linear-gradient(155deg,#211c19e8,#111014e8 60%,#171313ed)}
body.hc-mobile .hc-m-preorder img{max-height:none;height:auto}
@media(max-height:700px){body.hc-mobile .hc-m-preorder img{max-height:36px}}
@media(min-height:701px){body.hc-mobile .hc-m-track-copy strong{font-size:14px}body.hc-mobile .hc-m-track-copy small{font-size:11px}}
