/* DANCHU Channel Theater — approved 2026-10-30 reference.
   Desktop stage: 16.3vw + 0.5vw + 66.4vw + 0.5vw + 16.3vw = 100vw.
   Public styles are unlayered; legacy editor/component CSS is in @layer legacy. */
:root{color-scheme:dark;--ink:#eeebf4;--muted:#a5a0b1;--accent:#cfb0f4;--line:rgba(220,207,241,.17);--panel:#22232b;--serif:'Noto Serif KR',Georgia,serif;--sans:'Noto Sans KR',sans-serif;--ease:cubic-bezier(.23,1,.32,1);--bg:#14171c;--text:var(--ink);--card:#24242d;--primary:#baa0dc}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body.theater{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% 78%,#27232e55,transparent 58%),linear-gradient(125deg,#171a1f,#121519 60%,#1b1c23);color:var(--ink);font:400 14px/1.65 var(--sans);overflow-x:clip}body.theater::before,body.theater::after{display:none}button,input,select,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #dec2ff;outline-offset:5px}button:active:not(:disabled){transform:scale(.97)}[hidden]{display:none!important}.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;padding:12px;background:#eee;color:#111}.skip-link:focus{top:12px}
.app{display:block;min-height:100dvh;background:transparent}.app::before,.app::after,main::before,main::after{display:none}main{margin:0;padding:0;width:100%;max-width:none;background:transparent;min-height:calc(100dvh - 108px);overflow:visible}.topbar{display:none}.sidebar{position:relative;inset:auto;width:100%;height:108px;min-height:0;padding:24px 4.25%;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;z-index:30}.sidebar::before,.sidebar::after{display:none}.brand{margin:0;padding:0;border:0;display:block;background:none;min-width:0}.theater-wordmark{font:400 30px/48px Georgia,serif;letter-spacing:.22em;color:#f1edf4;border:0;padding:0;background:none;box-shadow:none}.nav{position:relative;display:flex;gap:0;margin:0;padding:3px;min-width:0;width:auto;border:1px solid #c6b5dc32;border-radius:40px;background:linear-gradient(125deg,#a795c014,#ffffff02 50%,#c9b5e812);box-shadow:inset 0 1px #ffffff0b,0 8px 25px #0001;backdrop-filter:blur(16px);overflow:visible}.nav::before,.nav::after{display:none}.nav button{display:block;justify-content:center;flex-direction:row;position:relative;border:0;background:transparent;box-shadow:none;color:#c9c5d1;border-radius:30px;padding:11px clamp(17px,2.15vw,34px);min-height:44px;font:400 14px/24px var(--serif);white-space:nowrap;transition:color .2s,background .2s,box-shadow .2s,transform .2s}.nav button::before{display:none}.nav button::after{left:auto;bottom:auto;opacity:1;animation:none;position:absolute;content:'';height:15px;width:1px;right:0;top:50%;transform:translateY(-50%);background:#e4d8fb2b}.nav button[data-page="ladder"]::after,.nav button:last-of-type::after,.nav button.active::after,.nav .ico{display:none}.nav button.active{color:#f0dfff;background:linear-gradient(140deg,#635473a8,#a181c363);box-shadow:inset 0 0 0 1px #dac1fcaa,inset 0 -2px 8px #b38be056,0 2px 8px #c09ae523;text-shadow:0 0 14px #d9b7fc}.header-actions{display:flex;justify-content:flex-end;padding:0;gap:0;margin:0;min-width:0}.channel-icons{border:0;padding:0;display:flex;gap:12px;align-items:center;position:static}.social-icon{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:48px;border-radius:12px;border:1px solid #b7a9cb35;background:linear-gradient(140deg,#ffffff05,#ffffff01);box-shadow:inset 0 1px #ffffff06;color:#f3f0f8;transition:background .2s,transform .2s,border-color .2s;overflow:visible}.social-icon::before,.social-icon::after{display:none}.social-icon svg{width:23px;height:23px}.social-icon img{width:26px;height:24px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.social-icon .channel-label,.social-icon .yt-mark,.social-icon .sub-mark{display:none}.social-icon small{position:absolute;right:7px;bottom:2px;font:10px Georgia;color:#eee}.soop-glyph{display:block;flex:none;width:36px;height:24px;background:currentColor;mask:url('soop-instagram-mask.svg') center/contain no-repeat}.header-actions #adminLoginPill{display:none}.nav .admin-only-nav{font-size:12px;padding-inline:10px}.page{--ink:#eeebf4;--muted:#a5a0b1;display:none;margin:0;min-height:calc(100dvh - 108px);padding:35px clamp(20px,6vw,100px) 110px;background:transparent;animation:none;isolation:auto;overflow:visible}.page.active{display:block}.page::before,.page::after{display:none}.page h1,.page h2,.page h3{color:var(--ink)}
/* The home stage */
#page-home{padding:0;min-height:calc(100dvh - 108px)}.theater-home{position:relative;min-height:calc(100dvh - 108px);padding-top:clamp(24px,5vh,65px);padding-bottom:26px;overflow:hidden}.theater-home::before{content:'';position:absolute;inset:28% 6% 0;z-index:-1;background:radial-gradient(ellipse at 50% 72%,#9c82b315,transparent 63%);pointer-events:none}.theater-stage{position:relative;display:grid;grid-template-columns:16.3vw 66.4vw 16.3vw;gap:.5vw;align-items:stretch;perspective:1300px;width:100%;isolation:isolate}.theater-hero{min-width:0;width:100%;align-self:center;position:relative;aspect-ratio:1.86;min-height:0;overflow:hidden;border:1px solid #d5baf4b5;border-radius:1px;background:radial-gradient(ellipse at 70% 40%,#49424c,#24222b 68%);box-shadow:0 20px 45px #0004,0 1px 8px #d3b0ff12;z-index:2}.theater-image{position:absolute;inset:0;overflow:hidden}.theater-image img{position:absolute;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;transform:translate(var(--hero-offset-x,0%),var(--hero-offset-y,0%)) scale(calc(var(--hero-scale,1.45) / 1.45));transform-origin:50% 50%;filter:none;mask:none;opacity:1;animation:none;transition:transform .6s var(--ease)}.theater-image .placeholder{position:absolute;inset:0;place-items:center;font:40px Georgia;letter-spacing:.2em;color:#cfc3db50;background:none}.theater-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#15131cbb,transparent 36%);pointer-events:none}.theater-identity{position:absolute;left:4.2%;bottom:5.5%;pointer-events:none}.theater-identity #heroName{font-weight:400;display:block;font:400 clamp(28px,3.6vw,58px)/1.3 var(--serif);letter-spacing:-.05em;margin:0 0 9px;color:#fff;text-shadow:0 2px 16px #15151b66}.theater-identity>p{margin:0;font:400 clamp(9px,.82vw,13px)/1.6 Georgia;letter-spacing:.45em;color:#dfceeebf}.theater-status{position:absolute;right:1.2%;bottom:5%;min-width:30%;padding:15px 24px;display:flex;gap:22px;align-items:center;border:1px solid #e1cafa9e;border-radius:60px;background:linear-gradient(115deg,#28243299,#69607366);box-shadow:inset 0 1px 4px #ffffff0e,0 6px 24px #0b081c27;backdrop-filter:blur(22px) saturate(.8);color:#e2c8fc}.theater-status>div{flex:1}.theater-status #heroLive{display:flex;align-items:center;gap:16px;font:400 13px/1.6 Georgia;letter-spacing:.2em;color:#f2eaf8}.theater-status #heroLive i{width:12px;height:12px;border-radius:50%;background:linear-gradient(145deg,#e2d8f2,#756683);border:1px solid #dac7ee88;box-shadow:0 0 12px #c6b1e23d}.theater-status #heroLive.live i{background:#b4edc9;box-shadow:0 0 12px #a0efbb66}.theater-status p{font-size:11px;margin:4px 0 0 28px;color:#e0d8e8;white-space:nowrap}.theater-status .soop-glyph{border-left:1px solid #d5bcec55;width:34px;opacity:.9}.preview-empty svg{margin:0 auto 14px;width:28px;height:28px;stroke:currentColor;fill:none}.theater-stage::after{content:'';position:absolute;top:100%;height:80px;left:16.8%;width:66.4%;background:linear-gradient(180deg,#c0a6db14,transparent);transform:scaleY(.8);filter:blur(8px);pointer-events:none}
/* Date ruler — the orb is a native range control, not a decorative dead element. */
.theater-ruler{display:flex;gap:35px;align-items:flex-start;margin:52px 4.3% 0;position:relative;z-index:3}.ruler-arrow{flex:none;border:1px solid #dcd0ea9c;border-radius:50%;width:48px;height:48px;background:#14151a55;color:#f1eafa;font:30px/1 Georgia;box-shadow:inset 0 1px #fff1}.ruler-track{position:relative;flex:1;height:83px;margin-top:6px}.ruler-ticks{height:26px;position:absolute;inset:6px 0 auto;background:repeating-linear-gradient(90deg,#b4a8c18c 0 1px,transparent 1px calc(100% / 72));mask:linear-gradient(90deg,transparent,#000 4% 96%,transparent)}.ruler-ticks::after{content:'';position:absolute;left:0;right:0;top:12px;height:1px;background:#c7a8e573;box-shadow:0 0 8px #d9baff30}.ruler-dates{position:absolute;inset:42px 0 auto;display:flex;justify-content:space-between;font:11px Georgia;color:#aea3b9}.ruler-dates span{min-width:35px;text-align:center}.ruler-track input{position:absolute;left:0;top:0;width:100%;height:44px;margin:0;opacity:0;cursor:ew-resize;z-index:3}.ruler-orb{position:absolute;top:4px;left:50%;width:30px;height:30px;transform:translateX(-50%);border:1px solid #e6d0ff;border-radius:50%;background:radial-gradient(circle at 35% 18%,#fff 0,#e2c0ffb3 8%,#b78be72e 29%,#b58bd954 65%,#e1c9ff99);box-shadow:inset -3px -5px 8px #3b2c5f80,inset 1px 1px 3px #fff9,0 0 20px #d5aaff65;pointer-events:none;transition:left .45s var(--ease)}.ruler-orb::after{content:'';position:absolute;width:1px;height:72px;background:linear-gradient(transparent,#d4acff80,transparent);top:-28px;left:50%}.ruler-track:focus-within .ruler-orb{outline:2px solid #fff;outline-offset:5px}.ruler-selected{position:absolute;min-height:25px;top:56px;left:50%;transform:translateX(-50%);border:0;background:none;color:#ebd8ff;font:12px/1.4 Georgia;white-space:nowrap;padding:2px 12px;transition:left .45s var(--ease)}.ruler-selected:active{transform:translateX(-50%) scale(.97)}.ruler-dates span.is-selected{visibility:hidden}
.theater-next{display:flex;align-items:center;justify-content:center;gap:26px;margin:26px auto 0;width:min(920px,72%);border:0;background:none;padding:12px 0;color:#e0d8e7;text-align:left;min-height:48px}.next-rule{height:1px;background:linear-gradient(90deg,transparent,#d7b7edab);flex:1;min-width:25px}.next-rule:last-child{transform:scaleX(-1)}#homeNextStream{display:flex;align-items:center;gap:24px;white-space:nowrap;font:14px var(--serif)}#homeNextStream .v148-heading{display:contents}#homeNextStream small{font:10px Georgia;letter-spacing:.32em;color:#e5c6ff;order:0}#homeNextStream .v148-date{font:20px Georgia;color:#eee5f5;order:1}#homeNextStream .v148-title{font:14px var(--serif);font-weight:400;order:2}#homeNextStream .v148-time{font:12px var(--serif);color:#c3b9cf;order:3}#homeNextStream .v148-time::before{content:'·';margin-right:24px}.theater-footer{display:flex;justify-content:space-between;align-items:flex-end;margin:12px 4.3% 0;color:#b7adbf;font:9px/1.8 Georgia;letter-spacing:.25em}.theater-footer small{font:8px/1.8 Georgia;letter-spacing:.25em;color:#7f798a}.theater-footer button{background:none;border:0;font:11px var(--sans);color:#aaa0b6;margin-right:245px;padding:10px}.theater-footer button::after{content:' ↗'}
/* Shared full-section heading */
.eyebrow{font:10px/1.8 Georgia;letter-spacing:.28em;color:#b4a0c9;margin:0 0 12px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 42px}.section-heading h1{font:400 36px/1.3 var(--serif);letter-spacing:-.04em;margin:0}.profile-switch{display:flex;gap:0;border:1px solid var(--line);border-radius:40px;background:#ffffff04;padding:3px}.profile-switch button{border:0;border-radius:30px;background:none;padding:10px 26px;min-height:44px;color:#a9a1b6;font-size:13px}.profile-switch button[aria-selected=true]{color:#efdefd;background:linear-gradient(135deg,#8a71a54d,#8e75a126);box-shadow:inset 0 0 0 1px #bd9ed26e}#page-profile{--ink:#eeebf4;--muted:#a5a0b1}.profile-theater{max-width:1230px;margin:auto}.profile-pane{animation:none}.identity-pane{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center}.portrait-frame{position:relative;aspect-ratio:4/4.4;border:1px solid #ae96c252;border-radius:2px;overflow:hidden;background:radial-gradient(ellipse at 55% 45%,#79608445,#24242c 75%);box-shadow:0 24px 70px #0002}.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% 35%;max-width:none;opacity:1;mask:none;filter:none;scale:1}.portrait-frame::after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#17151dc9);pointer-events:none}.portrait-caption{position:absolute;bottom:27px;left:30px;z-index:1;display:flex;flex-direction:column;gap:6px;letter-spacing:.3em;font:22px Georgia}.portrait-caption small{font:9px Georgia;letter-spacing:.35em;color:#cbb5df}.profile-copy h2{font:400 62px/1.3 var(--serif);letter-spacing:-.06em;margin:10px 0 22px}.profile-copy>p:not(.eyebrow){color:#c4bdce;font-size:14px;line-height:2;white-space:pre-line}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px;margin:32px 0}.profile-facts>div{border-bottom:1px solid var(--line);padding-bottom:18px}.profile-facts dt{font-size:11px;color:#a498b1;margin-bottom:9px}.profile-facts dd{margin:0;font:18px var(--serif);color:#e9dfef}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:12px;padding:8px 0;color:#dac4ed}.profile-chapter-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}.profile-chapter-cards button{position:relative;text-align:left;background:linear-gradient(120deg,#ffffff07,transparent);border:1px solid var(--line);border-radius:10px;padding:20px 16px}.profile-chapter-cards span{display:block;font:9px Georgia;letter-spacing:.12em;color:#a995bf}.profile-chapter-cards strong{display:block;font-size:12px;font-weight:400;margin-top:9px}.profile-chapter-cards i{position:absolute;right:12px;top:15px;font-style:normal;color:#b39bc7}.chapter-intro h2,.ending-art h2{font:400 30px var(--serif);margin:0 0 30px}.theater-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:1000px;margin:0 auto}.theater-cat{margin:0}.theater-cat .cat-photo{aspect-ratio:1;overflow:hidden;background:#22212a;border:1px solid var(--line);display:grid;place-items:center}.theater-cat img{width:100%;height:100%;object-fit:cover}.theater-cat h3{font:400 25px var(--serif);margin:20px 0 8px}.theater-cat p{font-size:13px;color:var(--muted)}.theater-cat .empty-cat{font:14px var(--serif);color:#a99db5}.ending-pane{display:grid;grid-template-columns:1fr 1fr;gap:70px}.ending-art{text-align:center;border:1px solid var(--line);padding:38px;background:linear-gradient(145deg,#7d638318,#fff0);align-self:start}.ending-art>p{font-size:12px;color:var(--muted)}.record-art{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;margin:35px auto;width:min(320px,90%);background:repeating-radial-gradient(circle,#17151b 0 2px,#49434f 3px,#18161c 4px);box-shadow:12px 18px 45px #0006}.record-art span{display:grid;place-items:center;width:37%;height:37%;border-radius:50%;background:linear-gradient(145deg,#b29bc6,#51415e);font:27px var(--serif);color:#f5edf8;border:12px solid #222028}.ending-words{padding:20px 0}.ending-words #lyrics{position:static;transform:none;font:15px/2.3 var(--serif);color:#c7bece}.ending-words #lyrics p{margin:0 0 14px}.lyric-fan{color:#d8b6f2}
/* Existing calendar, kept fully editable. */
#page-schedule{max-width:1500px;margin:auto}
/* Schedule material only: original border width, radius, spacing and grid stay
   intact. Both optical layers are static and cannot intercept calendar input. */
.v44-calendar-card{
  /* Optical reference height is independent of week count and event content.
     Width remains responsive; the two lights stay anchored to their corners. */
  --calendar-light-height:851px;
  position:relative;
  isolation:isolate;
  border:1px solid #cbb5df69;
  border-radius:12px;
  padding:18px 20px 25px;
  overflow:hidden;
  background:
    radial-gradient(ellipse 66.468% calc(var(--calendar-light-height) * .66468) at 0% 0%,#d9b8f51a,transparent),
    radial-gradient(ellipse 59.397% calc(var(--calendar-light-height) * .59397) at 100% 100%,#b995d412,transparent),
    linear-gradient(120deg,#2c2536b0 0%,#201f298a 42%,#191c246e 69%,#29232f9e 100%);
  box-shadow:
    inset 0 1px 0 #fff5ff29,
    inset 1px 0 0 #dbc0ef14,
    inset 0 -1px 0 #dcbcf529,
    inset 0 0 9px #dac1f10b,
    0 2px 5px #08060e3d,
    0 14px 32px #09071124;
}
/* Cache this static glass surface separately for desktop wheel scrolling.
   Touch browsers retain their native scroll compositing. Keep the desktop hint
   through the existing exit animation; release it when the calendar is hidden. */
@media (hover:hover) and (pointer:fine){
#page-schedule.active .v44-calendar-card,
#page-schedule.section-departing .v44-calendar-card{will-change:transform;}
}
#page-schedule .v44-calendar-card::before,
#page-schedule .v44-calendar-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
}
/* A polished, 3px optical lip. Local highlights follow the approved diagonal
   lighting; dark stretches keep it glass instead of a uniformly glowing frame. */
#page-schedule .v44-calendar-card::before{
  inset:0;
  padding:3px;
  border-radius:inherit;
  background:
    radial-gradient(ellipse 37% 11px at 10% 0%,#fff5ffed 0%,#d8acf6b3 17%,#aa79d459 44%,transparent 100%),
    radial-gradient(ellipse 38% 12px at 91% 100%,#f5dcffd9 0%,#cb9aeea6 21%,#a370d14d 49%,transparent 100%),
    radial-gradient(ellipse 11px calc(var(--calendar-light-height) * .27) at 0% calc(var(--calendar-light-height) * .09),#e9c4ff80,transparent 100%),
    radial-gradient(ellipse 10px calc(var(--calendar-light-height) * .24) at 100% calc(100% - var(--calendar-light-height) * .08),#dcb2f773,transparent 100%),
    linear-gradient(130deg,#d9c3eb66,#89719e29 27%,#342b4433 56%,#ccb1e54d);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
/* Inner refraction line and a grazing reflection behind the untouched text. */
#page-schedule .v44-calendar-card::after{
  inset:4px;
  border:1px solid #d9c6ed20;
  border-radius:max(0px,calc(12px - 5px));
  background:
    linear-gradient(145deg,transparent 6%,#e2c8f208 6.3%,#e2c8f20d 12%,transparent 25%),
    linear-gradient(325deg,transparent 8%,#cba9ea06 13%,transparent 32%);
  background-size:100% calc(var(--calendar-light-height) - 10px);
  background-position:left top,right bottom;
  background-repeat:no-repeat;
  box-shadow:inset 0 1px 1px #16101f4d,inset 0 -1px 0 #f0d6ff0d;
}
@media(max-width:900px){
  #page-schedule .v44-calendar-card{--calendar-light-height:760px;}
}
@media(max-width:600px){
  #page-schedule .v44-calendar-card{--calendar-light-height:566px;}
  #page-schedule .v44-calendar-card::before{padding:2px;}
  #page-schedule .v44-calendar-card::after{inset:3px;border-radius:4px;}
}
.v44-cal{width:100%;min-width:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;background:none}.v44-dow{padding:12px 8px 20px;font:11px Georgia;letter-spacing:.1em;color:#b5a7c3;text-align:center;background:none}.v44-dow.sun{color:var(--schedule-holiday)}.v44-dow.sat{color:var(--schedule-saturday)}.v44-day{position:relative;min-height:126px;height:auto;padding:12px 10px 20px;border:0;border-top:1px solid #b7a2c51c;border-right:1px solid #b7a2c513;border-radius:0;background:none;box-shadow:none;color:#dcd3e7;overflow:visible}.v44-day:nth-child(7n){border-right:0}.v44-day:hover{background:#a488be09}.v44-day.muted{opacity:.3;background:#11121622}.v44-day.sun .v44-day-head b{color:var(--schedule-holiday)}.v44-day.sat .v44-day-head b{color:var(--schedule-saturday)}.v44-day.holiday .v44-day-head b{color:var(--schedule-holiday)}.v44-day.is-today{background:#ab8bc116;box-shadow:inset 0 0 0 1px #d9b5f176}.v44-day-head{display:flex;align-items:center;justify-content:space-between;min-height:24px;gap:4px;margin-bottom:8px;color:var(--schedule-weekday)}.v44-day-head b{font:17px Georgia;color:inherit}.v44-start{font-size:10px;color:#b7a7c5;background:none;padding:0}.v44-start .live-dot{width:4px;height:4px;background:#bda3d5;box-shadow:none}.v44-events{display:flex;flex-direction:column;gap:6px}.v44-session-group{display:flex;flex-direction:column;gap:4px}.v44-event{border:0;border-left:2px solid var(--schedule-personal);border-radius:3px;background:var(--schedule-personal-fill);color:var(--schedule-event-ink);font-size:11px;line-height:1.6;padding:7px 8px;box-shadow:none;white-space:normal;word-break:keep-all;cursor:pointer}.v44-event.collab{border-color:var(--schedule-collab);background:var(--schedule-collab-fill)}.v44-event.commerce,.v44-event.ad{border-color:var(--schedule-commerce);background:var(--schedule-commerce-fill)}.v44-event.off,.v44-event.rest{border-color:var(--schedule-off);border-left-style:dashed;background:var(--schedule-off-fill)}.v81-holiday{font-size:9px;color:var(--schedule-holiday)}.v44-note{color:#94879f;font-size:11px;text-align:right;padding:15px 0;background:none;border:0}.v44-note>b,.v44-note>span{display:none}
/* Chustagram */
#page-gallery{padding:34px 24px 110px;background:none;min-height:calc(100dvh - 108px)}#page-gallery .ig-shell{max-width:1050px;margin:0 auto;padding:32px 44px;background:linear-gradient(135deg,#655e7416,#ffffff01);border:1px solid #bba5cf27;border-radius:14px;min-height:0;box-shadow:0 20px 70px #0002;overflow:hidden}#page-gallery .ig-profile{background:none;padding:0 0 30px;color:#e5ddea}#page-gallery .ig-avatar{border:1px solid #c2a2dc;background:#211c28;box-shadow:0 0 20px #c1a1e012}#page-gallery .ig-account{color:#f1e9f7}#page-gallery .ig-account h2{font:500 25px var(--sans);color:#f2edf5}#page-gallery .ig-display-name{color:#d8cbe5}#page-gallery .ig-stats,#page-gallery .ig-stats>span{color:#d0c6db}#page-gallery .ig-stats b{color:#f4eafa;font-weight:500}#page-gallery #igFollowingOpen{font:inherit;border:0;background:none;color:inherit;cursor:pointer;box-shadow:none;padding:0;min-height:44px}#page-gallery .ig-profile-note{color:#aaa0b6}#page-gallery .ig-profile-actions button{color:#e6d9ee;background:linear-gradient(120deg,#9b80ae28,#ffffff04);border:1px solid #b79bc232;border-radius:8px;box-shadow:none;opacity:.8;height:42px}#page-gallery .ig-tabs{border-color:#b09ac72e;background:none;gap:70px;margin:0;padding:0}#page-gallery .ig-tabs button{display:flex;gap:10px;align-items:center;width:auto;padding:18px 15px;color:#998da7;background:none;border:0;border-bottom:1px solid transparent;border-radius:0;box-shadow:none;min-height:58px;font-size:12px}#page-gallery .ig-tabs button[aria-selected=true]{color:#e0bfff;border-bottom-color:#d3aff8}#page-gallery .ig-tabs button::after{display:none}#page-gallery .ig-tabs svg{width:21px;height:21px}#page-gallery #igSoopTab .ig-soop-mark{width:38px;height:22px}#page-gallery #galleryGrid{background:none;gap:9px;margin-top:20px}#page-gallery .ig-tile{aspect-ratio:1;border-radius:3px;background:#25232c;box-shadow:none}#page-gallery .ig-empty{width:100%;min-height:280px;padding:70px 20px;background:none;color:#b3a7bf;border:0;box-shadow:none}#page-gallery .ig-empty h3{font:400 23px var(--serif);color:#d5c6df}#page-gallery .ig-empty-icon{border-color:#baa2cf66;color:#c4a7dc}#page-gallery #igStatus{background:none;color:#a99bb8;margin:0}#page-gallery #igVideoPanel{background:none}#page-gallery .ig-video-toolbar{padding:26px 0 12px;border:0}#page-gallery #igVideoTitle{font:400 23px var(--serif);color:#e4d9ec}#page-gallery .ig-video-filters{gap:8px;padding:8px 0 20px}#page-gallery .ig-video-filters button{min-height:40px;background:#ffffff04;border:1px solid #c6a6d92e;border-radius:7px;color:#aaa0b5;padding:8px 18px;box-shadow:none}#page-gallery .ig-video-filters button[aria-pressed=true]{background:#ab83c226;color:#e4c6f5;border-color:#c0a0d467}#page-gallery .auto-vod-card{background:none;border:0;box-shadow:none}#page-gallery .auto-vod-thumb{background:#26222e;border-radius:5px}#page-gallery .auto-vod-body h4 a{color:#e2d9e9;font-size:13px;font-weight:400}#page-gallery .auto-vod-meta,#page-gallery .auto-vod-open{color:#9b8fa8}#page-gallery .vod-empty-state{background:#ffffff03;color:#baaac8;border:1px solid var(--line);padding:45px 20px}#page-gallery .vod-empty-state a{color:#d8b5f4}#page-gallery.chu-entering *,#page-gallery.chu-entering{animation:none}
#igFollowingDialog{color:#e2d8eb;background:#24232d;border:1px solid var(--line);box-shadow:0 25px 80px #0007;border-radius:14px}#igFollowingDialog header{border-color:var(--line)}#igFollowingClose,.following-name{color:#e5dcee}#igFollowingSearch{background:#ffffff08;color:#eee}.following-state{color:#dfc9f0;background:#ad85c226}.following-name span,.following-empty{color:#aa9ab6}#igDialog{background:transparent}#igDialog .ig-detail,#igDialog .ig-comment-input{background:#23212a;color:#d9cde4}#igDialog .ig-detail header,#igDialog footer,#igDialog .ig-comment-input{border-color:var(--line)}#igDialog .ig-detail header button,#igDialog .ig-actions button{color:#d9b3f4}#igDialog .ig-caption p{color:#ded3e8}#igDialog .ig-comments{background:none}
/* Existing game and admin remain functional, with shared neutral surfaces. */
#page-ladder,#page-admin,#page-news{max-width:1440px;margin:auto}.page-title{font:400 36px var(--serif);color:#eee}.kicker{color:#ae96c1}.card,.admin-card{background:#23232d;border:1px solid var(--line);box-shadow:none;color:#ddd2e8}#page-admin input,#page-admin textarea,#page-admin select{background:#191a21;color:#e3d7ec;border:1px solid #bda1ce40}#page-admin{--text:#e2d8e9;--muted:#b4a8c0}.admin-login-card,.schedule-editor,.content-detail-card{background:#27242e;color:#e0d5e8}.admin-login-card input{background:#19171e;color:#eee}.admin-login-card h2,.admin-login-card h3{color:#eee}.content-detail-modal{backdrop-filter:blur(10px)}.music-dock{position:fixed;right:2.3%;bottom:max(24px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:7px;padding:5px 9px 5px 5px;min-height:44px;border:1px solid #d5bed73b;border-radius:50px;background:linear-gradient(130deg,#a899b51b,#19191e99);backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff08,0 5px 18px #0002;color:#d6c6e7}.music-dock button{display:grid;place-items:center;flex:none;width:34px;height:34px;min-height:0;border:0;background:none;box-shadow:none;border-radius:50%;color:#d9b7f2;padding:5px}.music-dock #theaterPlay{background:#ad8cc42b}.music-dock svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.6;fill:none}.music-dock #musicTitle{width:auto;max-width:145px;padding:0 6px;display:block;border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d8ccdf;font:11px var(--serif)}.music-volume{display:flex;align-items:center;border-left:1px solid #dbc6e32e;margin-left:4px;padding-left:3px;gap:0}.music-volume input{width:0;opacity:0;margin:0;accent-color:#c5a3e3;transition:width .2s,opacity .2s}.music-volume:focus-within input,.music-volume:hover input{width:65px;opacity:1;margin-right:7px}.music-details{position:fixed;right:2.3%;bottom:82px;width:330px;max-width:calc(100vw - 32px);padding:12px;background:#25212ded;border:1px solid #ad96bf58;border-radius:14px;backdrop-filter:blur(20px);box-shadow:0 12px 50px #0006;z-index:41}.music-details header{display:flex;justify-content:space-between;align-items:center;color:#ded3e7;font-size:12px;margin-bottom:10px}.music-details button{border:0;background:none;color:#e2caee;width:32px;height:32px;font-size:18px}.music-video{height:200px;overflow:hidden;border-radius:6px;background:#151219}.music-video iframe{width:100%;height:200px}.music-controls{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:12px}.music-controls a{color:#d6b8e9}.music-message{font-size:11px;color:#bdafc8;line-height:1.6;margin:8px 0 0}.music-details:not(.open){visibility:hidden;pointer-events:none;opacity:0;transform:translateY(8px)}.music-details{transition:opacity .2s,transform .2s,visibility .2s}.music-details.open{opacity:1;transform:none;visibility:visible}
@media(hover:hover) and (pointer:fine){.nav button:not(.active):hover{color:#fff;background:#ffffff06}.social-icon:hover{border-color:#d7b5f587;background:#b399d51a;transform:translateY(-2px)}.wing-heading:hover,.wing-bottom:hover,.wing-profile-links button:hover,.text-link:hover{color:#fff}.ruler-arrow:hover{background:#ad87d522}.profile-chapter-cards button:hover{border-color:#d7b5ed66}.ig-tile:hover img{filter:brightness(.85)}}
@media(min-width:1700px){.theater-stage{grid-template-columns:1fr min(66.4vw,1200px) 1fr}.theater-hero{max-height:65vh}}
@media(max-width:1200px){.sidebar{padding:20px 3%;gap:16px;height:98px}.theater-wordmark{font-size:26px}.nav button{padding-inline:18px;font-size:12px}.channel-icons{gap:7px}.social-icon{width:38px;height:42px;border-radius:10px}.theater-status{padding:12px 18px;gap:15px}.theater-status p{font-size:10px}.theater-ruler{margin-top:40px}.theater-next{margin-top:18px}.music-dock{right:3%;bottom:18px}}
@media(max-width:900px){.sidebar{height:144px;grid-template-columns:1fr auto;padding:16px 24px;gap:12px;align-items:center}.nav{grid-row:2;grid-column:1/-1;justify-self:center}.header-actions{grid-row:1;grid-column:2}.theater-wordmark{line-height:38px}.social-icon{height:38px}.nav button{padding:8px 24px}.theater-home{padding-top:24px;min-height:calc(100dvh - 144px)}.theater-stage{grid-template-columns:12vw 75vw 12vw;gap:.5vw}.scene-wing>*:not(.wing-heading){visibility:hidden}.theater-hero{aspect-ratio:1.5}.theater-status{right:3%;bottom:5%;min-width:0}.theater-identity{bottom:7%}.theater-status #heroLive{font-size:11px;gap:8px}.theater-status p{margin-left:20px;font-size:9px}.theater-status .soop-glyph{width:28px}.theater-ruler{gap:16px}.theater-next{width:90%}#homeNextStream{gap:16px}.theater-footer{margin-top:32px}.page{padding:24px 28px 110px;min-height:calc(100dvh - 144px)}.identity-pane{gap:32px;grid-template-columns:.9fr 1fr}.portrait-frame{aspect-ratio:3/5}.profile-copy h2{font-size:45px}.profile-facts{gap:20px}.profile-facts dd{font-size:16px}.profile-chapter-cards{grid-template-columns:1fr}.profile-chapter-cards button{padding:14px}.section-heading h1{font-size:30px}.section-heading{gap:15px}.eyebrow{font-size:9px}.profile-switch button{padding-inline:18px}.ending-pane{gap:30px}.ending-art{padding:25px}.v44-calendar-card{padding:12px}.v44-day{min-height:114px;padding:10px 5px}.v44-event{font-size:10px;padding:5px}.v44-start{font-size:9px}#page-gallery{padding:20px 24px 110px}#page-gallery .ig-shell{padding:28px}.theater-footer button{margin-right:210px}}
@media(max-width:600px){.sidebar{height:134px;padding:12px 16px;gap:12px;align-content:start}.theater-wordmark{font-size:25px;line-height:42px}.channel-icons{gap:6px}.social-icon{width:35px;height:39px}.social-icon svg{width:20px;height:20px}.social-icon .soop-glyph{width:29px}.nav{width:100%;justify-content:space-between;overflow-x:auto;scrollbar-width:none}.nav button{display:block;flex:1;min-width:0;padding:8px 8px;font:10px/24px var(--serif);min-height:42px}.nav button::after{height:12px}.theater-home{padding-top:4px;min-height:calc(100dvh - 134px);padding-bottom:104px}.theater-stage{display:flex;flex-wrap:wrap;gap:14px;padding:0 16px;perspective:none}.theater-hero{width:100%;order:0;aspect-ratio:3/3.5}.theater-image img{object-fit:cover;object-position:60% 50%}.theater-identity{left:7%;bottom:29%}.theater-identity #heroName{font-size:42px}.theater-identity>p{font-size:9px}.theater-hero-shade{background:linear-gradient(0deg,#16121bdb,transparent 60%)}.theater-status{left:6%;right:6%;bottom:6%;padding:14px 20px;gap:15px;min-height:66px}.theater-status #heroLive{font-size:12px;gap:13px}.theater-status p{font-size:10px;margin-left:25px}.theater-status .soop-glyph{width:36px}.scene-wing>*:not(.wing-heading){display:none}.theater-stage::after{display:none}.theater-ruler{margin:30px 16px 0;gap:12px}.ruler-arrow{width:38px;height:38px;font-size:26px}.ruler-track{margin-top:0;height:70px}.ruler-ticks{background:repeating-linear-gradient(90deg,#b4a8c18c 0 1px,transparent 1px calc(100% / 24))}.ruler-dates{font-size:10px;top:40px}.ruler-dates span:nth-child(even){display:none}.ruler-orb{width:27px;height:27px;top:6px}.ruler-selected{top:59px;font-size:11px}.theater-next{width:calc(100% - 32px);margin:24px 16px 0;gap:12px;min-height:65px}#homeNextStream{gap:10px;flex-wrap:wrap;justify-content:center;white-space:normal}#homeNextStream small{font-size:9px}#homeNextStream .v148-date{font-size:17px}#homeNextStream .v148-title{font-size:12px}#homeNextStream .v148-time{font-size:11px}#homeNextStream .v148-time::before{margin-right:10px}.next-rule{min-width:16px}.theater-footer{margin:30px 20px 0}.theater-footer button{margin-right:0;padding:8px;font-size:11px}.music-dock{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.music-dock button{width:36px;height:36px}.music-dock #musicTitle{font-size:11px;max-width:130px}.music-volume input{width:55px;opacity:1;margin-right:6px}.music-details{right:16px;bottom:76px}.page{padding:14px 20px 110px;min-height:calc(100dvh - 134px)}.section-heading{display:block;margin-bottom:28px}.section-heading h1{font-size:30px}.section-heading .eyebrow{font-size:8px;letter-spacing:.2em}.profile-switch{margin-top:24px;width:100%}.profile-switch button{flex:1;font-size:12px}.identity-pane{display:flex;flex-direction:column;gap:30px;align-items:stretch}.portrait-frame{aspect-ratio:1.1;width:100%}.profile-copy h2{font-size:42px;margin-bottom:12px}.profile-copy>p:not(.eyebrow){font-size:13px}.profile-facts{margin:25px 0;gap:20px}.profile-facts dd{font-size:18px}.profile-chapter-cards{grid-template-columns:1fr 1fr;gap:10px}.profile-chapter-cards button{padding:18px 12px}.profile-chapter-cards strong{font-size:11px}.profile-chapter-cards span{font-size:8px;letter-spacing:.08em}.theater-cats{gap:25px;grid-template-columns:1fr}.chapter-intro h2{font-size:26px}.ending-pane{grid-template-columns:1fr;gap:20px}.ending-art{padding:26px}.ending-art h2{font-size:25px}.ending-words{padding:15px 5px}.v44-calendar-card{padding:6px 0 10px;border-radius:8px}.v44-dow{font-size:9px;padding:14px 0}.v44-day{padding:8px 3px;min-height:83px}.v44-day-head{display:block;min-height:20px;margin-bottom:5px}.v44-day-head b{font-size:14px}.v44-starts{min-height:0}.v44-start{font-size:8px;gap:2px}.v44-start .live-dot{display:none}.v44-event{font-size:9px;padding:3px 2px;line-height:1.4;border-left-width:1px;word-break:break-all}.v81-holiday{display:none}.v44-note{font-size:10px;text-align:center}#page-schedule{padding-inline:12px}#page-gallery{padding:6px 12px 110px}#page-gallery .ig-shell{padding:22px 12px;border-radius:10px}#page-gallery .ig-profile{padding-bottom:22px;gap:14px}#page-gallery .ig-avatar{width:80px;height:80px}#page-gallery .ig-account h2{font-size:20px}#page-gallery .ig-display-name{font-size:12px}#page-gallery .ig-stats{font-size:12px;gap:14px}#page-gallery .ig-profile-note{font-size:11px}#page-gallery .ig-profile-actions{gap:7px}#page-gallery .ig-profile-actions button{font-size:11px;min-width:0}#page-gallery .ig-tabs{gap:0;justify-content:space-around}#page-gallery .ig-tabs button{padding:13px 8px;gap:7px;font-size:10px;min-height:50px}#page-gallery .ig-tabs svg{width:17px;height:17px}#page-gallery #igSoopTab .ig-soop-mark{width:30px}#page-gallery #galleryGrid{gap:4px;margin-top:12px}#page-gallery .ig-video-grid{padding:0;gap:18px 10px}#page-gallery .ig-video-filters{margin:0;padding:10px 0 18px}#page-gallery .ig-video-filters button{padding:7px 14px;font-size:11px}#page-gallery .ig-video-toolbar{margin:0}#page-gallery .ig-empty{padding:60px 10px;min-height:260px}#page-gallery .ig-empty h3{font-size:20px}#page-admin{padding-inline:15px}.admin-page-head{flex-wrap:wrap}.admin-login-card{width:calc(100vw - 40px);padding:26px}.admin-login-card input{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.theater-image img{transition:none}.ruler-orb,.ruler-selected{transition:none}}

/* Integration details and editor surfaces */
.theater-reflection{position:absolute;top:100%;left:16.8%;width:66.4%;height:155px;overflow:hidden;opacity:.12;mask:linear-gradient(#0009,transparent 90%);filter:blur(4px);pointer-events:none;z-index:-1}.theater-reflection img{display:block;width:100%;aspect-ratio:1.86;object-fit:cover;transform:scaleY(-1)}.admin-login-card{border-color:#b597ce55}.admin-login-title,.admin-login-desc{color:#d9cde3}.admin-login-close{color:#d6c2e6;background:none}#adminLoginModal{overscroll-behavior:contain}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.v120-clone-home{position:relative}.v120-clone-home .theater-image{inset:0}.v120-clone-home .theater-hero{aspect-ratio:1.86}.profile-theater{color:#eeebf4}#profilePreviewFrame{background:#15171c}.theater-preview #page-profile{padding:30px;min-height:0}#adminLoginError{color:#f0b5ce}.theater-status:focus-visible{outline-color:#fff}
@media(max-width:900px){.theater-reflection{left:12.5%;width:75%}}
@media(max-width:600px){.theater-reflection{display:none}.ruler-selected{min-height:22px}}
/* Final contrast and content-length checks against the approved dark scene. */
#page-gallery .ig-stats li,#page-gallery .ig-stats li>span{color:#c9c5d2}
#page-gallery .ig-stats b{color:#f2eff8}
#page-schedule .v44-start{border:0;border-radius:0;box-shadow:none;min-height:0;height:auto;line-height:1.4;font-weight:400}

.nav button.active,.theater-identity #heroName{text-shadow:none}
.theater-identity #heroName{pointer-events:auto}
@media(max-width:600px){.theater-hero{aspect-ratio:1}.theater-next{margin-top:26px}}

/* Short, cancellable content departure. Common chrome never participates. */
.page.section-departing{display:block!important;position:fixed!important;top:var(--section-exit-top)!important;left:var(--section-exit-left)!important;width:var(--section-exit-width)!important;height:var(--section-exit-height)!important;min-height:0!important;max-height:none!important;margin:0!important;box-sizing:border-box;z-index:20;pointer-events:none;background:transparent!important;transform-origin:50% 40%}
@media(prefers-reduced-motion:reduce){.page.section-departing{display:none!important}}
