:root{--bg:#0c111a;--panel:#141d29;--line:#2a3645;--muted:#9daec1;--text:#edf1f7;--mint:#ebc782;--orange:#e3aa69;--surface:#1b2737;--wash:#293344;--hover:#ffffff05}
:root[data-theme=light]{--bg:#eeeef0;--panel:#fff;--line:#d2d7df;--muted:#58657a;--text:#182435;--mint:#79551f;--surface:#f3f4f6;--wash:#e8edf3}
h1,h2{font-family:Inter,"Noto Sans KR",system-ui,sans-serif}h1{font-weight:700;letter-spacing:-1.5px}.brand{font-size:23px;font-weight:800;letter-spacing:2px}.brand small{font-weight:400}aside{background:linear-gradient(180deg,var(--panel),var(--bg))}header{backdrop-filter:blur(18px)}main{max-width:1800px;margin:auto}.panel,.card,.hero{border-radius:12px}.card .number{font-weight:700}.titlebar{border:0;margin-bottom:16px}button{border-radius:7px}button.primary{font-weight:700}.cinema{position:relative;isolation:isolate;overflow:hidden;min-height:300px;border-radius:16px;margin:0 0 30px;background:#0b1019;color:#fff;display:flex;align-items:center}.cinema picture,.cinema picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.cinema:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080f1de8,#080f1d50 65%,transparent);z-index:-1}.cinema-copy{padding:40px;width:75%;max-width:790px}.cinema .eyebrow{color:#efd4a1}.cinema h2{font-size:clamp(27px,3.8vw,52px);line-height:1.18;font-weight:800;letter-spacing:-1.8px;margin:18px 0}.cinema p{font-size:14px;color:#d5dfe9}.scene-caption{position:absolute;right:18px;bottom:12px;font-size:8px;letter-spacing:2px;color:#cbd1d9}.cinema-office picture img{object-position:center 58%}.spotlight{margin:24px 0 30px}.section-cap{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;letter-spacing:1.6px;margin-bottom:12px}.section-cap span:first-child{color:var(--mint);font-weight:700}.player-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.player-art{position:relative;overflow:hidden;padding:0;text-align:left;min-width:0;background:radial-gradient(ellipse at 50% 35%,#38465d,#142131 70%);color:#fff;border:1px solid #384456;border-radius:12px;transition:transform .2s,border-color .2s}.player-art:hover{transform:translateY(-4px);border-color:#edc987;background:radial-gradient(ellipse at 50% 35%,#485875,#142131 70%)}.portrait{display:inline-flex;width:44px;height:38px;overflow:hidden;vertical-align:middle;background:radial-gradient(ellipse,#40506c,#1a273a);border-radius:6px;margin-right:8px;flex-shrink:0}.portrait img,.portrait svg{width:100%;height:100%;object-fit:contain;object-position:bottom}.portrait svg{fill:#7890ae}.portrait svg text{fill:#182536;font-size:30px;font-weight:800}.portrait.large{display:block;width:100%;height:auto;aspect-ratio:260/190;margin:0;border-radius:0;background:transparent}.player-art-info{display:grid;gap:4px;padding:12px 15px 16px;background:linear-gradient(0deg,#101b29,#101b2980)}.player-art-info small{font-size:10px;color:#abb9ca;text-transform:uppercase;letter-spacing:1px}.player-art-info strong{font-size:15px;line-height:1.35}.player-art-info>span{font-size:10px;color:#c4cfdd}.player-art-info i{float:right;color:#ecd09c;font-style:normal}.player-profile{display:flex;align-items:center;background:radial-gradient(ellipse at left,#354c68,#111e30);border-radius:12px;overflow:hidden;color:#fff;margin-bottom:20px;padding-right:20px}.player-profile .portrait{width:220px;max-width:45%;flex-shrink:0}.player-profile h2{font-size:28px}.player-profile p{font-size:12px;color:#c7d0db}.welcome{max-width:1200px}.welcome .cinema{min-height:420px}.welcome .cinema-copy{max-width:750px}.welcome .cinema h2{font-size:clamp(36px,5vw,65px)}.welcome>h1,.welcome>.eyebrow{display:none}.welcome .teamgrid button{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--panel),var(--surface));border-radius:10px;min-height:90px;text-align:left;padding:18px}.teamgrid strong{font-size:23px;font-weight:800;letter-spacing:1px}.teamgrid button.chosen{border-color:var(--mint);box-shadow:inset 3px 0 var(--mint)}.hero{background:linear-gradient(120deg,var(--wash),var(--panel))}.cloud-panel{border-color:var(--mint)}.cloud-panel input,textarea{max-width:100%;width:100%}textarea{min-height:90px;background:var(--surface);color:var(--text);padding:15px}.link .portrait+span{vertical-align:middle}
@media(max-width:1050px){.player-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.player-art:nth-child(n+4){display:none}.cinema-copy{width:90%;padding:30px}.cinema{min-height:260px}}
@media(max-width:650px){.cinema{min-height:220px;margin-bottom:23px;border-radius:10px}.cinema-copy{padding:23px 20px;width:100%}.cinema h2{font-size:32px;max-width:300px}.cinema p{font-size:12px;max-width:250px}.cinema:after{background:linear-gradient(90deg,#070f1ded,#08111d70)}.scene-caption{font-size:6px}.player-gallery{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.player-art-info{padding:8px}.player-art-info strong{font-size:12px}.player-art-info i{float:none;display:block}.player-art-info small{font-size:8px}.section-cap{letter-spacing:.5px;font-size:9px}.welcome .cinema{min-height:350px}.welcome .cinema h2{font-size:38px}.welcome .cinema-copy{padding:25px}.player-profile h2{font-size:22px}.player-profile .portrait{width:150px}.portrait{width:36px;height:32px}.welcome{margin:0 auto}.welcome .teamgrid button{padding:12px;min-height:80px}}
.layout>div,main,.panel,.controls>label,.formgrid>*{min-width:0}.controls>label{max-width:100%}.controls input[type=file]{width:100%;min-width:0;font-size:12px}.titlebar>div{min-width:0}.titlebar>select{max-width:100%}
@media(min-width:651px) and (max-width:1000px){.layout{grid-template-columns:175px minmax(0,1fr)}.titlebar{flex-wrap:wrap}header{flex-wrap:wrap}}