:root{--gold: #d4a017;--gold-light: #f0d060;--dark: #1a1a2e;--darker: #0f0f1a;--red: #c0392b;--red-light: #e74c3c;--blue-frame: #4a6fb0;--blue-dark: #0b1634;--blue-mid: #1c2c5a}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}button{cursor:pointer;-webkit-appearance:none;appearance:none;background:none;border:none;color:inherit;font:inherit}html,body{height:100%;height:-webkit-fill-available}body{background:var(--darker);color:#fff;font-family:"Press Start 2P",monospace;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#root{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center}button,[role=button],.menu-item,.sel-card,.create-thumb{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.scanlines{position:relative}.scanlines:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0px,rgba(0,0,0,.04) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:9999}.pixel-border{box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 4px var(--darker),inset 0 0 0 6px var(--gold)}.title-screen{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1a3e,#0a0a1a 70%);position:relative;overflow:hidden;padding:0 16px}.title-octagon{position:absolute;width:min(300px,70vw);height:min(300px,70vw);opacity:.06;border:4px solid #d4a017;transform:rotate(22.5deg);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);pointer-events:none}.title-presents{font-size:clamp(7px,2.5vw,12px);color:#888;letter-spacing:clamp(2px,1vw,6px);margin-bottom:16px}.title-mma{font-size:clamp(32px,10vw,48px);color:#d4a017;text-shadow:0 0 30px rgba(212,160,23,.4),0 4px 0 #8b6914;line-height:1.1;letter-spacing:4px}.title-manager{font-size:clamp(16px,5vw,24px);color:#f0d060;letter-spacing:clamp(4px,2vw,10px);text-shadow:0 0 20px rgba(240,208,96,.3)}.title-subtitle{font-size:clamp(6px,2vw,9px);color:#555;margin-top:8px;letter-spacing:clamp(2px,1vw,4px)}.title-divider{width:min(200px,60vw);height:2px;margin:20px 0;background:linear-gradient(90deg,transparent,#d4a017,transparent)}.title-menu{display:flex;flex-direction:column;gap:4px;width:min(280px,85vw)}.menu-item{transition:all .15s;cursor:pointer;padding:14px 24px;text-align:center;font-size:clamp(11px,2.5vw,14px);letter-spacing:2px;color:#888;min-height:48px;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:4px}.menu-item:hover,.menu-item.selected{background:#d4a01726;color:var(--gold-light);text-shadow:0 0 10px rgba(212,160,23,.5);border-color:#d4a01733}.menu-item:active{background:#d4a01740;transform:scale(.97)}.menu-item.selected:before{content:"▶ ";color:var(--gold)}.title-bottom-prompt{position:absolute;bottom:max(36px,calc(env(safe-area-inset-bottom) + 36px));font-size:clamp(7px,2vw,9px);color:#555;letter-spacing:3px;pointer-events:none}.title-version{position:absolute;bottom:max(12px,calc(env(safe-area-inset-bottom) + 12px));right:16px;font-size:7px;color:#333}@media(max-width:480px){.title-divider{margin:14px 0}.title-screen{padding:0 12px}}.sel-screen{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#162450,#080e20 80%);padding:0;overflow:hidden}.sel-title{flex-shrink:0;margin:0;padding:20px 0 16px;font-size:clamp(13px,3vw,20px);color:var(--gold-light);letter-spacing:clamp(2px,1vw,5px);text-shadow:0 3px 0 #000,0 0 24px rgba(240,208,96,.4);text-align:center}.sel-row-desktop{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:center;gap:14px;padding:0 24px 16px;width:100%;max-width:1100px}.sel-card{flex:1 1 0;max-width:180px;min-width:0;display:flex;flex-direction:column;cursor:pointer;transition:transform .15s,filter .15s,border-color .2s,box-shadow .2s;border:4px solid #3a5a90;background:var(--blue-dark);box-shadow:inset 0 0 0 2px #162450,0 4px #060c1a;padding:0}.sel-card:hover{transform:translateY(-3px)}.sel-card:active{transform:scale(.97)}.sel-card.active{border-color:#7aa0e8;box-shadow:inset 0 0 0 2px #2a4a80,0 4px #060c1a,0 0 28px #6496ff59}.sel-card:not(.active):not(:hover){filter:brightness(.75)}.sel-portrait{aspect-ratio:3 / 4;width:100%;position:relative;overflow:hidden;border:3px solid #4a6fb0;box-shadow:inset 0 0 0 2px #0b1b3a;display:flex;align-items:center;justify-content:center}.sel-portrait-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;image-rendering:auto}.sel-portrait-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d}.sel-portrait-silhouette{font-size:48px;color:#ffffff1a}.sel-create-plus{font-size:36px;color:#fff3;line-height:1}.sel-create-label{font-size:7px;color:#ffffff40;letter-spacing:1px;margin-top:6px}.sel-name-plate{flex-shrink:0;padding:10px 6px;text-align:center;background:var(--blue-dark)}.sel-char-name{font-size:clamp(7px,1.6vw,12px);color:#d8e4f8;letter-spacing:1px;text-shadow:0 2px 0 #000;line-height:1.4;word-break:break-word}.sel-mobile-carousel,.sel-dots,.sel-arrow{display:none}.sel-actions{flex-shrink:0;display:flex;gap:16px;padding:12px 20px 16px;padding-bottom:max(16px,calc(env(safe-area-inset-bottom) + 10px))}.sel-btn{background:var(--blue-dark);color:#c8d8f0;border:3px solid #3a5a90;font-family:inherit;font-size:11px;padding:10px 24px;letter-spacing:2px;cursor:pointer;transition:all .15s;min-height:44px;display:flex;align-items:center;justify-content:center}.sel-btn:hover:not(:disabled){box-shadow:0 0 14px #6496ff66;color:#fff}.sel-btn:active:not(:disabled){transform:scale(.96);background:#162450;border-color:#57b}.sel-btn:disabled{opacity:.35;cursor:default}@media(max-width:640px){.sel-screen{justify-content:center;padding:0 16px}.sel-title{padding:16px 0 12px;font-size:12px}.sel-row-desktop{display:none}.sel-mobile-carousel{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:0 8px;flex:0 0 auto}.sel-mobile-carousel .sel-card{flex:0 0 auto;width:min(65vw,260px);max-width:none;border-width:3px}.sel-mobile-carousel .sel-portrait{aspect-ratio:3 / 4}.sel-mobile-carousel .sel-char-name{font-size:10px}.sel-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#142346b3;border:2px solid #3a5a90;border-radius:6px;color:#89b;font-size:18px;cursor:pointer;flex-shrink:0;transition:all .15s;font-family:inherit}.sel-arrow:hover{background:#1e325ae6;color:#c8d8f0}.sel-arrow:active{transform:scale(.9)}.sel-dots{display:flex;gap:8px;padding:12px 0 8px;justify-content:center}.sel-dot{width:8px;height:8px;border-radius:50%;background:#3c5a8c66;cursor:pointer;transition:all .2s}.sel-dot.active{background:var(--gold);transform:scale(1.3)}.sel-actions{gap:12px;padding:8px 16px;padding-bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px))}.sel-btn{font-size:10px;padding:10px 20px}}.create-screen{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at top,#162450,#080e20 80%);overflow:hidden}.create-title{flex-shrink:0;margin:0;padding:16px 0 10px;font-size:clamp(13px,3vw,18px);color:var(--gold-light);letter-spacing:clamp(2px,1vw,4px);text-shadow:0 3px 0 #000,0 0 24px rgba(240,208,96,.4)}.create-mobile-tabs{display:none}.create-body{flex:1 1 auto;min-height:0;display:flex;gap:20px;padding:0 24px;max-width:1000px;width:100%}.create-left{flex:0 0 260px;display:flex;flex-direction:column;align-items:center;gap:10px;overflow-y:auto;padding-bottom:8px}.create-left-form-desktop{display:flex;flex-direction:column;align-items:center;gap:10px;width:260px;flex-shrink:0}.create-form-mobile,.create-mini-portrait{display:none}.create-portrait-frame{width:240px;height:280px;flex-shrink:0;border:4px solid #3a5a90;box-shadow:inset 0 0 0 2px #162450,0 4px #060c1a;overflow:hidden;background:#24c}.create-portrait-img{width:100%;height:100%;object-fit:cover;display:block}.create-right{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.create-label-desktop{display:block}.create-picker-grid{flex:1 1 auto;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;padding:4px 4px 8px;align-content:start}.create-thumb{cursor:pointer;border:3px solid #2a3a60;background:#0b1634;overflow:hidden;transition:border-color .15s,transform .15s;display:flex;flex-direction:column}.create-thumb:hover{border-color:#57b;transform:translateY(-2px)}.create-thumb:active{transform:scale(.96)}.create-thumb.active{border-color:var(--gold);box-shadow:0 0 12px #d4a01766}.create-thumb img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.create-thumb-label{font-size:6px;color:#667;letter-spacing:1px;text-align:center;padding:3px 2px;background:#0b1634}.create-thumb.active .create-thumb-label{color:var(--gold-light)}.create-section{display:flex;flex-direction:column;gap:6px}.create-label{font-size:8px;color:#89a;letter-spacing:2px}.create-input{width:100%;background:var(--blue-dark);border:3px solid #3a5a90;color:var(--gold-light);font-family:inherit;font-size:12px;padding:10px 12px;outline:none;text-align:center;letter-spacing:2px;transition:border-color .2s;min-height:44px}.create-input:focus{border-color:var(--gold)}.create-input::placeholder{color:#3a5080;letter-spacing:1px}.create-hint{font-size:7px;color:#445;text-align:right}.create-stat-row{display:flex;align-items:center;gap:4px;margin-bottom:2px}.create-stat-btn{width:32px;height:32px;background:var(--blue-dark);border:2px solid #3a5a90;color:#89b;font-family:inherit;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s;flex-shrink:0}.create-stat-btn:hover{border-color:var(--gold);color:var(--gold)}.create-stat-btn:active{transform:scale(.92);background:#162450}@media(max-width:700px){.create-title{padding:10px 0 6px}.create-mobile-tabs{display:flex;gap:0;flex-shrink:0;width:100%;padding:0 12px 6px}.create-mobile-tab{flex:1;background:var(--blue-dark);border:2px solid #2a3a60;color:#556;font-family:inherit;font-size:9px;padding:10px 4px;letter-spacing:2px;cursor:pointer;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;transition:all .15s}.create-mobile-tab:active{transform:scale(.97)}.create-mobile-tab.active{border-color:#3a5a90;color:#c8d8f0;background:#162450}.create-body{flex-direction:column;gap:8px;padding:0 12px;overflow:hidden}.create-left-form-desktop,.create-label-desktop{display:none}.create-form-mobile{display:flex;flex-direction:column;align-items:center;gap:10px;overflow-y:auto;padding-bottom:8px;width:100%}.create-mobile-hide{display:none!important}.create-mini-portrait{display:block;width:80px;height:80px;border:3px solid #3a5a90;overflow:hidden;flex-shrink:0}.create-mini-portrait img{width:100%;height:100%;object-fit:cover}.create-left{flex:0 0 auto;width:100%;flex-direction:row;gap:8px;overflow:hidden;align-items:stretch}.create-portrait-frame{width:120px;height:150px;flex-shrink:0}.create-right{flex:1 1 auto;min-height:0;overflow:hidden}.create-picker-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.create-stat-btn{width:40px;height:40px;font-size:16px}.create-input{font-size:12px;padding:10px 8px}}.confirm-screen{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1a3e,#0a0a1a 70%);gap:12px;padding:16px}.confirm-header{font-size:clamp(8px,2vw,10px);color:#888;letter-spacing:4px}.confirm-card{padding:20px;background:#12122a;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:400px;width:100%;overflow-y:auto;max-height:70dvh}.confirm-portrait{width:180px;height:220px;border:3px solid #4a6fb0;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirm-portrait-img{width:100%;height:100%;object-fit:cover}.confirm-name{font-size:clamp(11px,3vw,14px);color:#f0d060;letter-spacing:3px;text-shadow:0 2px 0 #000,0 0 20px rgba(212,160,23,.3);text-align:center}.confirm-title-text{font-size:clamp(8px,2vw,9px);color:#89a;letter-spacing:2px}.confirm-bio{font-size:8px;color:#888;text-align:center;line-height:1.8;max-width:280px}.confirm-stats{display:flex;flex-direction:column;gap:4px;width:100%}.confirm-prompt{font-size:clamp(7px,2vw,9px);color:#555;letter-spacing:2px;text-align:center}@media(max-width:480px){.confirm-card{padding:14px 12px;max-height:65dvh}.confirm-portrait{width:140px;height:170px}}.btn-gold{background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 100%);color:#1a1a2e;font-family:inherit;font-size:11px;padding:12px 32px;border:none;cursor:pointer;font-weight:700;letter-spacing:2px;min-height:44px;display:flex;align-items:center;justify-content:center}.btn-gold:hover{transform:scale(1.05);box-shadow:0 0 20px #d4a01780}.btn-gold:active{transform:scale(.97)}.btn-outline{background:transparent;border:2px solid #555;color:#999;font-family:inherit;font-size:9px;padding:8px 16px;cursor:pointer;letter-spacing:1px;min-height:44px;display:flex;align-items:center;justify-content:center}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.btn-outline:active{transform:scale(.97)}.hub-root{width:100vw;height:100vh;height:100dvh;display:flex;background:#0a0a0f;font-family:"Press Start 2P",monospace;overflow:hidden;position:relative}.hub-office{flex:1 1 60%;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.hub-office-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:0}.hub-scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;z-index:0}.hub-desk-fg{position:absolute;left:0;bottom:0;width:100%;height:auto;max-height:50%;object-fit:contain;object-position:bottom center;z-index:3;pointer-events:none}.hub-office:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 40% 50%,rgba(120,80,30,.06) 0%,transparent 50%),radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.4) 100%);z-index:4;pointer-events:none}.hub-character{position:absolute;bottom:32%;left:48%;transform:translate(-50%);z-index:2;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;width:clamp(120px,25%,260px)}.hub-character-img{width:100%;height:auto;max-height:50dvh;object-fit:contain;object-position:bottom center;image-rendering:auto}.hub-character-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.hub-character-silhouette{font-size:60px;opacity:.12;filter:grayscale(1)}.hub-hud{position:absolute;top:clamp(6px,2%,16px);left:clamp(6px,2%,16px);z-index:10;display:flex;flex-direction:column;gap:clamp(3px,.6vh,6px);background:#000000a6;padding:clamp(5px,1.2vh,10px) clamp(8px,1.5vw,14px);border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:0;max-width:50%}.hub-hud-row{display:flex;align-items:center;gap:clamp(4px,.8vw,8px)}.hub-hud-label{font-size:clamp(5px,1vw,9px);font-variant:small-caps;color:#aaa;letter-spacing:.05px;width:clamp(32px,6vw,65px);flex-shrink:0;line-height:1.3}.hub-hud-bar{flex:1;height:clamp(6px,1.4vh,14px);background:#060607;border:1.5px solid #929292;position:relative;overflow:hidden;min-width:clamp(40px,8vw,80px)}.hub-hud-fill{height:100%;transition:width .5s ease}.hub-hud-fill--money{background:linear-gradient(90deg,#3aa055,#106730)}.hub-hud-fill--morale{background:linear-gradient(90deg,#48f,#8dd1ff,#70748d 60%,#fa3,#f55)}.hub-hud-fill--rep{background:linear-gradient(90deg,#2bc0c0,#ff8717)}.hub-hud-value{font-size:clamp(5px,.9vw,8px);color:#4ade80;letter-spacing:1px;min-width:clamp(30px,5vw,44px);text-align:right}.hub-hud-alert{font-size:clamp(7px,1.2vw,10px);color:#e74c3c;font-weight:700;animation:pulse 1.5s infinite;min-width:12px;text-align:center}.hub-day-badge{position:absolute;bottom:clamp(6px,1.5%,16px);left:clamp(6px,1.5%,16px);z-index:10;font-size:clamp(5px,1.1vw,10px);color:#fffb00;letter-spacing:clamp(1px,.3vw,2px);background:#05041580;padding:clamp(3px,.6vh,6px) clamp(6px,1vw,12px);border:2px solid rgba(255,255,255,.05)}.hub-phone-panel{flex:0 0 auto;width:clamp(240px,30vw,320px);display:flex;align-items:center;justify-content:center;padding:clamp(8px,1.5vh,16px);z-index:5}.phone-device{position:relative;width:100%;max-width:300px;aspect-ratio:9 / 19;max-height:calc(100dvh - 32px)}.phone-bezel{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:1;pointer-events:none}.phone-content{position:absolute;inset:11% 7% 12%;z-index:2;display:flex;flex-direction:column;overflow:hidden;border-radius:4%}.phone-status{display:flex;justify-content:space-between;align-items:center;padding:2% 6%;font-size:clamp(4px,.5vw,6px);color:#888;letter-spacing:1px;flex-shrink:0}.phone-app-grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4%;padding:4% 6%;align-items:center;justify-items:center;min-height:0}.phone-app{display:flex;flex-direction:column;align-items:center;gap:clamp(1px,.4vh,4px);cursor:pointer;transition:transform .12s;position:relative;background:none;border:none;font-family:inherit;padding:0;width:100%}.phone-app:hover{transform:scale(1.06)}.phone-app:active{transform:scale(.92)}.phone-app--alert .phone-app-icon{box-shadow:0 0 8px #d4a01799}.phone-app-icon{width:72%;aspect-ratio:1;border-radius:22%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#c8c8d226}.phone-app-icon img{width:100%;height:100%;object-fit:cover}.phone-app-label{font-size:clamp(3px,.7vw,7px);color:#262626;letter-spacing:.1px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.phone-app-badge{position:absolute;top:-2px;right:8%;width:clamp(8px,1vw,14px);height:clamp(8px,1vw,14px);background:#e74c3c;color:#fff;font-size:clamp(4px,.5vw,7px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.phone-dock{flex-shrink:0;display:flex;justify-content:center;gap:8%;padding:3% 2%;background:#0003;border-radius:10px;margin:0 12%}.phone-dock-btn{width:28%;max-width:44px;aspect-ratio:1;border-radius:22%;overflow:hidden;cursor:pointer;transition:transform .12s;background:#50505a66;border:none;padding:6%}.phone-dock-btn:hover{transform:scale(1.1)}.phone-dock-btn:active{transform:scale(.9)}.phone-dock-btn img{width:100%;height:100%;object-fit:contain}.hub-fight-countdown{margin-top:8px;font-size:7px;color:var(--gold);letter-spacing:2px;animation:pulse 2s infinite;text-align:center}.hub-phone-toggle{display:none}.hub-phone-overlay{position:fixed;inset:0;background:#000000d9;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px 12px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.hub-phone-overlay-inner{position:relative;width:min(90vw,340px);max-height:min(85dvh,650px);aspect-ratio:9 / 19}.hub-phone-overlay-close{position:absolute;top:-36px;right:4px;width:32px;height:32px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#ccc;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;z-index:2}.hub-phone-overlay-close:active{transform:scale(.9)}.hub-phone-overlay-inner .phone-device{width:100%;height:100%}@media(min-width:701px)and (max-width:1024px){.hub-phone-panel{width:clamp(200px,28vw,280px);padding:8px}.hub-character{width:clamp(100px,22%,200px);bottom:30%}.hub-character-img{max-height:45dvh}}@media(max-width:700px){.hub-root{flex-direction:column}.hub-office{flex:1 1 auto;width:100%;height:100%}.hub-office-bg{object-position:center 35%}.hub-character{bottom:28%;width:clamp(100px,40%,220px);left:50%}.hub-character-img{max-height:42dvh}.hub-desk-fg{max-height:42%}.hub-phone-panel{display:none}.hub-phone-toggle{display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%);z-index:10;width:clamp(60px,18vw,125px);height:clamp(60px,18vw,125px);padding:0;border-radius:0;background:none;border:none;cursor:pointer;image-rendering:pixelated}.hub-phone-toggle img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.hub-phone-toggle:active{transform:translate(-50%) translateY(2px)}}@media(max-width:400px){.hub-character{bottom:25%;width:clamp(80px,35%,160px)}.hub-character-img{max-height:36dvh}.hub-desk-fg{max-height:38%}.hub-phone-toggle{top:16%;width:clamp(50px,16vw,90px);height:clamp(50px,16vw,90px)}}@media(max-width:900px)and (max-height:500px){.hub-root{flex-direction:row}.hub-phone-panel{display:flex;width:240px;padding:8px}.hub-phone-toggle{display:none}.hub-character{bottom:28%;width:clamp(80px,20%,160px)}.hub-character-img{max-height:50dvh}.hub-desk-fg{max-height:50%}}.dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));z-index:50}.dialog-box{width:min(90vw,600px);background:#0a0a1ef7;border:3px solid var(--gold);padding:16px;font-family:"Press Start 2P",monospace;max-height:70vh;overflow-y:auto}.dialog-speaker{font-size:9px;color:var(--gold);margin-bottom:10px;letter-spacing:2px}.dialog-text{font-size:10px;color:#ddd;line-height:2;margin-bottom:12px;white-space:pre-line}.dialog-choices{display:flex;flex-direction:column;gap:6px}.dialog-choice{background:transparent;border:2px solid #333;color:#aaa;font-family:inherit;font-size:9px;padding:10px 14px;cursor:pointer;text-align:left;transition:all .15s;line-height:1.4}.dialog-choice:hover{border-color:var(--gold);color:var(--gold-light);background:#d4a01714}.dialog-choice:active{transform:scale(.98)}.dialog-dismiss{font-size:7px;color:#445;text-align:center;margin-top:10px;animation:pulse 2s infinite}@media(max-width:480px){.dialog-box{padding:12px}.dialog-text{font-size:9px;line-height:1.8}.dialog-choice{font-size:8px;padding:10px 12px}.dialog-speaker{font-size:8px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{text-shadow:0 0 20px rgba(212,160,23,.3)}50%{text-shadow:0 0 40px rgba(212,160,23,.6)}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideUp{animation:slideUp .6s ease-out}.animate-pulse-slow{animation:pulse 2s infinite}.animate-glow{animation:glow 3s infinite}.admin-panel{display:flex;width:100vw;height:100dvh;background:#0d1117;color:#c9d1d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;overflow:hidden}.admin-sidebar{width:220px;min-width:220px;background:#161b22;border-right:1px solid #30363d;display:flex;flex-direction:column;overflow-y:auto}.admin-sidebar-header{padding:16px;border-bottom:1px solid #30363d}.admin-back-btn{font-size:11px;color:#8b949e;background:none;border:none;cursor:pointer;padding:4px 0;font-family:inherit}.admin-back-btn:hover{color:#c9d1d9}.admin-logo{font-size:14px;font-weight:700;color:var(--gold);margin-top:8px;letter-spacing:1px}.admin-nav{list-style:none;padding:8px 0;flex:1}.admin-nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;color:#8b949e;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;transition:all .15s}.admin-nav-btn:hover{color:#c9d1d9;background:#ffffff0a}.admin-nav-btn.active{color:#fff;background:#d4a0171f;border-left:3px solid var(--gold)}.admin-nav-icon{font-size:16px;width:20px;text-align:center}.admin-main{flex:1;overflow-y:auto;padding:24px 32px}.admin-page-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:4px}.admin-subtitle{color:#8b949e;margin-bottom:24px}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px}.admin-stat-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .15s;font-family:inherit;color:inherit}.admin-stat-card:hover{border-color:var(--gold);background:#d4a0170f}.admin-stat-count{font-size:28px;font-weight:700;color:var(--gold)}.admin-stat-label{font-size:11px;color:#8b949e;text-transform:uppercase;letter-spacing:.5px}.admin-actions-bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.admin-btn{padding:8px 16px;border-radius:6px;border:1px solid #30363d;font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s;color:#c9d1d9;background:#21262d}.admin-btn:hover{border-color:#8b949e}.admin-btn-primary{background:#1f6feb;border-color:#1f6feb;color:#fff}.admin-btn-primary:hover{background:#388bfd}.admin-btn-secondary{background:#21262d;color:#c9d1d9}.admin-btn-secondary:hover{background:#30363d}.admin-btn-danger{background:transparent;border-color:#da3633;color:#f85149}.admin-btn-danger:hover{background:#f851491a}.admin-btn-ghost{background:transparent;border-color:transparent;color:#8b949e}.admin-btn-ghost:hover{color:#c9d1d9}.admin-btn-sm{padding:4px 10px;font-size:11px}.admin-btn-xs{padding:2px 6px;font-size:10px;min-width:22px}.admin-meta{font-size:11px;color:#484f58}.admin-activity-section{margin-top:16px}.admin-section-subtitle{font-size:13px;color:#c9d1d9;margin-bottom:8px;font-weight:600}.admin-activity-list{display:flex;flex-direction:column;gap:2px}.admin-activity-row{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#ffffff05;border-radius:4px;font-size:11px;color:#8b949e}.admin-activity-action{font-weight:600;color:#58a6ff;text-transform:uppercase;font-size:10px;min-width:60px}.admin-activity-entity{color:#c9d1d9;background:#ffffff0f;padding:1px 6px;border-radius:3px;font-size:10px}.admin-activity-name{color:#8b949e;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-activity-time{color:#484f58;font-size:10px;white-space:nowrap;margin-left:auto}.admin-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.admin-editor-layout{display:flex;gap:16px;height:calc(100dvh - 140px)}.admin-list-panel{width:280px;min-width:240px;display:flex;flex-direction:column;gap:8px}.admin-detail-panel{flex:1;overflow-y:auto;background:#161b22;border:1px solid #30363d;border-radius:8px;padding:20px}.admin-input{width:100%;padding:8px 10px;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.admin-input:focus{border-color:#1f6feb}.admin-input-sm{padding:4px 8px;font-size:12px}.admin-textarea{resize:vertical;min-height:40px}.admin-search{margin-bottom:4px}.admin-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.admin-item-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.admin-item{padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .1s;border:1px solid transparent}.admin-item:hover{background:#ffffff0a}.admin-item.active{background:#1f6feb1f;border-color:#1f6feb}.admin-item-name{font-size:13px;font-weight:600;color:#e6edf3;margin-bottom:2px}.admin-item-meta{display:flex;gap:8px;font-size:11px;color:#8b949e}.admin-badge{background:#d4a01726;color:var(--gold);padding:1px 6px;border-radius:4px;font-size:10px;text-transform:uppercase}.admin-empty,.admin-empty-detail{color:#484f58;text-align:center;padding:32px 16px;font-size:13px}.admin-form{display:flex;flex-direction:column;gap:14px}.admin-form-row{display:flex;flex-direction:column;gap:4px}.admin-form-row>label{font-size:11px;color:#8b949e;text-transform:uppercase;letter-spacing:.3px}.admin-form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-form-footer{margin-top:16px;padding-top:16px;border-top:1px solid #30363d}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.admin-section-header h3{font-size:14px;font-weight:600;color:#e6edf3}.admin-choice-block{background:#ffffff05;border:1px solid #21262d;border-radius:6px;padding:10px}.admin-choice-header{display:flex;gap:8px;align-items:center;margin-bottom:8px}.admin-effects{display:flex;flex-direction:column;gap:6px;padding-left:12px;border-left:2px solid #30363d}.admin-effect-row{display:flex;gap:6px;align-items:center}.admin-choice-row{display:flex;gap:8px;align-items:center}.admin-variant-row{display:flex;gap:8px;align-items:flex-start}.admin-variant-row .admin-textarea{flex:1}.admin-tabs{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}.admin-tab{padding:6px 14px;font-size:12px;border-radius:6px;border:1px solid #30363d;background:transparent;color:#8b949e;cursor:pointer;font-family:inherit;transition:all .15s}.admin-tab:hover{color:#c9d1d9;border-color:#8b949e}.admin-tab.active{background:#1f6feb26;border-color:#1f6feb;color:#58a6ff}.admin-name-add{display:flex;gap:8px;align-items:flex-end;margin-bottom:12px}.admin-name-add .admin-textarea{flex:1}.admin-name-grid{display:flex;flex-wrap:wrap;gap:6px;max-height:calc(100dvh - 340px);overflow-y:auto;padding:4px 0}.admin-name-tag{display:flex;align-items:center;gap:6px;background:#161b22;border:1px solid #30363d;border-radius:4px;padding:4px 8px;font-size:12px}.admin-name-remove{background:none;border:none;color:#f85149;cursor:pointer;font-size:11px;padding:0 2px;font-family:inherit}.admin-name-remove:hover{color:#ff7b72}.admin-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.admin-asset-card{background:#161b22;border:1px solid #30363d;border-radius:8px;overflow:hidden}.admin-asset-thumb{aspect-ratio:1;background:#0d1117;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.admin-asset-thumb img{max-width:100%;max-height:100%;object-fit:contain}.admin-asset-info{padding:8px;display:flex;flex-direction:column;gap:4px}.admin-asset-name{font-size:12px;font-weight:600;color:#e6edf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-asset-dims{font-size:10px;color:#484f58}.admin-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-modal-content{display:flex;flex-direction:column;align-items:center;gap:16px}@media(max-width:768px){.admin-panel{flex-direction:column}.admin-sidebar{width:100%;min-width:unset;flex-direction:row;border-right:none;border-bottom:1px solid #30363d;overflow-x:auto;overflow-y:hidden}.admin-sidebar-header{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:none;white-space:nowrap}.admin-logo{margin-top:0;font-size:12px}.admin-nav{display:flex;padding:0 8px;gap:2px}.admin-nav-btn{padding:8px 12px;font-size:11px;white-space:nowrap}.admin-nav-icon{display:none}.admin-main{padding:16px}.admin-editor-layout{flex-direction:column;height:auto}.admin-list-panel{width:100%;min-width:unset;max-height:200px}.admin-form-row-2col{grid-template-columns:1fr}}.admin-validation-errors{background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.admin-error-msg{font-size:11px;color:#f87171}.admin-error-msg:before{content:"⚠"}.admin-preview-box{background:#d4a0170f;border:1px solid rgba(212,160,23,.2);border-radius:6px;padding:10px 14px;font-size:12px;color:#e6edf3;line-height:1.5;font-style:italic}.admin-badge-active{background:#d4a0174d!important;color:#f0d060!important;border:1px solid var(--gold)}.admin-badge-error{background:#ef44444d!important;color:#f87171!important;font-size:9px;padding:0 5px}.admin-settings-grid{display:flex;flex-direction:column;gap:24px;max-width:640px}.admin-settings-group{border:1px solid #21262d;border-radius:8px;padding:16px;background:#ffffff03}.admin-settings-group-title{font-size:13px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #21262d}.admin-setting-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(48,54,61,.4);flex-wrap:wrap}.admin-setting-row:last-child{border-bottom:none}.admin-setting-info{flex:1;min-width:180px}.admin-setting-label{font-size:12px;color:#e6edf3;font-weight:500}.admin-setting-reset{font-size:10px;color:var(--gold);cursor:pointer;margin-left:6px;opacity:.7}.admin-setting-reset:hover{opacity:1}.admin-setting-desc{display:block;font-size:10px;color:#484f58;margin-top:1px}.admin-setting-control{display:flex;align-items:center;gap:4px}.admin-setting-unit{font-size:11px;color:#8b949e;min-width:16px}.admin-setting-bar-container{width:100%;height:4px;background:#21262d;border-radius:2px;position:relative;margin-top:2px}.admin-setting-bar{height:100%;background:var(--gold);border-radius:2px;opacity:.5;transition:width .2s}.admin-setting-bar-default{position:absolute;top:-2px;width:2px;height:8px;background:#8b949e;border-radius:1px}.admin-form-footer{display:flex;gap:8px;align-items:center}.admin-btn-accent{background:#d4a01733;border-color:var(--gold);color:var(--gold-light)}.admin-btn-accent:hover{background:#d4a01759}.admin-asset-picker-modal{background:#161b22;border:1px solid #30363d;border-radius:12px;width:90vw;max-width:700px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.admin-asset-picker-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #30363d}.admin-asset-picker-header h3{font-size:14px;font-weight:600;color:#e6edf3;margin:0}.admin-asset-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:16px;overflow-y:auto;flex:1}.admin-asset-picker-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .12s}.admin-asset-picker-item:hover{background:#1f6feb1a;border-color:#1f6feb}.admin-asset-picker-item img{width:80px;height:80px;object-fit:contain;border-radius:4px;background:#0d1117}.admin-asset-picker-name{font-size:10px;color:#8b949e;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.admin-dialog-preview{background:#0d1117;border:2px solid var(--gold);border-radius:8px;padding:12px 16px;max-width:400px;font-family:inherit}.admin-dialog-preview-speaker{font-size:10px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.admin-dialog-preview-text{font-size:12px;color:#e6edf3;line-height:1.6;font-style:normal;white-space:pre-line}.admin-dialog-preview-choices{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid #30363d}.admin-dialog-preview-choice{font-size:11px;color:#58a6ff;padding:4px 8px;border-radius:4px;background:#1f6feb14;cursor:default}.admin-guidance-banner{background:#1f6feb0f;border:1px solid rgba(31,111,235,.2);border-radius:6px;padding:10px 14px;margin-bottom:12px;font-size:11px;color:#8b949e;line-height:1.5}.admin-guidance-banner strong{color:#58a6ff;font-weight:600}.admin-guidance-warning{background:#f59e0b14;border-color:#f59e0b4d;color:#f59e0b}.admin-guidance-error{background:#ef444414;border-color:#ef44444d;color:#f87171}.admin-storage-bar{width:100%;height:8px;background:#21262d;border-radius:4px;overflow:hidden;margin-top:4px}.admin-storage-fill{height:100%;background:var(--gold);border-radius:4px;transition:width .3s}.admin-storage-fill.warning{background:#f59e0b}.admin-storage-fill.danger{background:#f85149}.admin-health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:24px}.admin-health-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:12px 16px;font-size:12px}.admin-health-card-title{font-size:10px;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.admin-health-card-value{font-size:18px;font-weight:700;color:#e6edf3}.admin-health-card-value.error{color:#f85149}.admin-health-card-value.success{color:#3fb950}.hub-custom-content-badge{position:absolute;bottom:8px;left:8px;background:#d4a01733;border:1px solid var(--gold);color:var(--gold-light);font-size:9px;padding:3px 8px;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.3px;pointer-events:none;z-index:5}.admin-variant-row{flex-direction:column}