:root{--bg: #111111;--bg-soft: #1a1a1a;--panel: #050505;--panel-alt: #f4f1ed;--line: #313131;--line-strong: #7e1c18;--text: #f8f4ef;--text-dim: #b7aea4;--danger: #b13329;--danger-bright: #d84b3d;--glow: #f6edd9;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--eva-font: "EVA-マティス-スタンダード", "EVA-マティス-クラシック", "FOT-マティス Pro EB", "Matisse Pro EB", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif SC", serif;--ui-font: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--text);font-family:var(--ui-font);background-color:var(--bg);background-image:linear-gradient(30deg,rgba(255,255,255,.03) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.03) 87.5%,rgba(255,255,255,.03)),linear-gradient(150deg,rgba(255,255,255,.03) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.03) 87.5%,rgba(255,255,255,.03)),linear-gradient(90deg,rgba(255,255,255,.025) 2%,transparent 2.5%,transparent 97%,rgba(255,255,255,.025) 98%),radial-gradient(circle at top,rgba(177,51,41,.2),transparent 32%),radial-gradient(circle at 78% 12%,rgba(255,255,255,.08),transparent 18%),linear-gradient(180deg,#222,#111);background-size:38px 66px,38px 66px,38px 66px,auto,auto,auto;background-position:0 0,0 0,19px 33px,0 0,0 0,0 0}a{color:inherit}img{display:block;max-width:100%}.app-shell{position:relative;overflow:hidden}.screen-noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(transparent 0%,rgba(255,255,255,.015) 50%,transparent 100%);mix-blend-mode:screen;opacity:.4}.layout{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:28px 0 56px}.hero-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:stretch}.hero-copy{min-height:360px;padding:28px;border:1px solid #4a4a4a;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.08),transparent 20%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 26%),#050505;box-shadow:inset 0 0 0 1px #ffffff0f,var(--shadow);position:relative}.hero-copy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 30%,rgba(246,237,217,.08),transparent 34%);pointer-events:none}.episode{width:fit-content;margin:0 0 12px;padding:6px 14px;font-size:.95rem;letter-spacing:.14em;color:#f1ede6;background:#b13329f2}.hero-copy h1{margin:0;font-family:var(--eva-font);font-size:clamp(4rem,12vw,8.7rem);line-height:.9;letter-spacing:.02em;color:#fcf7ef;text-shadow:0 0 10px rgba(246,237,217,.7),0 0 24px rgba(246,237,217,.28)}.subtitle{margin:22px 0 0;font-size:clamp(1rem,2vw,1.2rem);color:var(--text-dim);letter-spacing:.24em}.hero-meta{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:18px}.meta-card{padding:24px;border:1px solid #5a5a5a;box-shadow:var(--shadow)}.meta-card strong{display:block;margin-top:8px;font-family:var(--eva-font);font-size:clamp(2rem,5vw,3.1rem);line-height:1}.meta-card p{margin:10px 0 0;line-height:1.7}.meta-label{display:inline-block;font-size:.82rem;letter-spacing:.2em}.white-card{background:#ebe6e0;color:#0f0f0f}.dark-card{background:#070707f0;color:var(--text)}.summary-strip{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.strip-item{padding:16px 20px;border:1px solid #4a4a4a;background:#080808cc}.strip-item span{display:block;font-size:.82rem;letter-spacing:.16em;color:var(--text-dim)}.strip-item strong{display:block;margin-top:8px;font-family:var(--eva-font);font-size:clamp(1.3rem,3.4vw,2.1rem)}.strip-item.emphasis{background:var(--danger)}.strip-item.emphasis span,.strip-item.emphasis strong{color:#fff8f3}.board-section{margin-top:26px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:18px}.section-en{margin:0 0 6px;color:var(--danger-bright);letter-spacing:.22em;font-size:.84rem}.section-head h2{margin:0;font-family:var(--eva-font);font-size:clamp(2.2rem,5vw,3.5rem);line-height:1}.section-note{margin:0;color:var(--text-dim)}.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.staff-card{border:1px solid var(--line);background:#050505eb;box-shadow:var(--shadow);overflow:hidden}.staff-card[data-tone=working]{box-shadow:0 0 0 1px #f6edd90f,0 22px 52px #00000073}.staff-card[data-tone=lunch] .status-box{background:#f4f1ed;color:#181818}.staff-card[data-tone=off] .status-box,.staff-card[data-tone=rest] .status-box{background:#b13329e6}.card-banner{display:flex;justify-content:space-between;gap:12px;padding:10px 18px;background:#b13329f0;color:#fff6f2;letter-spacing:.12em;font-size:.78rem}.card-main{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:22px 22px 16px}.avatar-frame{margin:0;aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.22);background:#141414;padding:8px}.avatar-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(.05) contrast(1.04)}.person-label,.status-label,.timeline-item span,.schedule-note span{margin:0;color:var(--text-dim);font-size:.8rem;letter-spacing:.16em}.name-line h3{margin:10px 0 0;font-family:var(--eva-font);font-size:clamp(2rem,5vw,3rem);line-height:.95}.status-box{margin-top:18px;padding:18px;background:#ffffff14}.status-box strong{display:block;margin-top:8px;font-family:var(--eva-font);font-size:clamp(1.7rem,4vw,2.6rem);line-height:1}.status-box p{margin:10px 0 0;line-height:1.7;font-size:.96rem}.timeline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ffffff1f}.timeline-item{min-height:92px;padding:16px 18px;background:#0b0b0b}.timeline-item strong{display:block;margin-top:10px;font-family:var(--eva-font);font-size:1.32rem;line-height:1.25;color:#f4ede0}.schedule-note{padding:18px 22px 22px;border-top:1px solid rgba(255,255,255,.12)}.schedule-note p{margin:10px 0 0;line-height:1.7}@media(max-width:960px){.hero-panel,.staff-grid{grid-template-columns:1fr}.hero-copy{min-height:auto}}@media(max-width:720px){.layout{width:min(100vw - 20px,1180px);padding-top:12px}.hero-copy,.meta-card,.staff-card,.strip-item{box-shadow:none}.summary-strip,.timeline-grid,.card-main{grid-template-columns:1fr}.avatar-frame{max-width:220px}.section-head{align-items:start;flex-direction:column}}