*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:#0f1722;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#132235}button{font:inherit}.app{position:relative;width:100vw;height:var(--app-h,100dvh);overflow:hidden}.brand{position:absolute;left:16px;top:14px;z-index:8;display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:999px;background:#ffffffad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.44);box-shadow:0 12px 40px #0000001f}.brand b{color:#2e2a87;letter-spacing:.1em}.brand span{font-size:12px;color:#536579}.panel{background:#ffffffd1;border:1px solid rgba(255,255,255,.55);box-shadow:0 30px 90px #0816243d;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.intro,.summary,.result{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(540px,calc(100vw - 28px));max-height:90dvh;display:flex;flex-direction:column;overflow:hidden;padding:24px;border-radius:28px}.panel-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch}.intro .primary,.result .primary{flex-shrink:0}@media (orientation:landscape){.intro{left:auto;right:3.5vw;top:auto;bottom:5vh;transform:none;width:min(340px,32vw);padding:18px 20px}}.intro h1{font-size:clamp(22px,4vw,34px)}.intro .intro-lead{font-size:13.5px;opacity:.92}.eyebrow{margin:0 0 8px;color:#e3760a;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}h1,h2{margin:0 0 12px;color:#101d2b;line-height:1.04}h1{font-size:clamp(34px,7vw,62px)}h2{font-size:clamp(28px,5vw,44px)}p{line-height:1.52;color:#425267}.primary{width:100%;border:0;cursor:pointer;margin-top:14px;padding:15px 18px;border-radius:18px;background:linear-gradient(135deg,#f7960f,#ec7408);color:#fff;font-weight:900;box-shadow:0 18px 44px #f07d0a57}.dialogue{position:absolute;z-index:10;left:50%;bottom:16px;transform:translate(-50%);width:min(820px,calc(100vw - 26px));padding:17px;border-radius:24px}.dialogue-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.dialogue-head b{font-size:18px}.dialogue-head span{display:block;margin-top:2px;color:#657487;font-size:12px}.dialogue-head em{font-style:normal;font-weight:800;color:#2e2a87;background:#2e2a8717;padding:8px 10px;border-radius:999px;font-size:12px;white-space:nowrap}.employee-line{margin:0 0 8px;color:#203346;font-size:clamp(15px,2.5vw,18px);font-weight:650;line-height:1.4}.manager-prompt{margin:0 0 10px;font-size:12px;font-weight:700;color:#5a6b7d;font-style:italic;letter-spacing:.02em}.choices{display:grid;gap:10px}.choices button{border:1px solid rgba(46,42,135,.16);cursor:pointer;text-align:left;padding:13px 14px;border-radius:16px;background:#2e2a8714;font-weight:800;color:#132235;transition:.18s}.choices button:hover{background:#2e2a8726;transform:translateY(-1px)}.hud{position:absolute;right:14px;top:14px;z-index:8;width:270px;padding:14px;border-radius:22px}.hud strong{display:block;margin-bottom:8px;color:#12263a}.stat{display:grid;grid-template-columns:88px 1fr 31px;gap:8px;align-items:center;margin:8px 0;font-size:12px;color:#45576a}.stat>div{height:7px;border-radius:999px;background:#2e2a8726;overflow:hidden}.stat i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2e2a87,#8b84e6);transition:width .6s cubic-bezier(.4,0,.2,1)}.stat i.danger{background:linear-gradient(90deg,#d1734f,#efb366)}.stat b{text-align:right;color:#2e2a87}.mobile-stats{display:none}.result-grid{margin:14px 0;padding:12px;border-radius:18px;background:#2e2a8714}.month-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#070c160d,#070c168c);color:#fff;pointer-events:none}.month-overlay h1{color:#fff;text-shadow:0 10px 40px rgba(0,0,0,.46);font-size:clamp(42px,11vw,104px);margin-bottom:10px}.month-overlay p{max-width:620px;margin:0 20px;color:#ffffffd9;font-weight:700}.month-sub{font-size:clamp(13px,2vw,16px)!important;font-weight:600!important;color:#ffffffd1!important}.month-cards{margin-top:26px;display:flex;flex-direction:column;gap:10px;width:min(560px,calc(100vw - 36px))}.month-card{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:11px;padding:12px 16px;border-radius:16px;background:#0e1622b8;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 40px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left}.month-card .mc-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.month-card .mc-name{font-size:15px;font-weight:900;color:#fff;min-width:62px}.month-card .mc-arrow{font-size:20px;font-weight:900;line-height:1}.month-card .mc-arrow.a-good{color:#5fd07f}.month-card .mc-arrow.a-bad{color:#e8775a}.month-card .mc-arrow.a-neutral{color:#e8c05a}.month-card .mc-text{font-size:13px;color:#ffffffe0;font-weight:600;line-height:1.35}.month-card.verdict-good{border-color:#5fd07f6b}.month-card.verdict-bad{border-color:#e8775a6b}.month-card.verdict-neutral{border-color:#e8c05a5c}.month-skip{pointer-events:auto;cursor:pointer;margin-top:24px;padding:11px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.32);background:#ffffff24;color:#fff;font-weight:800;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.18s}.month-skip:hover{background:#ffffff42;transform:translateY(-1px)}@media (max-width:760px){.month-cards{margin-top:18px;gap:8px}.month-card{grid-template-columns:auto auto 1fr;padding:10px 13px;gap:8px}.month-card .mc-name{min-width:0}.month-card .mc-text{grid-column:1 / -1;font-size:12px}}.app.phase-monthLater canvas{filter:brightness(.98);transition:filter .6s ease}.office-hud{position:absolute;left:16px;top:62px;z-index:8;width:240px;padding:14px;border-radius:20px}.office-hud strong{display:block;margin-bottom:8px;font-size:13px;color:#12263a;letter-spacing:.04em}.office-hud ul{list-style:none;padding:0;margin:0 0 8px}.office-hud li{padding:5px 0;font-size:13px;color:#324656;font-weight:700}.office-hud li.done{color:#7a8a99;text-decoration:line-through}.office-hud li em{font-style:normal;font-weight:500;color:#7a8a99;font-size:11px}.office-hud .hint{margin:8px 0 0;padding-top:8px;border-top:1px solid rgba(46,42,135,.14);font-size:11px;color:#5a6b7d;line-height:1.4}.office-hud .hint b{color:#2e2a87}.prompt{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:9;padding:11px 18px;border-radius:14px;font-weight:800;color:#132235;font-size:14px;box-shadow:0 14px 36px #0000002e}.prompt b{display:inline-block;padding:2px 8px;margin-right:6px;border-radius:6px;background:#2e2a87;color:#fff}.result.large{width:min(720px,calc(100vw - 28px))}.result-grid.four{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:transparent;padding:0}.result-card{padding:12px;border-radius:14px;background:#2e2a8712;border:1px solid rgba(46,42,135,.12)}.result-card.verdict-good{background:#40a0501a;border-color:#40a0504d}.result-card.verdict-bad{background:#c8503c17;border-color:#c8503c4d}.result-card b{display:block;color:#101d2b;font-size:15px}.result-card span{display:block;font-size:11px;color:#5a6b7d;margin-bottom:8px}.result-card .mini-stats{display:flex;gap:8px;font-size:10px;font-weight:800;color:#2e2a87;margin-bottom:6px}.result-card em{font-style:normal;font-size:12px;font-weight:700;color:#345067}.result-summary{font-size:13px;color:#4a5b6e;margin:0 0 12px;line-height:1.5}.result-card .rc-trend{display:inline-block;font-size:16px;font-weight:900;margin-left:3px;line-height:1}.result-card .rc-trend.t-up{color:#3a9d55}.result-card .rc-trend.t-down{color:#cf5b3f}.result-card .rc-trend.t-flat{color:#c79a3a}@media (max-width:760px){.office-hud{width:200px;padding:10px;font-size:12px}.office-hud li{font-size:11px}.prompt{font-size:13px;padding:9px 14px}.result-grid.four{grid-template-columns:1fr}}.char-select{position:absolute;z-index:10;left:18px;bottom:18px;width:min(260px,calc(100vw - 32px));padding:14px;border-radius:18px;background:#ffffffe0;border:1px solid rgba(255,255,255,.55);box-shadow:0 22px 70px #08162438;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.char-select-header{margin-bottom:10px;text-align:left}.char-select-header .eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#2e2a87;text-transform:uppercase;margin-bottom:3px}.char-select-header h3{margin:0 0 2px;font-size:14px;color:#101d2b}.char-select-header p{margin:0;font-size:11px;color:#5a6b7d}.char-cards{display:flex;flex-direction:column;gap:6px}.char-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid rgba(46,42,135,.12);cursor:pointer;text-align:left;font:inherit;color:#132235;transition:.18s;box-shadow:0 3px 10px #0000000d}.char-card:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #0000001c;border-color:var(--accent,#2e2a87)}.char-card:disabled{cursor:default;opacity:.55}.char-card.done{background:#0000000a}.char-portrait{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:900;flex-shrink:0;box-shadow:0 2px 8px #0000002e;overflow:hidden}.char-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.char-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.char-meta b{font-size:13px;color:#101d2b;line-height:1.2}.char-meta span{font-size:10px;color:#5a6b7d;line-height:1.2}.char-meta em{font-style:normal;margin-top:2px;font-size:9px;font-weight:800;color:#3a8a50}@media (max-width:760px){.char-select{right:12px;left:12px;width:auto;top:auto;bottom:12px;transform:none;padding:14px}.char-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.char-card{padding:8px;gap:8px}.char-portrait{width:40px;height:40px;font-size:18px}.char-meta b{font-size:13px}.char-meta span{font-size:10px}}.agesa-3d-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 56px;background:linear-gradient(135deg,#fff,#f5f9fc);border:3px solid #2e2a87;border-radius:14px;box-shadow:0 12px 36px #2e2a8759,inset 0 0 0 1px #fff9;font-family:Inter,sans-serif;text-align:center;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;min-width:280px}.agesa-3d-logo b{display:block;font-size:64px;font-weight:900;color:#2e2a87;letter-spacing:.18em;line-height:1;background:linear-gradient(135deg,#2e2a87,#4f47c9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.agesa-3d-logo span{display:block;margin-top:8px;font-size:14px;font-weight:700;color:#5a6b7d;letter-spacing:.1em}.npc-label{display:flex;flex-direction:column;align-items:center;padding:6px 12px;border-radius:14px;background:#141e2de0;color:#fff;font-size:12px;font-weight:800;white-space:nowrap;pointer-events:none;box-shadow:0 6px 20px #00000052;border:1px solid rgba(255,255,255,.18)}.emote{font-size:40px;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));animation:emote-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes emote-pop{0%{transform:scale(.3) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.npc-label .dot{width:8px;height:8px;border-radius:50%;margin-bottom:3px}.npc-label b{font-size:13px;color:#fff;line-height:1.1}.npc-label em{font-style:normal;font-size:9px;font-weight:600;color:#ffffffb3;letter-spacing:.04em;margin-top:1px}.subtitle{position:absolute;z-index:10;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(640px,calc(100vw - 32px));padding:14px 20px;border-radius:22px;text-align:center}@media (orientation:landscape) and (max-height:540px){.subtitle{bottom:calc(10px + env(safe-area-inset-bottom));padding:9px 16px;border-radius:16px;width:min(680px,calc(100vw - 24px))}.subtitle .sub-name{margin-bottom:3px;font-size:10px}.subtitle p{font-size:14px;line-height:1.32}.dialogue{bottom:calc(8px + env(safe-area-inset-bottom));padding:11px 14px;max-height:calc(100dvh - 16px);overflow-y:auto;-webkit-overflow-scrolling:touch}.dialogue-head{margin-bottom:6px}.dialogue-head b{font-size:15px}.dialogue-head span{font-size:11px}.employee-line{font-size:14px;margin-bottom:6px}.manager-prompt{margin:0 0 6px}.choices{gap:7px}.choices button{padding:9px 12px}}.subtitle .sub-name{display:block;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#2e2a87;margin-bottom:6px}.subtitle p{margin:0;color:#1a2a3c;font-size:clamp(15px,2.5vw,19px);font-weight:600;line-height:1.45}.subtitle .type-cursor{display:inline-block;margin-left:1px;color:#2e2a87;font-weight:400;animation:type-blink 1s steps(2) infinite}@keyframes type-blink{50%{opacity:0}}.loading-card{padding:14px 18px;border-radius:18px;background:#ffffffdb;box-shadow:0 14px 44px #0000002e;font-weight:800;color:#2e2a87}.stat-feedback{position:absolute;z-index:11;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 32px);pointer-events:none}.sf-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 18px;border-radius:15px;background:#0e1622e0;box-shadow:0 14px 38px #0000006b;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sf-chip .sf-label{font-size:10px;font-weight:800;color:#ffffffa8;text-transform:uppercase;letter-spacing:.08em}.sf-chip .sf-delta{font-size:24px;font-weight:900;line-height:1}.sf-chip.good .sf-delta{color:#5fd07f}.sf-chip.bad .sf-delta{color:#e8775a}.sf-chip.good{border-color:#5fd07f66}.sf-chip.bad{border-color:#e8775a66}@media (max-width:760px){.stat-feedback{gap:7px}.sf-chip{padding:8px 13px}.sf-chip .sf-delta{font-size:19px}}.rotate-hint{display:none}@media (orientation:portrait) and (max-width:760px){.rotate-hint{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:32px;background:#0f1722;color:#fff}.rotate-hint .ph{font-size:62px;animation:rot-phone 2.4s ease-in-out infinite}.rotate-hint h2{color:#fff;font-size:22px;margin:0}.rotate-hint p{color:#aebccb;max-width:300px;margin:0;font-size:14px}}@keyframes rot-phone{0%,28%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}.name-entry{margin-top:16px;text-align:left}.name-entry label{display:block;font-size:12px;font-weight:800;color:#2a3a4c;margin-bottom:5px}.name-entry label .opt{font-weight:600;color:#7a8a99}.name-entry input{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(46,42,135,.2);background:#fff;font:inherit;font-weight:600;color:#132235}.name-entry input:focus{outline:none;border-color:#4f47c9;box-shadow:0 0 0 3px #3a92cf2e}.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.admin{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#0f1722;color:#e7eef5;padding:18px 16px 48px}.admin>*{max-width:680px;margin-left:auto;margin-right:auto}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-brand b{color:#4ea3e0;letter-spacing:.1em;font-size:18px}.admin-brand span{margin-left:8px;font-size:12px;color:#8aa0b4}.admin-count{font-size:12px;color:#8aa0b4;background:#ffffff0f;padding:5px 10px;border-radius:999px}.admin-join{display:flex;gap:18px;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;margin-bottom:14px;flex-wrap:wrap}.admin-qr{flex-shrink:0}.admin-qr img{width:150px;height:150px;border-radius:12px;display:block;background:#fff;padding:6px}.qr-ph{width:150px;height:150px;border-radius:12px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:12px;color:#8aa0b4;text-align:center}.admin-join-info{flex:1;min-width:210px}.admin-join-info h2{color:#fff;font-size:20px;margin:0 0 6px}.admin-join-info p{color:#aebccb;font-size:13px;margin:0 0 8px}.admin-url{display:block;font-size:13px;color:#7fd0ff;background:#0000004d;padding:9px 11px;border-radius:10px;word-break:break-all;margin-bottom:8px}.admin-copy{cursor:pointer;padding:9px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fff;font-weight:700;font-size:13px}.admin-copy:hover{background:#fff3}.admin-note{font-size:11px!important;color:#7a8a99!important;margin-top:8px!important}.admin-config{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px 18px;margin-bottom:14px}.admin-config h3{margin:0 0 10px;font-size:14px;color:#cfe0ee}.seg{display:flex;gap:6px;background:#00000040;padding:5px;border-radius:12px}.seg button{flex:1;cursor:pointer;padding:10px;border-radius:9px;border:0;background:transparent;color:#aebccb;font-weight:800;font-size:13px;transition:.15s}.seg button.on{background:linear-gradient(135deg,#2e2a87,#4f47c9);color:#fff}.admin-report-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.admin-report h3{margin:0;font-size:15px;color:#cfe0ee}.admin-clear{cursor:pointer;font-size:12px;font-weight:700;color:#e8917a;background:#e8775a1f;border:1px solid rgba(232,119,90,.3);padding:6px 12px;border-radius:9px}.admin-empty{color:#8aa0b4;font-size:13px;text-align:center;padding:24px 0}.admin-list{display:flex;flex-direction:column;gap:8px}.admin-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.admin-card-head{width:100%;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;background:transparent;border:0;color:inherit;text-align:left}.ac-name{display:flex;align-items:center;gap:9px;min-width:0}.ac-name b{font-size:15px;color:#fff}.ac-badge{font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px;white-space:nowrap}.ac-badge.done{background:#5fd07f29;color:#7fe39a}.ac-badge.live{background:#e8c05a29;color:#f0cf6a}.ac-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#aebccb;flex-shrink:0}.ac-score{font-weight:800}.ac-score.good{color:#5fd07f}.ac-score.bad{color:#e8775a}.ac-caret{color:#8aa0b4}.admin-card-body{padding:0 15px 14px;border-top:1px solid rgba(255,255,255,.07)}.ac-stats{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ac-stat-row{display:flex;flex-direction:column;gap:1px;background:#00000038;padding:7px 10px;border-radius:9px;font-size:11px}.ac-stat-row b{font-size:12px}.ac-stat-row span{color:#aebccb}.ac-answers{display:flex;flex-direction:column;gap:6px}.ac-answer{display:flex;flex-direction:column;gap:2px;background:#0003;padding:8px 11px;border-radius:9px}.aa-tag{font-size:10px;font-weight:800;color:#4ea3e0;text-transform:uppercase;letter-spacing:.04em}.aa-issue{font-size:12px;color:#cfe0ee;font-weight:700}.aa-opt{font-size:12px;color:#9fb0c0;font-style:italic}@media (max-width:520px){.admin-qr img,.qr-ph{width:124px;height:124px}.admin-join{padding:14px;gap:14px}.admin-join-info h2{font-size:18px}}@media (max-width:760px){.brand span,.hud{display:none}.mobile-stats{display:block;margin-top:10px;padding:10px;border-radius:16px;background:#2e2a8712}.dialogue{bottom:8px;padding:13px;border-radius:20px}.dialogue-head em{white-space:normal;text-align:right}.choices button{font-size:14px;padding:11px 12px}.intro,.summary,.result{padding:22px}.stat{grid-template-columns:82px 1fr 28px;margin:6px 0}}@media (max-height:520px) and (orientation:landscape){.intro,.summary,.result{padding:18px}.dialogue{bottom:8px;width:min(680px,calc(100vw - 26px))}.hud{top:60px;width:230px}.employee-line{font-size:15px}.choices button{padding:9px 12px;font-size:13px}.primary{padding:12px}}.intro-detail{font-size:13px;opacity:.8;margin-top:8px}.scene2d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background:#dfe7ee}.scene2d-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.scene2d-char{position:absolute;left:50%;top:3vh;transform:translate(-50%);height:155vh;pointer-events:none}.scene2d-char-img{display:block;height:100%;width:auto;filter:drop-shadow(0 18px 34px rgba(11,47,73,.3))}.mouth-viz{position:absolute;transform:translate(-50%);height:auto;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}.scene2d--dim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#090f1a80,#090f1ab8)}.month-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background:linear-gradient(180deg,#7ec6e8,#bfe6f4 52%,#eaf6fb)}.month-sky-night{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#070b20,#141d44 58%,#2a3a63);opacity:0;animation:m-night 8s ease-in forwards}@keyframes m-night{0%,14%{opacity:0}to{opacity:1}}.month-stars{position:absolute;top:0;right:0;bottom:30%;left:0;opacity:0;animation:m-stars 8s ease-in forwards;background-image:radial-gradient(1.4px 1.4px at 12% 22%,#fff,transparent),radial-gradient(1.4px 1.4px at 28% 12%,#fff,transparent),radial-gradient(1.2px 1.2px at 44% 28%,#fff,transparent),radial-gradient(1.5px 1.5px at 62% 16%,#fff,transparent),radial-gradient(1.2px 1.2px at 78% 30%,#fff,transparent),radial-gradient(1.4px 1.4px at 88% 12%,#fff,transparent),radial-gradient(1.2px 1.2px at 36% 8%,#fff,transparent),radial-gradient(1.3px 1.3px at 70% 6%,#fff,transparent)}@keyframes m-stars{0%,46%{opacity:0}to{opacity:.92}}.month-sun{position:absolute;left:95%;bottom:3%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#fff4bd,#ffd24a);box-shadow:0 0 55px 12px #ffd25a80;animation:m-sun 8s linear forwards}@keyframes m-sun{0%{left:95%;bottom:2%;opacity:0}8%{opacity:1}20%{left:80%;bottom:42%}35%{left:64%;bottom:64%}50%{left:50%;bottom:73%}65%{left:36%;bottom:64%}80%{left:20%;bottom:42%}92%{left:6%;bottom:6%;opacity:1}to{left:3%;bottom:-7%;opacity:0}}.month-moon{position:absolute;left:92%;bottom:2%;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fdfdff,#cdd6ea);box-shadow:0 0 24px 6px #d2e0ff73;opacity:0;animation:m-moon 8s ease-in-out forwards}@keyframes m-moon{0%,45%{left:92%;bottom:2%;opacity:0}58%{opacity:.85}to{left:54%;bottom:64%;opacity:1}}.month-city{position:absolute;left:0;right:0;bottom:0;height:30%;display:flex;align-items:flex-end;gap:2px;padding:0 1.5%}.mbld{flex:1 1 auto;background:#0c1230;border-radius:4px 4px 0 0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000026}.mbld:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;animation:m-win 8s ease-in forwards;background-image:radial-gradient(circle,#ffd98a 32%,transparent 34%);background-size:13px 17px;background-position:6px 8px}@keyframes m-win{0%,42%{opacity:.06}to{opacity:.8}}.month-road{position:absolute;left:0;right:0;bottom:0;height:13%;z-index:2;overflow:hidden;background:linear-gradient(180deg,#313643,#23262f)}.road-dash{position:absolute;left:0;right:0;top:48%;height:3px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,#e9c54a 0 26px,transparent 26px 54px);opacity:.65}.mcar{position:absolute;width:46px;height:19px;border-radius:8px 9px 5px 5px;box-shadow:0 3px 0 -1px #00000059}.mcar:before{content:"";position:absolute;left:22%;right:26%;top:-7px;height:9px;border-radius:6px 6px 1px 1px;background:inherit;filter:brightness(.82)}.mcar:after{content:"";position:absolute;left:14%;right:14%;bottom:-4px;height:5px;border-radius:0 0 4px 4px;background:#15171c}.mcar-q1{bottom:9%;background:#d7574b;animation:carq1 8s ease-in-out forwards}.mcar-q2{bottom:9%;background:#4d7fd0;animation:carq2 8s ease-in-out forwards}.mcar-q3{bottom:9%;background:#e7e3da;animation:carq3 8s ease-in-out forwards}@keyframes carq1{0%{left:-16%}24%{left:50%}57%{left:50%}84%{left:118%}to{left:118%}}@keyframes carq2{0%{left:-44%}24%{left:37%}57%{left:37%}84%{left:118%}to{left:118%}}@keyframes carq3{0%{left:-72%}24%{left:24%}57%{left:24%}84%{left:118%}to{left:118%}}.mcar-opp{bottom:54%;background:#e6b54e;transform:scaleX(-1);animation:caropp 8s linear forwards}@keyframes caropp{0%{left:118%}to{left:-18%}}.traffic-light{position:absolute;left:62%;bottom:9%;width:11px;height:25px;background:#15181f;border-radius:3px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.traffic-light:after{content:"";position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:3px;height:9px;background:#15181f}.tl{width:6px;height:6px;border-radius:50%}.tl-r{background:#5a1414;animation:tlR 8s linear forwards}.tl-g{background:#16361a;animation:tlG 8s linear forwards}@keyframes tlR{0%,26%{background:#5a1414}30%,55%{background:#ff4136;box-shadow:0 0 6px #ff4136}58%,to{background:#5a1414;box-shadow:none}}@keyframes tlG{0%,27%{background:#3ad05a;box-shadow:0 0 6px #3ad05a}31%,56%{background:#16361a;box-shadow:none}59%,to{background:#3ad05a;box-shadow:0 0 6px #3ad05a}}@media (orientation:portrait){.scene2d-char{top:6vh;height:104vh}}.office-map{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#f3f7fb,#dde8f1 60%,#cdddea)}.office-map-decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.office-map-decor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(46,42,135,.1) 1.4px,transparent 1.4px);background-size:26px 26px;opacity:.5;-webkit-mask-image:radial-gradient(120% 80% at 50% 40%,#000,transparent 75%);mask-image:radial-gradient(120% 80% at 50% 40%,#000,transparent 75%)}.deco-orb{position:absolute;width:42vmin;height:42vmin;border-radius:50%;filter:blur(64px);opacity:.42;animation:orb-drift 16s ease-in-out infinite}.deco-orb.o1{top:-10vmin;left:-8vmin;background:#d27a9a;animation-delay:0s}.deco-orb.o2{top:-12vmin;right:-9vmin;background:#7aa8d2;animation-delay:-4s}.deco-orb.o3{bottom:-12vmin;left:-7vmin;background:#7ac28a;animation-delay:-8s}.deco-orb.o4{bottom:-11vmin;right:-8vmin;background:#d8a661;animation-delay:-12s}@keyframes orb-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(2.5vmin,2.5vmin) scale(1.12)}}.office-map-head{position:relative;z-index:1;flex-shrink:0;text-align:center;padding:12px 16px 2px}.office-map-head .eyebrow{display:block;margin-bottom:3px}.office-map-head h2{font-size:clamp(22px,4vw,32px);margin:0 0 2px}.office-map-head p{margin:0;font-size:13px;color:#5a6b7d;font-weight:600}.office-map-stage{position:relative;z-index:1;flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:2px 10px 12px}.office-map-frame{position:relative;line-height:0}.office-map-img{display:block;width:min(96vw,1240px,104vh);height:auto;aspect-ratio:424.94/349.52;filter:drop-shadow(0 24px 60px rgba(11,47,73,.22))}.map-pin{position:absolute;transform:translate(-50%,-50%);width:0;height:0;padding:0;border:0;background:none;cursor:pointer}.pin-dot{position:absolute;left:-10px;top:-10px;width:20px;height:20px;border-radius:50%;background:var(--accent,#2e2a87);box-shadow:0 0 0 4px #ffffffbf,0 6px 16px #0006;animation:pin-pulse 1.9s ease-out infinite}@keyframes pin-pulse{0%{box-shadow:0 0 0 4px #ffffffbf,0 0 0 0 var(--accent,#2e2a87)}70%{box-shadow:0 0 0 4px #ffffffbf,0 0 0 14px #2e2a8700}to{box-shadow:0 0 0 4px #ffffffbf,0 0 #2e2a8700}}.pin-cardwrap{position:absolute;left:0}.place-bottom .pin-cardwrap{top:18px}.place-top .pin-cardwrap{bottom:18px}.align-center .pin-cardwrap{transform:translate(-50%)}.align-left .pin-cardwrap{transform:translate(-100%);margin-left:-8px}.align-right .pin-cardwrap{margin-left:8px}.pin-card{display:flex;align-items:center;gap:9px;padding:8px 12px 8px 9px;border-radius:14px;background:#fffffff5;border:1px solid rgba(46,42,135,.16);box-shadow:0 12px 32px #08162438;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;transition:border-color .16s,box-shadow .16s;animation:pin-float 3.2s ease-in-out infinite}@keyframes pin-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.map-pin:not(:disabled):hover{z-index:3}.map-pin:not(:disabled):hover .pin-card{border-color:var(--accent,#2e2a87);box-shadow:0 18px 44px #08162452}.map-pin:not(:disabled):hover .pin-dot{transform:scale(1.15)}.pin-portrait{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;font-weight:900;overflow:hidden;box-shadow:0 2px 8px #0003}.pin-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.pin-meta{display:flex;flex-direction:column;gap:0;line-height:1.18;text-align:left}.pin-meta b{font-size:14px;color:#101d2b}.pin-meta>span{font-size:10.5px;color:#5a6b7d}.pin-meta em{font-style:normal;margin-top:2px;font-size:9.5px;font-weight:800;color:#3a8a50}.map-pin.done{cursor:default}.map-pin.done .pin-dot{background:#9aa9b6;animation:none}.map-pin.done .pin-card{opacity:.62;filter:grayscale(.4);animation:none}@media (max-width:760px){.office-map-head{padding:10px 14px 2px}.office-map-head h2{font-size:20px}.office-map-head p{font-size:11px}.office-map-img{max-height:66vh}.pin-card{padding:5px 9px 5px 6px;gap:6px}.pin-portrait{width:30px;height:30px;font-size:14px}.pin-meta b{font-size:12px}.pin-meta>span{display:none}}@media (max-height:640px) and (orientation:landscape){.office-map-head{padding:8px 14px 0}.office-map-head h2{font-size:18px}.office-map-img{max-height:80vh}.pin-card{padding:5px 9px 5px 6px;gap:6px}.pin-portrait{width:28px;height:28px}.pin-meta b{font-size:11.5px}.pin-meta>span{display:none}}.intro-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% 0%,#f3f7fb,#dde8f1 60%,#cdddea)}.intro-bg-img{width:min(88vw,760px);height:auto;aspect-ratio:424.94/349.52;opacity:.97;filter:drop-shadow(0 24px 60px rgba(11,47,73,.2))}@media (orientation:landscape){.intro-bg{justify-content:flex-start;padding-left:2vw}.intro-bg-img{width:min(62vw,900px,96vh)}}@media (max-height:560px) and (orientation:landscape){.intro-bg-img{width:min(58vw,640px,94vh)}}.intro-hero{width:min(640px,calc(100vw - 28px));text-align:center}.intro-hero .panel-scroll{text-align:center}.intro-logo{display:block;width:clamp(120px,18vw,164px);height:auto;margin:0 auto 12px}.intro-hero h1{font-size:clamp(26px,5vw,40px)}.intro-hero .intro-lead{font-size:14px;opacity:.92;max-width:520px;margin:0 auto}.intro-cast{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0 6px}.cast-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border-radius:14px;background:#2e2a870f;border:1px solid rgba(46,42,135,.12)}.cast-portrait{width:64px;height:64px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:22px;box-shadow:0 3px 10px #0000002e}.cast-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cast-chip b{font-size:12.5px;color:#101d2b;line-height:1.15}.cast-role{font-size:9.5px;color:#5a6b7d;line-height:1.2}@media (orientation:landscape){.intro-hero{left:auto;right:3vw;top:50%;bottom:auto;transform:translateY(-50%);width:min(400px,42vw);padding:20px 22px}}@media (max-height:560px) and (orientation:landscape){.intro-hero{width:min(440px,46vw);padding:14px 18px}}@media (max-height:560px){.intro-hero .intro-logo{width:clamp(96px,12vw,120px);margin-bottom:6px}.intro-cast{gap:6px;margin:8px 0 4px}.cast-chip{padding:6px 4px}.cast-portrait{width:52px;height:52px;font-size:18px}.cast-chip b{font-size:11px}.cast-role{font-size:9px}.intro-hero .intro-lead{font-size:12px}}.exit-hint{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:60;background:#101726eb;color:#fff;font-size:14px;font-weight:700;padding:10px 18px;border-radius:999px;box-shadow:0 6px 20px #0000004d;pointer-events:none;animation:exit-hint-in .2s ease}@keyframes exit-hint-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.game-title{position:absolute;top:16px;left:18px;z-index:9;display:flex;align-items:center;gap:12px;pointer-events:none}.game-title img{width:clamp(108px,13vw,148px);height:auto;filter:drop-shadow(0 6px 16px rgba(11,47,73,.16))}.game-title span{font-weight:800;color:#2e2a87;font-size:clamp(13px,1.6vw,17px);letter-spacing:.02em;border-left:2px solid rgba(46,42,135,.25);padding-left:12px}@media (max-width:760px){.game-title{top:10px;left:12px;gap:8px}.game-title img{width:86px}.game-title span{font-size:12px;padding-left:8px}}@media (max-height:430px) and (orientation:landscape){.game-title span{display:none}}.admin{background:#0f1722}.admin-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;filter:blur(34px) saturate(1.15) brightness(.92);transform:scale(1.12);transform-origin:center}.admin-bg canvas,.admin-bg-img{width:100%!important;height:100%!important;object-fit:cover;display:block}.admin-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#090f1abd,#090f1adb)}.admin-top,.admin-join,.admin-config,.admin-report{position:relative;z-index:1}.admin-join,.admin-config,.admin-card{background:#0e16228c!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ac-stats{display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px}.ac-stat-row{align-items:flex-start;cursor:pointer;border:1px solid rgba(255,255,255,.08);text-align:left;font:inherit;color:#aebccb;transition:.15s}.ac-stat-row span{font-size:10px;white-space:nowrap}@media (max-width:520px){.ac-stats{grid-template-columns:repeat(2,1fr)}}.ac-stat-row:hover{background:#ffffff14;border-color:#fff3}.ac-stat-row.sel{background:linear-gradient(135deg,#2e2a8780,#3a92cf66);border-color:#4ea3e0;box-shadow:0 4px 14px #2e2a8766}.ac-stat-row.sel span{color:#dfeefb}@media (max-height:560px){.intro,.result{padding:14px 20px;max-height:94dvh}.intro h1{font-size:22px;margin-bottom:6px;line-height:1.12}.intro .eyebrow{margin-bottom:4px;font-size:11px}.intro-lead{font-size:12.5px;line-height:1.4;margin:0}.intro-detail{display:none}.name-entry{margin-top:8px}.name-entry label{margin-bottom:3px}.name-entry input{padding:9px 12px}.intro .primary,.result .primary{margin-top:9px;padding:11px}.result h2{font-size:19px;margin-bottom:8px}.result-summary{font-size:12px;margin:0 0 8px}.result-grid.four{gap:6px}.result-card{padding:9px}.result-card b{font-size:13px}.result-card .mini-stats{margin-bottom:4px}}@media (max-height:480px){.dialogue{max-height:74vh;overflow-y:auto;padding:11px 13px}.dialogue .manager-prompt{display:none}.dialogue-head,.employee-line{margin-bottom:6px}.choices{gap:7px}.choices button{padding:8px 11px;font-size:13px}}@media (max-height:560px){.month-overlay{justify-content:flex-start;overflow-y:auto;overflow-x:hidden;padding:14px 0 18px;pointer-events:auto}.month-overlay h1{font-size:clamp(26px,6vw,40px);margin-bottom:4px}.month-sub{font-size:12px!important;margin:0 18px}.month-cards{margin-top:12px;gap:6px;width:min(540px,calc(100vw - 24px))}.month-card{padding:8px 12px;gap:9px}.month-card .mc-name{font-size:13px;min-width:54px}.month-card .mc-text{font-size:11.5px;line-height:1.3}.month-card .mc-arrow{font-size:17px}.month-skip{margin-top:12px;padding:9px 20px;font-size:13px}.char-select{padding:11px;width:min(246px,48vw)}.char-select-header{margin-bottom:6px}.char-select-header h3{font-size:13px}.char-card{padding:7px 9px;gap:8px}.char-portrait{width:32px;height:32px;font-size:15px}}@media (max-height:480px){.month-overlay h1{font-size:24px}.month-card .mc-text{font-size:11px}.dialogue .mobile-stats{display:none}}@media (max-width:760px),(max-height:640px) and (orientation:landscape){.hud{display:block!important;top:8px;right:8px;width:clamp(134px,42vw,176px);padding:8px 10px;border-radius:13px;background:#ffffffe6}.hud strong{font-size:10.5px;margin-bottom:5px}.hud .stat{grid-template-columns:54px 1fr 22px;gap:6px;margin:5px 0;font-size:9.5px;white-space:nowrap}.hud .stat>div{height:5px}.mobile-stats{display:none!important}}.admin-login{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:20px}.admin-login-card{width:min(360px,calc(100vw - 32px));background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 70px #0006}.admin-login-card h2{margin:0;color:#fff;font-size:20px}.admin-login-card p{margin:0;color:#aebccb;font-size:13px}.admin-login-card input{width:100%;padding:12px 14px;border-radius:11px;border:1px solid rgba(255,255,255,.18);background:#0000004d;color:#fff;font-size:15px;outline:none}.admin-login-card input:focus{border-color:#4ea3e0}.admin-login-err{color:#e8917a;font-size:12px;font-weight:700}.admin-login-card button{cursor:pointer;margin-top:4px;padding:12px;border-radius:11px;border:0;background:linear-gradient(135deg,#2e2a87,#4f47c9);color:#fff;font-weight:800;font-size:15px}.admin-login-card button:hover{filter:brightness(1.08)}.meeting-start{position:absolute;z-index:11;left:50%;bottom:36vh;display:flex;flex-direction:column;align-items:center;gap:10px}.meeting-start-hint{font-size:13px;font-weight:700;color:#fff;background:#0f17228c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18)}.meeting-start .primary{padding:15px 34px;font-size:16px;border-radius:14px;box-shadow:0 14px 34px #2e2a8766}@media (max-width:760px){.meeting-start{bottom:30vh;gap:8px}.meeting-start .primary{padding:13px 28px;font-size:15px}.meeting-start-hint{font-size:12px}}