:root{--bg-dark:#050508;--terminal-green:#0f6;--kaywat-green:#22c55e;--kaywat-green-glow:#0f6;--kaywat-blue:#08f;--kaywat-dark-card:#09090c;--card-bg:#0c0c10f2;--card-border:#27272a;--accent-border:#22c55e;--text-main:#fff;--text-sub:#a1a1aa;--font-pixel:"Press Start 2P", monospace;--font-silk:"Silkscreen", cursive;--font-terminal:"VT323", monospace;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;user-select:none;margin:0;padding:0}body,html{background-color:var(--bg-dark);width:100%;height:100%;font-family:var(--font-main);color:var(--text-main);overflow:hidden}.screen{z-index:1;flex-direction:column;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.screen.active{display:flex}.crt-overlay{pointer-events:none;z-index:2;background:linear-gradient(#05050800 50%,#0000004d 50%) 0 0/100% 3px,linear-gradient(90deg,#22c55e05,#00ff6603,#00ff8805) 0 0/6px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.modal-overlay{backdrop-filter:blur(8px);z-index:200;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#screen-boot{z-index:100;font-family:var(--font-pixel);cursor:pointer;background-color:#030305;justify-content:center;align-items:center;padding:40px;transition:opacity .6s ease-out}.splash-container{width:100%;max-width:860px}.splash-text{color:#94a3b8;white-space:pre-wrap;word-break:break-all;letter-spacing:1px;text-transform:uppercase;font-size:13px;line-height:1.95}.splash-text .cmd-line{color:#fff;font-weight:700}.splash-text .prompt-symbol{color:#eab308;margin-right:8px;font-weight:700}.splash-text .highlight-white{color:#fff}.splash-text .tag-done{color:#84cc16;text-shadow:0 0 10px #84cc1666;font-weight:700}.splash-text .welcome-line{color:#84cc16;text-shadow:0 0 12px #84cc1680;font-weight:700}.cursor{vertical-align:sub;background-color:#84cc16;width:12px;height:16px;margin-left:4px;animation:.75s infinite blink;display:inline-block;box-shadow:0 0 10px #84cc16}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.splash-hint{font-family:var(--font-pixel);color:#94a3b899;letter-spacing:1px;font-size:9px;position:absolute;bottom:28px;right:36px}#screen-hub{background:#040711;width:100vw;height:100vh;position:relative;overflow:hidden}canvas#cityCanvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.city-ui-overlay{z-index:5;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:calc(100vh - 38px);padding-bottom:10px;display:flex;position:absolute;top:0;left:0;overflow-y:auto}.city-ui-overlay *{pointer-events:auto}.city-topbar{justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.stat-pill-group{gap:10px;display:flex}.stat-pill{backdrop-filter:blur(10px);font-family:var(--font-pixel);color:#fff;background:#050810eb;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:10px;display:flex;box-shadow:0 4px 16px #000c}.stat-pill span{color:#f59e0b}.top-right-actions{align-items:center;gap:12px;display:flex}.live-badge{color:#f59e0b;font-family:var(--font-silk);background:#f59e0b26;border:1px solid #f59e0b;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:10px;display:flex}.pulse-dot{background:#f59e0b;border-radius:50%;width:7px;height:7px;animation:1.2s infinite pulse;box-shadow:0 0 10px #f59e0b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.city-main-content{text-align:center;flex-direction:column;align-items:center;max-width:660px;margin:auto;padding:10px 20px;display:flex}.city-title-group{margin-bottom:10px}.city-hero-title{font-family:var(--font-pixel);color:#fff;text-shadow:0 0 24px #000000e6,3px 3px #000;letter-spacing:4px;margin-bottom:4px;font-size:38px}.city-hero-title span{color:#f59e0b;text-shadow:0 0 24px #f59e0b99,3px 3px #000}.city-hero-subtitle{font-family:var(--font-pixel);color:#a1a1aa;text-transform:uppercase;letter-spacing:1px;font-size:9px;line-height:1.5}.city-author{color:#f59e0b;margin-top:3px;font-size:10px;font-weight:700}.progress-card{backdrop-filter:blur(14px);background:#050810eb;border:1px solid #ffffff24;border-radius:8px;width:100%;margin-bottom:10px;padding:10px 16px;box-shadow:0 10px 35px #000000d9}.progress-header{font-family:var(--font-pixel);color:#fff;justify-content:space-between;margin-bottom:8px;font-size:9px;display:flex}.progress-bar-track{background:#000;border:1px solid #fff3;border-radius:4px;width:100%;height:10px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#d97706,#f59e0b);width:87%;height:100%;box-shadow:0 0 14px #f59e0b99}.progress-footer{color:#a1a1aa;justify-content:space-between;margin-top:6px;font-size:9px;display:flex}.entrance-box{backdrop-filter:blur(14px);background:#050810eb;border:1px solid #ffffff24;border-radius:8px;width:100%;margin-bottom:10px;padding:16px;box-shadow:0 10px 35px #000000d9}.entrance-title{font-family:var(--font-pixel);color:#f59e0b;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:9px}.username-input-row{gap:10px;margin-bottom:10px;display:flex}.city-input{color:#fff;font-family:var(--font-main);background:#000;border:1px solid #fff3;border-radius:6px;outline:none;flex-grow:1;padding:10px 14px;font-size:14px}.city-input:focus{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b4d}.btn-kaywat-lg{color:#000;width:100%;font-family:var(--font-pixel);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#f59e0b;border:none;border-radius:6px;padding:12px 18px;font-size:11px;font-weight:700;transition:all .15s;box-shadow:0 4px 16px #f59e0b66}.btn-kaywat-lg:hover{background:#fbbf24;transform:translateY(-2px);box-shadow:0 6px 24px #f59e0b99}.action-cards-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:10px;display:grid}.action-btn-card{color:#000;cursor:pointer;background:#f59e0b;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:12px;transition:all .2s;display:flex;box-shadow:0 6px 18px #0009}.action-btn-card:nth-child(2){background:#22c55e}.action-btn-card:hover{filter:brightness(1.1);transform:translateY(-2px)}.action-btn-title{font-family:var(--font-pixel);color:#000;font-size:10px;font-weight:700}.action-btn-sub{color:#000000b3;font-size:9px}.sub-btn-row{justify-content:center;gap:8px;width:100%;display:flex}.btn-sub-city{color:#fff;font-family:var(--font-pixel);cursor:pointer;background:#050810e6;border:1px solid #ffffff26;border-radius:6px;padding:8px 12px;font-size:9px;transition:all .15s}.btn-sub-city:hover{color:#f59e0b;border-color:#f59e0b}.city-bottombar{backdrop-filter:blur(12px);z-index:100;box-sizing:border-box;background:#040711f5;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 20px;display:flex;position:fixed;bottom:0;left:0}.bottom-player-widget{align-items:center;gap:10px;display:flex}.bottom-player-btn{color:#000;cursor:pointer;background:#f59e0b;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:flex;box-shadow:0 0 8px #f59e0b66}.bottom-track-info{color:#e2e8f0;font-size:11px}.activity-ticker{font-family:var(--font-terminal);color:#22c55e;align-items:center;gap:6px;font-size:14px;display:flex}.rotation-control-widget{backdrop-filter:blur(10px);font-family:var(--font-pixel);color:#f59e0b;z-index:10;background:#050810eb;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:8px;display:flex;position:absolute;top:70px;right:20px}.esc-back-btn{color:#f59e0b;font-family:var(--font-pixel);cursor:pointer;z-index:120;background:#050810eb;border:1px solid #f59e0b;border-radius:6px;padding:8px 14px;font-size:10px;transition:all .2s;display:none;position:fixed;top:20px;left:20px;box-shadow:0 0 14px #f59e0b4d}.esc-back-btn:hover{color:#000;background:#f59e0b}.city-ui-overlay.fly-mode-active .esc-back-btn{display:block}.city-ui-overlay.fly-mode-active .city-topbar,.city-ui-overlay.fly-mode-active .city-main-content{opacity:0;pointer-events:none;transition:opacity .3s}.action-btn-card.fly-card{color:#000!important;background:#22c55e!important;border:1px solid #16a34a!important;box-shadow:0 6px 20px #22c55e66!important}.action-btn-card.fly-card .action-btn-title{color:#000!important}.action-btn-card.fly-card .action-btn-sub{color:#000c!important}.action-btn-card.fly-card:hover{transform:translateY(-2px);background:#4ade80!important;box-shadow:0 8px 28px #22c55e99!important}#screen-game{background:#050508;flex-direction:column}.game-topbar{border-bottom:2px solid var(--card-border);z-index:10;background:#09090c;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.room-info{align-items:center;gap:12px;display:flex}.room-title{font-family:var(--font-pixel);color:var(--kaywat-green);font-size:13px}.viewport-container{background:radial-gradient(circle,#0c0c12 0%,#050508 100%);flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}canvas#isoCanvas{image-rendering:pixelated;cursor:pointer}#chat-bubbles-container{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;top:0;left:0}.speech-bubble{color:#000;font-family:var(--font-main);white-space:nowrap;pointer-events:auto;background:#fff;border:2px solid #000;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700;animation:.25s cubic-bezier(.175,.885,.32,1.275) bubblePop;position:absolute;transform:translate(-50%,-100%);box-shadow:2px 4px 10px #00000080}.speech-bubble:after{content:"";border:6px solid #0000;border-top:8px solid #000;border-bottom-width:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.speech-bubble .username{color:var(--kaywat-green);margin-right:4px}@keyframes bubblePop{0%{opacity:0;transform:translate(-50%,-80%)scale(.5)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.game-chatbar{border-top:2px solid var(--card-border);z-index:30;background:#09090c;align-items:center;gap:12px;padding:12px 20px;display:flex}.chat-input-wrapper{flex-grow:1;align-items:center;display:flex;position:relative}.chat-input{border:2px solid var(--card-border);color:#fff;width:100%;font-family:var(--font-main);background:#000;border-radius:20px;outline:none;padding:10px 18px;font-size:15px}.chat-input:focus{border-color:var(--kaywat-green);box-shadow:0 0 10px #22c55e4d}.quick-emojis{gap:6px;display:flex}.emoji-btn{border:1px solid var(--card-border);cursor:pointer;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:transform .15s;display:flex}.emoji-btn:hover{border-color:var(--kaywat-green);background:#22c55e33;transform:scale(1.2)}.chat-history-panel{backdrop-filter:blur(10px);border:1px solid var(--card-border);pointer-events:auto;z-index:15;background:#09090cd9;border-radius:8px;flex-direction:column;gap:6px;width:320px;max-height:220px;padding:12px;font-size:13px;display:flex;position:absolute;top:65px;left:20px;overflow-y:auto}.chat-line .user{color:var(--kaywat-green);font-weight:700}.furni-drawer{border:2px solid var(--card-border);z-index:35;background:#09090c;border-radius:12px;flex-direction:column;gap:12px;width:260px;padding:16px;display:none;position:absolute;top:60px;right:20px;box-shadow:0 10px 30px #000c}.furni-drawer.active{display:flex}.furni-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:240px;display:grid;overflow-y:auto}.furni-item-btn{border:1px solid var(--card-border);cursor:pointer;background:#000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:64px;font-size:24px;transition:all .15s;display:flex}.furni-item-btn:hover{border-color:var(--kaywat-green);background:#22c55e26}.btn-habbo{color:#fff;font-family:var(--font-pixel);cursor:pointer;text-transform:uppercase;background:#000;border:2px solid #fff;border-radius:6px;padding:10px 16px;font-size:11px;transition:all .1s;box-shadow:0 4px #1f2937}.btn-habbo:hover{border-color:var(--kaywat-green);color:var(--kaywat-green-glow);box-shadow:0 4px #1f2937,0 0 15px #22c55e66}.btn-habbo.secondary{color:var(--text-sub);border-color:var(--card-border);background:#09090c;box-shadow:0 4px #000}.btn-habbo.secondary:hover{color:#fff;border-color:#fff}