/* Interactive glass cartridges: names are real UI text, not image overlays. */
.room-hero{align-items:center}.room-hero-copy{min-width:0}.room-hero .room-stat{margin:15px 0 0}
.skill-rack{--rack-tint:color-mix(in srgb,var(--room-color),white 83%);margin-top:26px;min-width:0;position:relative}
.rack-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:0}.rack-heading h4{font-size:14px;font-weight:650;letter-spacing:.02em;margin:0}.rack-total{font-size:14px;font-weight:650;letter-spacing:.13em;color:var(--room-color)}
.rack-stage{position:relative;isolation:isolate;margin:0 -8px;background:radial-gradient(ellipse at 50% 78%,var(--rack-tint),transparent 67%);border-radius:20px}
.rack-stage:before{content:'';position:absolute;z-index:-1;left:2%;right:2%;top:136px;height:50px;transform:perspective(180px) rotateX(27deg);background:linear-gradient(155deg,#ffffffd9,#f5faff80 30%,var(--rack-tint) 67%,#fff);border:1px solid #fff;border-bottom:6px solid color-mix(in srgb,var(--room-color),#d3e1e8 82%);border-radius:8px 8px 12px 12px;box-shadow:0 11px 13px -9px color-mix(in srgb,var(--room-color),transparent 60%),inset 0 -1px 2px #fff}
.rack-stage:after{content:'';position:absolute;pointer-events:none;left:10%;right:10%;height:2px;top:183px;background:linear-gradient(90deg,transparent,var(--room-color),#fff,var(--room-color),transparent);filter:drop-shadow(0 0 4px var(--room-color));opacity:.65}
.rack-rail{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:19px 8px 9px;border-radius:12px;outline-offset:2px}.rack-rail::-webkit-scrollbar{display:none}.rack-cartridges{display:flex;gap:12px;align-items:flex-start;position:relative}
.rack-cartridge{flex:0 0 calc((100% - 36px)/4);min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;scroll-snap-align:start;border:0;background:transparent;color:#263443;padding:0 0 7px;text-align:center;cursor:pointer;font:inherit;outline-offset:1px;border-radius:9px;-webkit-tap-highlight-color:transparent}
.cartridge-glass{position:relative;display:block;width:79%;height:147px;box-sizing:border-box;border-radius:13px 13px 8px 8px;border:2px solid color-mix(in srgb,var(--room-color),white 53%);background:linear-gradient(118deg,#fff 0%,#ffffff85 10%,var(--rack-tint) 20%,#ffffff94 47%,#e6f4f677 59%,var(--rack-tint) 100%);box-shadow:inset 3px 0 0 #fff,inset -5px 0 2px color-mix(in srgb,var(--room-color),transparent 78%),3px 3px 0 color-mix(in srgb,var(--room-color),white 65%),6px 7px 0 #fff9,8px 10px 9px -7px var(--room-color);transform:perspective(550px) rotateY(-13deg) rotateX(5deg);transition:transform .24s,box-shadow .24s}
.cartridge-glass:before{content:'';position:absolute;inset:8px;border:1px solid #fff;border-radius:7px;background:linear-gradient(140deg,transparent 45%,#fff9 46%,transparent 56%);pointer-events:none}.cartridge-glass:after{content:'';position:absolute;left:18%;right:18%;bottom:24px;height:4px;background:var(--room-color);opacity:.55;box-shadow:0 0 9px var(--room-color);border-radius:5px}
.cartridge-serial{position:absolute;left:13px;top:10px;font-size:14px;line-height:1;font-weight:650;font-family:ui-monospace,monospace;color:var(--room-color)}
.cartridge-core{position:absolute;top:34px;left:17%;width:66%;height:65px;display:grid;place-items:center;background:linear-gradient(145deg,#fff, var(--rack-tint) 67%,#fff);border:1px solid #fff;border-radius:7px;box-shadow:0 3px 9px color-mix(in srgb,var(--room-color),transparent 81%),inset 0 0 12px #fff9}
.cartridge-ring{width:32px;height:32px;border:5px solid var(--room-color);border-right-color:#fff;border-radius:50%;transform:rotate(-35deg);opacity:.85;filter:drop-shadow(0 0 4px #fff)}.cartridge-ring:after{content:'';display:block;width:8px;height:8px;background:var(--room-color);border:2px solid white;border-radius:2px;transform:rotate(35deg);margin:5px}
.cartridge-pins{position:absolute;height:12px;bottom:2px;left:24%;right:24%;background:repeating-linear-gradient(90deg,#b8a56d 0,#f2e9ba 4px,transparent 4px,transparent 8px);border-radius:1px;opacity:.75}
.cartridge-name{font-size:14px;font-weight:650;line-height:1.5;letter-spacing:-.025em;margin:14px 0 0;min-height:3em;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;width:100%}.cartridge-action{font-size:14px;line-height:1.5;color:var(--room-color);margin-top:4px;white-space:nowrap}
.rack-cartridge:hover .cartridge-glass,.rack-cartridge:focus-visible .cartridge-glass{transform:perspective(550px) rotateY(-7deg) translateY(-8px);box-shadow:inset 3px 0 0 #fff,inset -5px 0 2px color-mix(in srgb,var(--room-color),transparent 78%),3px 3px 0 var(--rack-tint),7px 12px 18px -8px var(--room-color)}
.rack-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px;min-height:30px}.rack-hint{font-size:14px;color:#78818e;line-height:1.5}.rack-controls{display:flex;gap:8px;align-items:center}.rack-controls[hidden]{display:none}.rack-controls button{font:inherit;font-size:16px;line-height:1;border:1px solid #e5ebef;border-radius:50%;width:30px;height:30px;background:#fff;color:#35465b;cursor:pointer}.rack-controls button:disabled{opacity:.25;cursor:default}.rack-position{font-size:14px;min-width:44px;text-align:center;font-variant-numeric:tabular-nums;color:#637082}
.rack-filter{margin-top:12px;border-top:1px solid #e9edf1;padding-top:12px;display:flex;align-items:center;gap:12px;font-size:14px;color:#76808d}.rack-filter>span{flex-shrink:0}.rack-filter select{font:inherit;color:#33485c;border:1px solid #e2e9ed;background:#f9fbfc;border-radius:8px;min-width:0;max-width:100%;padding:8px 26px 8px 10px;flex:1}
@media(max-width:1050px) and (min-width:601px){.cartridge-glass{height:126px;width:86%}.cartridge-core{top:31px;height:48px}.cartridge-ring{width:25px;height:25px;border-width:4px}.cartridge-ring:after{width:6px;height:6px;margin:3px}.rack-stage:before{top:116px}.rack-stage:after{top:162px}.cartridge-name{font-size:14px}.cartridge-action{font-size:14px}.rack-footer{flex-wrap:wrap}.rack-controls{margin-left:auto}}
@media(max-width:600px){.room-hero-copy{padding:0 3px!important}.skill-rack{margin:26px 0 8px}.rack-heading h4{font-size:14px}.rack-total{font-size:14px}.rack-cartridge{flex-basis:calc((100% - 12px)/2)}.cartridge-glass{width:76%;max-width:117px;height:145px}.cartridge-core{height:64px}.cartridge-name{font-size:14px;min-height:3em}.cartridge-action{font-size:14px}.rack-rail{padding-top:22px}.rack-stage:before{top:137px}.rack-stage:after{top:184px}.rack-controls button{width:34px;height:34px}.rack-footer{gap:7px;flex-wrap:wrap}.rack-hint{font-size:14px}.rack-controls{margin-left:auto}.rack-filter{font-size:14px}}
@media(prefers-reduced-motion:reduce){.cartridge-glass{transition:none}.rack-cartridge:hover .cartridge-glass,.rack-cartridge:focus-visible .cartridge-glass{transform:perspective(550px) rotateY(-13deg) rotateX(5deg)}}