/* Companion ship rooms. Scoped away from the recording studio and orbit. */
body[data-room]{--text:#eff5ef;--muted:#c1d4cf;--accent:#a4e4cf;--copper:#e8c29c;--line:#b1decd46;--tablet-ink:#eff5ef;--tablet-rule:#b1decd60;--tablet-glass:linear-gradient(115deg,#163638b5,#081c24c9);background:transparent}
.ship-room{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:#07151d}
.ship-room img,.ship-room canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.room-window{opacity:0}
.ship-room::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0310188c,transparent 78%),linear-gradient(0deg,#03101861,transparent 50%);pointer-events:none}
[data-room] .topbar{padding-inline:clamp(18px,4vw,64px);height:92px;--accent:#a4e4cf;--muted:#c1d4cf;--text:#eff5ef}
[data-room] .topbar .brand,[data-room] .topbar .brand small{color:#f0f5ef;text-shadow:0 2px 10px #001018}
[data-room] .sidebar{top:92px}
[data-room] #scrim:not([hidden]){top:92px}
[data-room] .page,[data-room] .skills-main{display:block;width:min(100%,1240px);max-width:none;margin:0 auto;padding:0 clamp(22px,5vw,72px);isolation:auto}
[data-room] .toc,[data-room] .hero-symbol{display:none}
[data-room] .hero,[data-room] .skills-intro{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:min(760px,calc(100svh - 92px));max-width:none;padding:40px 0 74px;border:0;overflow:visible}
[data-room] .hero h1,[data-room] .skills-intro h1{font-size:clamp(30px,3.1vw,46px);line-height:1.48;max-width:760px;margin:17px 0 22px;text-wrap:balance;text-shadow:0 3px 22px #001019}
[data-room] .hero>p,[data-room] .skills-intro>p{font-size:13px;line-height:2;max-width:620px;margin:0;color:#e0ebe3;text-shadow:0 2px 7px #031018,0 2px 18px #031018}
[data-room] .eyebrow{font-size:10px;letter-spacing:1.8px;color:#e7c39c;text-transform:uppercase;text-shadow:0 2px 7px #031018}
[data-room] .hero-links{margin-top:30px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;border:0;background:transparent;backdrop-filter:none;width:min(100%,880px);max-width:100%}
[data-room] .hero-links a{color:#e3f2e8;font-size:11px;justify-content:center;text-align:center;min-height:76px;padding:16px 20px;background:linear-gradient(120deg,#173a3cad,#071c27bf);border:1px solid #b9e5d77a;border-radius:8px;box-shadow:inset 0 1px #d5fff31a;backdrop-filter:blur(5px);text-decoration:none;transition:background .2s,border-color .2s}
[data-room] .hero-links a:hover{background:#25534bdb;border-color:#c4ffdf;text-decoration:none}
[data-room] .hero-links a:focus-visible{outline:2px solid #c4ffdf;outline-offset:4px}
[data-room] .pack-section,[data-room] .skill-category-browser{padding:32px 0 28px;border-top:1px solid #b9e5d74d;border-bottom:0;scroll-margin-top:28px}
[data-room] .section-heading h2,[data-room] .skill-category-browser>summary{font-size:18px;line-height:1.8;color:#eef5eb;text-shadow:0 2px 8px #031018}
[data-room] .skill-category-browser>summary{padding:10px 0;min-height:48px}
[data-room] .pack-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
[data-room] .skill-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
[data-room] .glass-tablet:is(.pack-option,.skill-category){--tablet-glass:linear-gradient(115deg,#173a3c9c,#081c24ba);padding:23px 26px;transition:filter .2s,transform .2s;backdrop-filter:blur(5px)!important}
[data-room] .glass-tablet:is(.pack-option,.skill-category):hover{filter:brightness(1.15);transform:translateY(-2px)}
[data-room] .glass-tablet:is(.pack-option,.skill-category).active{--tablet-glass:linear-gradient(115deg,#387264b5,#0c2830cf)}
[data-room] .skill-category strong{font-size:13px;color:#f0f6ee}
[data-room] .skill-category span{font-size:11px;color:#cee0d9;line-height:1.9}
[data-room] .pack-description{color:#d0dfd8;padding:15px 20px;margin:20px 0 0;background:#071c24b0;border-left:1px solid #b7d9c488;min-height:0}
[data-room] .pack-description:empty{display:none}
[data-room] .library,[data-room] .skills-collection{padding-top:38px;scroll-margin-top:28px}
[data-room] .search{background:#0b222ccf;border-color:#acd8c965;backdrop-filter:blur(10px);min-height:60px;border-radius:4px}
[data-room] .search input{color:#f0f5ed}
[data-room] .search input::placeholder{color:#b4cac3;opacity:1}
[data-room] .filter-line,[data-room] .skills-filter-row{background:#081e26b3;border:1px solid #b4d8cc38;border-radius:4px;padding:18px 20px;margin:18px 0 28px;backdrop-filter:blur(8px)}
/* The blurred filter row creates a stacking context; keep its menus above cards. */
[data-room] .skills-filter-row{position:relative;z-index:5}
[data-room] .chip{background:#173238ca;border-color:#b1decd60;color:#d4e6db;min-height:44px}
[data-room] .chip.active{background:#326757b5;border-color:#a4e4cf;color:#f3faf4}
[data-room] .group-title{margin:40px 0 20px;font-size:13px;color:#e8c29c;text-shadow:0 2px 8px #031018;letter-spacing:.7px}
[data-room] .prompt,[data-room] .skill-card{--tablet-glass:linear-gradient(115deg,#153538b5,#081c24d4);backdrop-filter:blur(7px)!important;margin-bottom:22px}
[data-room] .prompt[open],[data-room] .skill-card[open]{--tablet-glass:linear-gradient(115deg,#153538d4,#081c24eb)}
[data-room] .prompt-body,[data-room] .skill-body{padding-inline:0}
[data-room] .glass-tablet .preview{font-size:12px;color:#ccded4;line-height:2}
[data-room] .row-title h3,[data-room] .skill-card h3{font-size:16px;line-height:1.8}
[data-room] .themed-select-options{--text:#effaf5;--muted:#c1d4cf;--accent:#a4e4cf;--surface:#0c252d;--surface2:#23473f;background:#0c252d;border-color:#a6eddf99;color:#effaf5}
[data-room] footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center;gap:20px;padding:35px 12px;margin-top:54px;color:#c4d9cf;background:#081e268c;border-top:1px solid #b1decd46}
/* Light appearance changes the tablets; the room and brand retain their lighting. */
[data-theme=light] body[data-room]{--tablet-ink:#173d37;--tablet-rule:#537e728c;--tablet-glass:linear-gradient(115deg,#e7f2e5e6,#d2e5dce6)}
[data-theme=light] body[data-room][data-tablets] .topbar{--accent:#a4e4cf;--muted:#c1d4cf;--text:#eff5ef}
[data-theme=light] body[data-room][data-tablets] .topbar .brand,[data-theme=light] body[data-room][data-tablets] .topbar .brand small{color:#f0f5ef;text-shadow:0 2px 10px #001018}
[data-theme=light] [data-room] .sidebar{--text:#173d37;--muted:#365b51;--accent:#246d58;--copper:#725035;--line:#537e728c}
[data-theme=light] [data-room] .glass-tablet{--text:#173d37;--muted:#365b51;--accent:#246d58;--line:#537e728c;--copper:#725035}
[data-theme=light] [data-room] .glass-tablet:is(.pack-option,.skill-category,.prompt,.skill-card){--tablet-glass:linear-gradient(115deg,#e7f2e5e6,#d2e5dce6)}
[data-theme=light] [data-room] .glass-tablet:is(.pack-option,.skill-category).active{--tablet-glass:linear-gradient(115deg,#b3d6c5ed,#d2e5dce6)}
[data-theme=light] [data-room] :is(.skill-category strong,.skill-category span,.glass-tablet .preview){color:#284f43}
[data-theme=light] [data-room] .themed-select-trigger{background:#0c252d;color:#effaf5}
[data-theme=light] [data-room] .glass-tablet .themed-select-trigger{background:#edf6ed;color:#173d37}
@media(max-width:760px){
 [data-room] .topbar{height:80px;padding-inline:18px}
 [data-room] .sidebar,[data-room] #scrim:not([hidden]){top:80px}
 [data-room] .page,[data-room] .skills-main{padding-inline:22px}
 [data-room] .hero,[data-room] .skills-intro{min-height:calc(88svh - 80px);padding:32px 0 60px}
 [data-room] .hero h1,[data-room] .skills-intro h1{font-size:clamp(26px,6.7vw,35px);line-height:1.5}
 [data-room] .hero>p,[data-room] .skills-intro>p{font-size:12px;max-width:520px}
 [data-room] .hero-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;padding:0}
 [data-room] .hero-links a{font-size:11px;min-height:82px;padding:14px 10px;justify-content:center;text-align:center}
 [data-room] .skill-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 [data-room] .pack-picker{gap:14px}
 [data-room] .glass-tablet:is(.pack-option,.skill-category){padding:20px}
 [data-room] .row-title h3,[data-room] .skill-card h3{font-size:14px}
 [data-room] .section-heading h2,[data-room] .skill-category-browser>summary{font-size:16px}
 [data-room] .skills-filter-row .skill-filter{flex:1 1 100%;justify-content:space-between;margin:0}
 [data-room] .skills-filter-row .themed-select{width:auto;flex:0 1 210px}
}
@media(max-width:480px){
 [data-room] .page,[data-room] .skills-main{padding-inline:18px}
 [data-room] .pack-picker,[data-room] .skill-categories{grid-template-columns:1fr}
 [data-room] .skill-category{min-height:0;gap:8px}
 [data-room] .pack-option{min-height:80px}
 [data-room] .pack-option>span{font-size:14px}
 [data-room] .filter-line,[data-room] .skills-filter-row{padding:15px 12px}
 [data-room] .skills-filter-row .skill-filter{flex-direction:column;align-items:stretch;gap:7px}
 [data-room] .skills-filter-row .skill-filter label{justify-content:flex-start}
 [data-room] .skills-filter-row .themed-select{width:100%;flex:auto}
 [data-room] .prompt>summary,[data-room] .skill-card>summary{padding:22px 40px 22px 20px}
 [data-room] footer{flex-direction:column;gap:10px}
}
@media(prefers-reduced-motion:reduce){[data-room] .glass-tablet:is(.pack-option,.skill-category):hover{transform:none}}
@media(forced-colors:active){.ship-room{display:none}body[data-room]{background:Canvas;color:CanvasText}[data-room] :is(.hero h1,.skills-intro h1,.hero>p,.skills-intro>p,.section-heading h2,.eyebrow,.group-title){color:CanvasText;text-shadow:none}}