:root{--ink: #2a2320;--paper: #f4ede0;--wood: #cbb189;--wood-dark: #a5895f;--accent: #5b8def;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#0c0f18;color:#eef;-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer}.scene-root{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 18px;background:#14100c;border-bottom:1px solid rgba(255,255,255,.08);z-index:30}.topbar__title{display:flex;align-items:baseline;gap:12px}.logo-sm{font-weight:800;font-size:16px;padding:5px 10px;border-radius:8px;background:linear-gradient(135deg,#3b6ef5,#b6543f);color:#fff}.logo-sm em{font-style:normal;font-weight:400;opacity:.85}.chapter{font-weight:800;font-size:16px;color:#f4ede0}.chapter-sub{font-size:12px;color:#c8a06a}.phasebar{display:flex;align-items:center;gap:6px;margin:0 auto}.phasebar__step{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#8a8378;padding:5px 12px;border-radius:999px;border:1px solid transparent;transition:all .3s}.phasebar__step:not(:last-child):after{content:"›";margin-left:6px;color:#5a5248}.phasebar__step.is-done{color:#b7b0a4}.phasebar__check{color:#6ecf9a;font-size:11px}.phasebar__step.is-active{color:#1a1510;background:#f0b849;font-weight:800;box-shadow:0 0 18px #f0b84980}.phasebar__step.is-active .phasebar__check{color:#1a1510}.topbar__right{display:flex;align-items:center;gap:10px}.hud-btn{font-size:12px;color:#cbb189;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 10px}.hud-btn.is-on{color:#14100c;background:#cbb189;border-color:#cbb189}.rally-btn{font-size:12px;font-weight:800;color:#fff;padding:7px 14px;border-radius:8px;border:1px solid #8f1628;background:linear-gradient(135deg,#ef5a3a,#d3324a);box-shadow:0 4px 12px #d3324a66;transition:transform .1s,filter .15s}.rally-btn:hover{filter:brightness(1.08)}.rally-btn:active{transform:translateY(1px)}.rally-btn.is-on,.rally-btn:disabled{filter:saturate(.6) brightness(.85);cursor:default;box-shadow:none}.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#ff6a6a}.live i{width:8px;height:8px;border-radius:50%;background:#ff5a5a;animation:blink 1.2s infinite}@keyframes blink{50%{opacity:.25}}.stage{position:relative;flex:1;overflow:hidden}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 92%,rgba(255,176,92,.5),transparent 60%),linear-gradient(180deg,#241a3d,#4a2a55 22%,#8a3d5c 38%,#c96a52 50%,#b9a184 56%)}.skyline{position:absolute;top:22%;left:0;right:0;height:26%;background:linear-gradient(180deg,transparent,rgba(120,96,82,.25)),repeating-linear-gradient(90deg,rgba(90,74,68,.55) 0 3px,transparent 3px 8px,rgba(70,58,54,.5) 8px 10px,transparent 10px 22px,rgba(100,82,74,.5) 22px 40px,transparent 40px 50px);-webkit-mask:linear-gradient(180deg,#000 40%,transparent);mask:linear-gradient(180deg,#000 40%,transparent);opacity:.55}.floor{position:absolute;left:0;right:0;bottom:0;height:72%;background:linear-gradient(180deg,#e9dcc4,#ddccb0 40%,#d3c1a2);clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(28% 0,72% 0,100% 100%,0 100%)}.floor-lines{position:absolute;left:0;right:0;bottom:0;height:72%;clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);background-image:repeating-linear-gradient(90deg,transparent,transparent 46px,rgba(120,96,60,.1) 46px 48px);opacity:.8;pointer-events:none}.fireworks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.fw{position:absolute;width:6px;height:6px;border-radius:50%;box-shadow:0 -34px 0 -2px currentColor,0 34px 0 -2px currentColor,-34px 0 0 -2px currentColor,34px 0 0 -2px currentColor,24px 24px 0 -2px currentColor,-24px 24px 0 -2px currentColor,24px -24px 0 -2px currentColor,-24px -24px 0 -2px currentColor,0 -24px 0 -3px currentColor,0 24px 0 -3px currentColor,-24px 0 0 -3px currentColor,24px 0 0 -3px currentColor;opacity:0;transform:scale(.2)}.fw--1{top:15%;left:20%;color:#ffd36a;animation:burst 5s ease-out infinite}.fw--2{top:10%;left:68%;color:#ff8fb0;animation:burst 5s ease-out infinite 1.7s}.fw--3{top:22%;left:46%;color:#8fd6ff;animation:burst 5s ease-out infinite 3.2s}@keyframes burst{0%{opacity:0;transform:scale(.2)}6%{opacity:1;transform:scale(.6)}16%{opacity:.9;transform:scale(1.2)}30%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}.kohaku{position:absolute;top:0;left:0;right:0;height:42px;z-index:110;background:repeating-linear-gradient(90deg,#d3324a 0,#d3324a 46px,#f7f2ea 46px,#f7f2ea 92px);border-bottom:3px solid #b21f38;-webkit-mask:linear-gradient(#000 0 0) top / 100% 30px no-repeat,radial-gradient(14px 20px at 23px 100%,#000 96%,transparent) bottom left / 46px 22px repeat-x;mask:linear-gradient(#000 0 0) top / 100% 30px no-repeat,radial-gradient(14px 20px at 23px 100%,#000 96%,transparent) bottom left / 46px 22px repeat-x;box-shadow:0 6px 14px #00000047}.lanterns{position:absolute;top:42px;left:0;right:0;height:60px;z-index:111;display:flex;justify-content:center;gap:min(3vw,46px);pointer-events:none}.lantern{position:relative;width:34px;height:46px;transform-origin:top center;animation:sway 3.6s ease-in-out infinite;animation-delay:var(--d, 0s)}.lantern:before{content:"";position:absolute;top:-8px;left:50%;width:2px;height:8px;background:#7a5230;transform:translate(-50%)}.lantern b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:15px;font-weight:800;color:#5a0e0e;font-style:normal;border-radius:50%/44%;background:radial-gradient(60% 60% at 50% 32%,#ff9b6a,#ef4a3a 70%,#c62828);border-top:4px solid #2a1410;border-bottom:4px solid #2a1410;box-shadow:0 0 16px #ff784699,inset 0 0 8px #78141480}.lantern b:before,.lantern b:after{content:"";position:absolute;left:14%;right:14%;height:1px;background:#5a0e0e59}.lantern b:before{top:34%}.lantern b:after{top:62%}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.sparks{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:108}.sparks i{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;background:#ffd27a;box-shadow:0 0 8px 2px #ffc86eb3;animation:rise linear infinite;animation-duration:calc(7s + (var(--i) * .3s));animation-delay:calc(var(--i) * -.55s);opacity:0}@keyframes rise{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.9}90%{opacity:.7}to{transform:translateY(-70vh) translate(20px);opacity:0}}.banners{position:absolute;top:15%;left:0;right:0;height:38%;pointer-events:none}.banner{position:absolute;top:0}.banner__cloth{writing-mode:vertical-rl;text-orientation:upright;display:inline-block;padding:14px 7px 18px;font-size:13px;font-weight:800;letter-spacing:2px;color:#b8283e;background:linear-gradient(180deg,#fbf6ec,#f2e7d2);border:1px solid #e2caa2;border-top:7px solid #d3324a;box-shadow:0 8px 18px #00000040;clip-path:polygon(0 0,100% 0,100% 94%,50% 100%,0 94%);max-height:250px;line-height:1.35}.board{position:absolute;top:11%;left:50%;transform:translate(-50%);width:min(430px,40vw);background:#0e0d0c;color:#d7f0c8;border:3px solid #2a2622;border-radius:6px;box-shadow:0 14px 30px #0006;z-index:120;font-family:ui-monospace,monospace}.board__bar{display:flex;justify-content:space-between;align-items:center;background:#1c1a17;color:#f0b849;font-size:11px;font-weight:700;padding:5px 10px;letter-spacing:1px}.board__phase{color:#6ecf9a}.board__rows{list-style:none;padding:8px 12px;font-size:11px;min-height:62px}.board__rows li{display:flex;justify-content:space-between;padding:2px 0;opacity:.9}.board__rows em{color:#f0b849;font-style:normal}.desk{position:absolute;left:0;top:0;width:108px;will-change:transform}.desk__top{position:relative;height:44px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#d9be93,#c2a373);border:1px solid #a5895f;box-shadow:inset 0 3px #ffffff40,0 6px 8px #503c2840}.desk__monitor{position:absolute;left:50%;top:6px;transform:translate(-50%);width:44px;height:26px;border-radius:4px;background:linear-gradient(160deg,#33302c,#14120f);border:2px solid #3a352f}.desk__paper{position:absolute;left:8px;top:26px;width:16px;height:12px;background:#f6f1e6;border-radius:2px;transform:rotate(-8deg)}.desk__legs{width:90%;height:18px;margin:-2px auto 0;background:linear-gradient(180deg,#a5895f,#8a6f47);clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}.desk--boss{width:150px}.desk--boss .desk__top{height:54px;background:linear-gradient(180deg,#6b4a34,#543725);border-color:#3f2a1c}.desk--boss .desk__monitor{width:62px;height:32px}.desk--boss .desk__legs{background:linear-gradient(180deg,#543725,#3f2a1c)}.reception{position:absolute;left:0;top:0;width:190px;will-change:transform}.reception__sign{width:max-content;margin:0 auto 7px;font-size:13px;font-weight:800;color:#fff;padding:5px 16px;border-radius:8px;letter-spacing:1px;background:linear-gradient(135deg,#d3324a,#b21f38);border:1px solid #8f1628;box-shadow:0 6px 14px #00000052}.reception__sign em{font-style:normal;font-weight:600;font-size:10px;opacity:.85;margin-left:5px}.reception__counter{position:relative;height:74px;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,#d0ad7a,#b7935f 55%,#9c7a49);border:1px solid #8a6f47;box-shadow:inset 0 4px #ffffff47,inset 0 -12px 20px #5a3c234d,0 14px 24px #3c28146b}.reception__counter:before{content:"";position:absolute;left:-7px;right:-7px;top:-8px;height:11px;border-radius:6px;background:linear-gradient(180deg,#e6cb96,#c3a06a);border:1px solid #a5895f}.reception__panel{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);font-size:15px;font-weight:800;letter-spacing:1px;color:#5a3a1e;opacity:.5}.meetingroom{position:absolute;left:0;top:0;width:190px;will-change:transform}.mr__sign{position:relative;z-index:2;width:max-content;margin:0 auto 2px;font-size:12px;font-weight:800;color:#3a2a16;padding:4px 13px;border-radius:8px;background:linear-gradient(180deg,#f4e7cc,#e6d3ad);border:1px solid #cbae82;box-shadow:0 4px 10px #00000040;transition:box-shadow .3s}.mr__sign b{color:#c0392b;font-weight:800}.mr__rug{width:190px;height:104px;margin:-6px auto 0;border-radius:50%;background:radial-gradient(closest-side,rgba(224,128,86,.4),rgba(150,80,60,.14) 68%,transparent);transition:filter .3s}.mr__table{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:124px;height:62px;border-radius:50%;background:linear-gradient(180deg,#6b4a34,#4d3323);border:2px solid #3a271b;box-shadow:inset 0 5px 9px #ffffff1f,0 8px 14px #28190f6b}.meetingroom.is-live .mr__rug{animation:rugglow 1.8s ease-in-out infinite}@keyframes rugglow{50%{filter:brightness(1.3) saturate(1.2)}}.meetingroom.is-live .mr__sign{box-shadow:0 0 16px #ff7846b3}.char{position:absolute;left:0;top:0;width:78px;will-change:transform;cursor:pointer}.char__inner{position:relative;width:78px}.char.is-walking .char__av{animation:bob .42s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}.char__av{width:66px;margin:0 auto;display:block;transform-origin:bottom center;filter:drop-shadow(0 4px 5px rgba(50,35,20,.28))}.char__av .avatar{display:block;margin:0 auto}.char__badge{position:absolute;top:-6px;right:6px;font-size:17px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-3px)}}.char__name{position:relative;margin:4px auto 0;width:max-content;max-width:84px;font-size:10px;font-weight:800;color:#efe6d4;text-align:center;padding:2px 7px;border-radius:999px;background:#1e1610d1;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}.char__name em{display:block;font-style:normal;font-weight:500;font-size:8px;color:color-mix(in srgb,var(--accent) 60%,#fff)}.char__shadow{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:40px;height:10px;border-radius:50%;background:radial-gradient(rgba(50,38,24,.35),transparent 70%)}.char__speech{position:absolute;left:50%;bottom:74px;transform:translate(-50%);white-space:nowrap;font-size:11px;font-weight:700;color:#2a2320;padding:6px 11px;border-radius:12px;background:#fff;border:1px solid #e0d4bf;box-shadow:0 6px 14px #00000038;animation:pop .2s ease;z-index:5}.char__speech:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#fff;border-right:1px solid #e0d4bf;border-bottom:1px solid #e0d4bf}@keyframes pop{0%{transform:translate(-50%) scale(.7);opacity:0}}.monitor{position:absolute;top:16%;right:16px;width:210px;z-index:125;background:#14100ce6;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.monitor__head{font-size:12px;font-weight:700;color:#f0e2c8;margin-bottom:8px}.monitor__screen{background:#f6f1e6;color:#2a2320;border-radius:8px;padding:12px;min-height:96px}.monitor__tags{display:flex;gap:6px;margin-bottom:8px}.monitor__tags span{font-size:9px;font-weight:700;color:#7a5a3a;background:#eaddc6;border:1px solid #d8c4a2;border-radius:5px;padding:2px 6px}.monitor__title{font-size:15px;font-weight:800;line-height:1.4;white-space:pre-line}.monitor__files{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.monitor__files span{font-size:9px;font-family:ui-monospace,monospace;color:#cbb189;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:2px 5px}.feed{position:absolute;left:14px;bottom:12px;width:300px;z-index:125;display:flex;flex-direction:column;gap:3px}.feed__row{display:flex;align-items:center;gap:6px;font-size:11px;color:#efe6d4;padding:5px 9px;border-radius:8px;background:linear-gradient(90deg,#14100cd1,#14100c4d);animation:slidein .3s ease}.feed__row b{color:#f0b849}.feed__act{color:#6ecf9a}.feed__row em{font-style:normal;color:#a99;font-family:ui-monospace,monospace;font-size:10px;margin-left:auto}@keyframes slidein{0%{transform:translate(-14px);opacity:0}}.scene-foot{padding:7px 16px;font-size:11px;color:#8a8378;text-align:center;background:#14100c;border-top:1px solid rgba(255,255,255,.06)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#04070f8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .2s}@keyframes fade{0%{opacity:0}}.drawer{position:fixed;top:0;right:0;z-index:41;width:min(420px,92vw);height:100vh;overflow-y:auto;padding:24px;background:#16130f;border-left:1px solid rgba(255,255,255,.14);box-shadow:-20px 0 60px #00000080;animation:slide .28s cubic-bezier(.2,.8,.2,1)}@keyframes slide{0%{transform:translate(40px);opacity:0}}.drawer__close{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:50%;font-size:20px;color:#b7b0a4;border:1px solid rgba(255,255,255,.12);background:transparent}.drawer__close:hover{color:#fff}.drawer__hero{display:flex;gap:16px;align-items:center;margin:8px 0 20px}.drawer__avatar{width:82px;height:82px;border-radius:18px;flex-shrink:0;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--accent) 22%,#0d0b08);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.drawer__avatar .avatar{width:76px;height:auto;margin-bottom:-4px}.drawer__team{font-size:11px;font-weight:700;letter-spacing:1px;color:color-mix(in srgb,var(--accent) 70%,#fff)}.drawer__hero h2{font-size:26px;font-weight:800;line-height:1.15;color:#f4ede0}.drawer__yomi{font-size:11px;color:#9a938a;margin:1px 0 2px}.drawer__title{font-size:12px;color:#9a938a}.drawer__quote{font-size:16px;font-weight:700;text-align:center;padding:15px;margin-bottom:20px;border-radius:14px;color:color-mix(in srgb,var(--accent) 60%,#fff);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent)}.drawer__block{margin-bottom:18px}.drawer__block h4{font-size:11px;letter-spacing:1.5px;color:#7a736a;text-transform:uppercase;margin-bottom:6px}.drawer__block p{font-size:14px;color:#e6ddce;line-height:1.65}.drawer__meta{display:flex;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.drawer__meta span{flex:1;font-size:14px;font-weight:700;padding:12px;border-radius:12px;text-align:center;color:#f4ede0;border:1px solid rgba(255,255,255,.1);background:#ffffff05}.drawer__meta em{display:block;font-size:10px;font-style:normal;letter-spacing:1px;color:#7a736a;margin-bottom:2px}@media (max-width: 820px){.phasebar{order:3;width:100%;margin:4px 0 0;justify-content:center}.monitor{display:none}.board{width:62vw}}