*{margin:0;padding:0;box-sizing:border-box}:root{--red: #DA291C;--red-dark: #a11d14;--gold: #FFD700;--bg: #0f0f1a;--bg-panel: #161625;--bg-dark: #0a0a14;--border: #2a2a3e;--text: #e0e0e0;--text-dim: #888;--text-muted: #555;--bar-content: #e74c3c;--bar-clout: #9b59b6;--bar-morale: #2ecc71;--bar-revenue: #f39c12;--font-pixel: "Press Start 2P", monospace}body{background:var(--bg);color:var(--text);font-family:var(--font-pixel);font-size:10px;overflow:hidden;height:100vh;-webkit-user-select:none;user-select:none}#app{display:flex;flex-direction:column;height:100vh}#top-bar{display:flex;align-items:center;height:40px;background:linear-gradient(180deg,#1e1e30,#14142a);border-bottom:2px solid var(--red);padding:0 8px;gap:8px;flex-shrink:0;z-index:10}#menu-buttons{display:flex;gap:2px}.menu-btn{background:var(--bg-panel);color:var(--text-dim);border:1px solid var(--border);padding:5px 12px;font-family:var(--font-pixel);font-size:8px;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.5px}.menu-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}#ticker-wrap{flex:1;overflow:hidden;height:20px;line-height:20px;margin:0 8px}#ticker{white-space:nowrap;color:var(--gold);font-size:8px;animation:scroll-ticker 25s linear infinite}@keyframes scroll-ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}#top-right{display:flex;gap:6px;align-items:center;flex-shrink:0}#week-badge{background:var(--red);color:#fff;padding:3px 6px;font-size:7px}#day-badge{background:#333;color:#fff;padding:3px 6px;font-size:8px;font-weight:700}#period-badge{background:#2a2a4a;color:var(--gold);padding:3px 6px;font-size:7px}#time-display{color:var(--text-dim);font-size:9px}#points-display{color:var(--gold);font-size:10px;font-weight:700}#main{display:flex;flex:1;overflow:hidden}#room-viewport{flex:1;position:relative;background:var(--bg-dark);overflow:hidden;display:flex;flex-direction:column}#room-tabs{display:flex;gap:1px;background:#111;padding:4px 4px 0;flex-shrink:0;z-index:5}.room-tab{background:#1a1a2e;color:var(--text-muted);border:1px solid var(--border);border-bottom:none;padding:6px 14px;font-family:var(--font-pixel);font-size:7px;cursor:pointer;transition:all .15s;border-radius:4px 4px 0 0}.room-tab:hover{color:var(--text);background:#222240}.tab-key{display:inline-block;background:#ffffff1a;padding:1px 3px;border-radius:2px;font-size:6px;margin-right:3px;opacity:.6}.room-tab.active .tab-key{opacity:1;background:#ffd70033}.tab-count{font-size:6px;opacity:.6}.room-tab.active .tab-count{opacity:.9}.room-tab.active{background:var(--bg-dark);color:var(--gold);border-color:var(--gold);border-bottom-color:var(--bg-dark);position:relative;z-index:1}#iso-world{flex:1;position:relative;overflow:hidden;cursor:grab}#iso-world:active{cursor:grabbing}#room-layer,#object-layer,#character-layer,#fx-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#character-layer{pointer-events:auto}.iso-tile{position:absolute;width:64px;height:32px;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.iso-wall{position:absolute;width:64px}.iso-wall-face{position:absolute;bottom:0}.room-floor{position:absolute;transform-origin:top left}.iso-object{position:absolute;pointer-events:none;image-rendering:pixelated}.char-sprite{position:absolute;cursor:pointer;transition:left .8s linear,top .8s linear;z-index:10;pointer-events:auto}.char-sprite:hover{filter:brightness(1.2)}.char-sprite:hover .char-tooltip{display:block}.char-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:#0a0a14f2;border:1px solid var(--border);border-radius:4px;padding:6px 8px;white-space:nowrap;font-size:6px;color:var(--text);pointer-events:none;z-index:200;min-width:100px}.char-tooltip .tt-name{color:var(--gold);font-size:7px;margin-bottom:2px}.char-tooltip .tt-stat{color:var(--text-dim)}.char-sprite.selected .char-select-ring{display:block}.char-sprite .char-select-ring{display:none;position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:28px;height:10px;border-radius:50%;border:2px solid var(--gold);pointer-events:none}.char-body{position:relative;width:24px;height:36px;image-rendering:pixelated}.char-name-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:6px;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;pointer-events:none}.char-sprite.selected .char-name-tag{color:var(--gold)}.char-shadow{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:20px;height:6px;background:#00000059;border-radius:50%;pointer-events:none}.char-mood-icon{position:absolute;top:-20px;right:-6px;font-size:10px;pointer-events:none;animation:mood-bob 1.5s ease-in-out infinite}@keyframes mood-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.char-sprite.idle .char-body{animation:char-idle 2s ease-in-out infinite}@keyframes char-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.char-sprite.working .char-body{animation:char-work .8s ease-in-out infinite}@keyframes char-work{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-1px) rotate(-1deg)}75%{transform:translateY(-1px) rotate(1deg)}}.char-sprite.walking{transition:left 1.2s linear,top 1.2s linear}.char-sprite.walking .char-body{animation:char-walk .35s steps(2) infinite}@keyframes char-walk{0%{transform:translateY(0)}50%{transform:translateY(-3px)}}.char-sprite.entering{animation:char-enter .5s ease-out}@keyframes char-enter{0%{opacity:0;transform:scale(.5) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.fx-heart{position:absolute;font-size:12px;pointer-events:none;animation:heart-float 1s ease-out forwards}@keyframes heart-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.char-bubble{position:absolute;top:-36px;left:50%;transform:translate(-50%);background:#fff;color:#333;font-size:6px;font-family:var(--font-pixel);padding:3px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s;z-index:100}.char-bubble.visible{opacity:1}.char-bubble:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff}#speed-controls{position:absolute;bottom:12px;left:12px;display:flex;gap:2px;z-index:5}.speed-btn{background:#141428d9;color:var(--text-dim);border:1px solid var(--border);width:32px;height:28px;font-family:var(--font-pixel);font-size:9px;cursor:pointer;transition:all .15s}.speed-btn:hover{background:#333}.speed-btn.active{background:var(--red);color:#fff;border-color:var(--red)}#sidebar{width:220px;background:var(--bg-panel);border-left:2px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}#office-header{text-align:center;padding:12px 8px 8px;border-bottom:1px solid var(--border)}#logo-area{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}#logo-icon{font-size:24px}#office-title{font-size:11px;color:var(--red);font-weight:700;line-height:1.4;text-align:left}#week-info,#day-info{font-size:7px;color:var(--text-dim);margin-top:2px}#stat-section{padding:10px 8px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;align-items:center;gap:6px}.stat-label{display:flex;align-items:center;gap:4px;width:80px;font-size:6px;color:var(--text-dim)}.stat-icon{font-size:10px}.stat-track{flex:1;height:10px;background:#1a1a2e;border:1px solid var(--border);border-radius:2px;overflow:hidden}.stat-fill{height:100%;transition:width .8s ease;border-radius:1px}[data-stat=content] .stat-fill{background:linear-gradient(90deg,var(--bar-content),#ff6b5e)}[data-stat=clout] .stat-fill{background:linear-gradient(90deg,var(--bar-clout),#c47ce6)}[data-stat=morale] .stat-fill{background:linear-gradient(90deg,var(--bar-morale),#5fdb8e)}[data-stat=revenue] .stat-fill{background:linear-gradient(90deg,var(--bar-revenue),#ffd05e)}.stat-trend{font-size:7px;width:10px;text-align:center}.stat-val{font-size:7px;color:var(--text);width:20px;text-align:right}#char-panel{padding:10px 8px;border-bottom:1px solid var(--border);text-align:center}#char-panel.hidden{display:none}#char-portrait{width:64px;height:64px;margin:0 auto 6px;background:var(--bg-dark);border:2px solid var(--border);border-radius:4px;image-rendering:pixelated;overflow:hidden}#char-name{font-size:9px;color:#fff;margin-bottom:2px}#char-status{font-size:7px;color:var(--text-dim);margin-bottom:2px}#char-mood{font-size:8px;margin-bottom:6px}#char-actions{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}.action-btn{background:var(--bg-dark);color:var(--text-dim);border:1px solid var(--border);padding:4px 8px;font-family:var(--font-pixel);font-size:6px;cursor:pointer;transition:all .15s}.action-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}#char-list{flex:1;overflow-y:auto;padding:0}.list-header{font-size:7px;color:var(--text-dim);padding:6px 8px;background:var(--bg-dark);border-bottom:1px solid var(--border);letter-spacing:1px}.roster-entry{display:flex;align-items:center;gap:6px;padding:5px 8px;border-bottom:1px solid #1a1a28;cursor:pointer;transition:background .15s}.roster-entry:hover{background:#1e1e34}.roster-entry.selected{background:#2a2a44;border-left:2px solid var(--gold)}.roster-avatar{width:20px;height:20px;border-radius:50%;flex-shrink:0}.roster-info{flex:1;min-width:0}.roster-name{font-size:7px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-room{font-size:6px;color:var(--text-muted)}.roster-mood{font-size:8px;flex-shrink:0}.roster-energy{width:16px;height:4px;background:#1a1a2e;border-radius:2px;overflow:hidden;flex-shrink:0}.roster-energy-fill{height:100%;background:#3498db;transition:width .5s}#event-log{border-top:1px solid var(--border);max-height:150px;overflow-y:auto}#event-log.collapsed #log-entries{display:none}.log-entry{font-size:6px;color:var(--text-muted);padding:3px 8px;border-bottom:1px solid #0f0f1a;line-height:1.4}.log-entry .log-time{color:var(--text-dim);margin-right:4px}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e0;z-index:100;display:flex;align-items:center;justify-content:center}#overlay.hidden{display:none}.overlay-panel{background:var(--bg-panel);border:2px solid var(--red);padding:24px;max-width:750px;width:92%;max-height:85vh;overflow-y:auto;border-radius:4px;box-shadow:0 0 40px #da291c33}.overlay-panel h2{color:var(--red);font-size:13px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.overlay-panel h3{color:var(--gold);font-size:10px;margin:12px 0 6px}.overlay-panel p,.overlay-panel li{font-size:8px;color:#ccc;line-height:1.8}.ov-btn{background:var(--red);color:#fff;border:none;padding:7px 14px;font-family:var(--font-pixel);font-size:8px;cursor:pointer;margin:4px 3px;transition:all .15s;border-radius:2px}.ov-btn:hover{background:#f33}.ov-btn:disabled{opacity:.4;cursor:not-allowed}.ov-btn.secondary{background:#333;color:var(--text-dim)}.ov-btn.secondary:hover{background:#555}.detail-grid{display:grid;grid-template-columns:180px 1fr;gap:20px}.detail-left{text-align:center}.detail-portrait-large{width:120px;height:120px;margin:0 auto 8px;background:var(--bg-dark);border:2px solid var(--border);border-radius:4px;image-rendering:pixelated}.report-card{width:100%;border-collapse:collapse;margin:8px 0}.report-card td,.report-card th{border:1px solid var(--border);padding:5px 8px;font-size:8px;text-align:left}.report-card th{background:var(--bg-dark);color:var(--red);font-size:7px}.grade{color:var(--gold);font-weight:700;font-size:10px}.grade-a{color:#2ecc71}.grade-b{color:#3498db}.grade-c{color:var(--gold)}.grade-d{color:#e67e22}.grade-f{color:#e74c3c}.event-card{background:var(--bg-dark);border:1px solid var(--border);padding:10px;margin:6px 0;display:flex;justify-content:space-between;align-items:center;border-radius:3px;transition:border-color .15s}.event-card:hover{border-color:var(--gold)}.event-name{font-size:9px;color:#fff}.event-desc{font-size:7px;color:var(--text-dim);margin-top:2px}.event-cost{color:var(--gold);font-size:9px;margin-right:8px}.talent-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid #1a1a28;cursor:pointer;transition:background .15s}.talent-row:hover{background:#1e1e34}.journal-entry{background:var(--bg-dark);padding:10px;margin:4px 0;border-left:3px solid var(--red);border-radius:0 3px 3px 0}.journal-entry .j-date{font-size:6px;color:var(--text-muted)}.journal-entry .j-text{font-size:8px;color:#ccc;margin-top:3px;line-height:1.6}.ov-select{background:var(--bg-dark);color:var(--text);border:1px solid var(--border);font-family:var(--font-pixel);font-size:8px;padding:5px;width:100%;border-radius:2px}.mini-bar{display:flex;align-items:center;gap:6px;margin:4px 0}.mini-bar label{font-size:7px;color:var(--text-dim);width:70px}.mini-bar-track{flex:1;height:8px;background:#1a1a2e;border:1px solid var(--border);border-radius:2px;overflow:hidden}.mini-bar-fill{height:100%;transition:width .5s}.equip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0}.equip-slot{background:var(--bg-dark);border:1px solid var(--border);padding:6px;text-align:center;border-radius:3px}.equip-slot .equip-icon{font-size:16px}.equip-slot .equip-name{font-size:6px;color:var(--text-dim);margin-top:2px}.equip-slot .equip-level{font-size:7px;color:var(--gold)}#toast-container{position:fixed;top:48px;right:12px;z-index:200;display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{background:#141428f2;border:1px solid var(--gold);color:var(--text);font-family:var(--font-pixel);font-size:7px;padding:8px 12px;border-radius:4px;animation:toast-in .3s ease,toast-out .3s ease 3.7s forwards;max-width:260px}.toast.toast-good{border-color:var(--bar-morale)}.toast.toast-bad{border-color:var(--bar-content)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}#iso-world:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(218,41,28,.03) 0%,transparent 70%);pointer-events:none;z-index:0}.fx-sparkle{position:absolute;width:4px;height:4px;background:var(--gold);border-radius:50%;pointer-events:none;animation:sparkle .6s ease-out forwards}@keyframes sparkle{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0) translateY(-20px)}}#intro-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0a0a1a,#1a1030,#0a0a1a);z-index:500;display:flex;align-items:center;justify-content:center;text-align:center}#intro-screen.hidden{display:none}#intro-content{max-width:500px;padding:40px}#intro-logo{font-size:64px;margin-bottom:16px;animation:intro-pulse 2s ease-in-out infinite}@keyframes intro-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}#intro-title{font-family:var(--font-pixel);font-size:28px;color:var(--red);margin-bottom:4px;text-shadow:2px 2px 0 #000,0 0 20px rgba(218,41,28,.4)}#intro-subtitle{font-family:var(--font-pixel);font-size:16px;color:var(--gold);margin-bottom:20px;letter-spacing:8px}#intro-tagline{font-family:var(--font-pixel);font-size:8px;color:var(--text-dim);margin-bottom:24px}#intro-desc{font-size:9px;color:#bbb;line-height:2;margin-bottom:8px}#intro-desc strong{color:var(--gold)}#intro-characters{display:flex;justify-content:center;gap:4px;margin:16px 0;flex-wrap:wrap}.intro-char{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.1);animation:intro-char-pop .5s ease-out both}@keyframes intro-char-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.stat-flash{animation:stat-pulse .5s ease}@keyframes stat-pulse{0%{background:#ffd70033}to{background:transparent}}.stat-flash-bad{animation:stat-pulse-bad .5s ease}@keyframes stat-pulse-bad{0%{background:#e74c3c33}to{background:transparent}}@media(max-width:768px){#sidebar{width:180px}.menu-btn{padding:4px 6px;font-size:7px}#top-right{gap:3px}#week-badge,#day-badge,#period-badge{font-size:6px;padding:2px 4px}#time-display{font-size:7px}#points-display{font-size:8px}.stat-label{width:60px;font-size:5px}.stat-icon{font-size:8px}.room-tab{padding:4px 8px;font-size:6px}}@media(max-width:600px){#sidebar{width:0;display:none}#top-bar{flex-wrap:wrap;height:auto;padding:4px}#menu-buttons{order:1}#ticker-wrap{order:3;width:100%}#top-right{order:2}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.schedule-grid{display:grid;grid-template-columns:80px repeat(5,1fr);gap:1px;background:var(--border);margin:8px 0}.schedule-cell{background:var(--bg-dark);padding:4px 6px;font-size:6px;color:var(--text-dim);text-align:center}.schedule-cell.header{background:var(--bg-panel);color:var(--red);font-size:7px}.schedule-cell.current{background:#2a2a44;border:1px solid var(--gold);color:var(--gold)}.rel-tag{display:inline-block;padding:2px 5px;font-size:6px;border-radius:2px;margin:1px}.rel-friend{background:#1a4a2a;color:#5fdb8e}.rel-bestfriend{background:#1a2a5a;color:#5e9fff}.rel-rival{background:#4a1a1a;color:#ff5e5e}.rel-crush{background:#4a1a3a;color:#ff5eb3}