:root{--color-sunshine: #FFE85A;--color-golden-yellow: #FFC629;--color-orange: #FF9F0A;--color-coral: #F23855;--color-coral-dark: #C92C47;--color-cyan: #08BFE8;--color-cyan-dark: #087F9B;--color-green: #39CF61;--color-green-dark: #22964A;--color-teal: #2E7185;--color-teal-dark: #174D5C;--color-navy: #193A46;--color-ink: #102F3A;--color-paper: #FFFFFF;--color-cloud: #F4F7F7;--color-muted: #D9E4E5;--color-success: #22964A;--color-warning: #E78A00;--color-danger: #C92C47;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--shadow-card: 0 5px 0 rgba(16, 47, 58, .14);--shadow-card-hover: 0 7px 0 rgba(16, 47, 58, .18);--shadow-modal: 0 18px 48px rgba(10, 35, 44, .28);--shadow-hud: 0 4px 12px rgba(16, 47, 58, .2);--motion-fast: .12s;--motion-standard: .2s;--motion-slow: .32s;--font-display: "Nunito", "Baloo 2", system-ui, -apple-system, sans-serif;--font-body: "Nunito", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font-body);color:var(--color-ink);background-color:var(--color-cloud);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;touch-action:manipulation}h1,h2,h3,h4,.font-display{font-family:var(--font-display);font-weight:800;line-height:1.2}.arcade-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:1rem;letter-spacing:.02em;padding:12px 24px;border-radius:var(--radius-lg);border:none;cursor:pointer;text-decoration:none;text-transform:uppercase;color:var(--color-paper);position:relative;transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,filter var(--motion-fast) ease;min-height:46px;touch-action:manipulation}.arcade-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(40%);transform:none!important;box-shadow:none!important}.arcade-btn-primary{background-color:var(--color-coral);box-shadow:0 5px 0 var(--color-coral-dark)}.arcade-btn-primary:not(:disabled):hover{filter:brightness(1.06)}.arcade-btn-primary:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px 0 var(--color-coral-dark)}.arcade-btn-secondary{background-color:var(--color-teal);box-shadow:0 5px 0 var(--color-teal-dark)}.arcade-btn-secondary:not(:disabled):hover{filter:brightness(1.08)}.arcade-btn-secondary:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px 0 var(--color-teal-dark)}.arcade-btn-accent{background-color:var(--color-cyan);box-shadow:0 5px 0 var(--color-cyan-dark)}.arcade-btn-accent:not(:disabled):hover{filter:brightness(1.06)}.arcade-btn-accent:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px 0 var(--color-cyan-dark)}.arcade-btn-success{background-color:var(--color-green);box-shadow:0 5px 0 var(--color-green-dark)}.arcade-btn-success:not(:disabled):hover{filter:brightness(1.06)}.arcade-btn-success:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px 0 var(--color-green-dark)}.arcade-btn-golden{background-color:var(--color-golden-yellow);color:var(--color-navy);box-shadow:0 5px 0 var(--color-orange)}.arcade-btn-golden:not(:disabled):hover{filter:brightness(1.06)}.arcade-btn-golden:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px 0 var(--color-orange)}.arcade-btn-danger{background-color:#e63946;box-shadow:0 5px #9e2a2b}.arcade-btn-danger:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px #9e2a2b}.arcade-btn-sm{font-size:.85rem;padding:8px 16px;min-height:36px;border-radius:var(--radius-md);box-shadow:0 3px 0 var(--color-teal-dark)}.arcade-btn-sm:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 var(--color-teal-dark)}.arcade-btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center}.arcade-card{background:var(--color-paper);border-radius:var(--radius-lg);border:2px solid rgba(16,47,58,.1);box-shadow:var(--shadow-card);padding:var(--space-6);position:relative;transition:transform var(--motion-standard) ease,box-shadow var(--motion-standard) ease}.arcade-card-clickable{cursor:pointer}.arcade-card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:#102f3a33}.arcade-card-highlight{border-color:var(--color-golden-yellow);box-shadow:0 6px 0 var(--color-orange)}.status-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 12px;border-radius:var(--radius-pill);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.status-pill-unemployed{background:#fff4d0;color:#a66e00;border:1.5px solid #FFD868}.status-pill-employed{background:#e3fbea;color:#197a3b;border:1.5px solid #82E4A1}.status-pill-paused{background:#e0f7fd;color:#036b84;border:1.5px solid #6ED5F0}.status-pill-review{background:#fff1f3;color:#b51a34;border:1.5px solid #FFA7B5}.coin-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-navy);color:var(--color-golden-yellow);padding:6px 14px;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:800;font-size:1.1rem;border:2px solid var(--color-golden-yellow);box-shadow:0 3px #0000004d}.coin-icon-spin{animation:coin-pulse 2s infinite ease-in-out}@keyframes coin-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15) rotate(10deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#102f3aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-4);animation:fade-in .15s ease-out;pointer-events:auto}.modal-content{background:var(--color-paper);border-radius:var(--radius-xl);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;border:3px solid var(--color-teal-dark);box-shadow:var(--shadow-modal);animation:pop-in .2s cubic-bezier(.175,.885,.32,1.275);position:relative;pointer-events:auto}.modal-header-coral{background:var(--color-coral);color:var(--color-paper);padding:var(--space-4) var(--space-6);border-top-left-radius:calc(var(--radius-xl) - 3px);border-top-right-radius:calc(var(--radius-xl) - 3px);display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--color-coral-dark)}.modal-header-teal{background:var(--color-teal);color:var(--color-paper);padding:var(--space-4) var(--space-6);border-top-left-radius:calc(var(--radius-xl) - 3px);border-top-right-radius:calc(var(--radius-xl) - 3px);display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--color-teal-dark)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);background:var(--color-cloud);border-bottom-left-radius:calc(var(--radius-xl) - 3px);border-bottom-right-radius:calc(var(--radius-xl) - 3px);display:flex;justify-content:flex-end;gap:var(--space-3);border-top:2px solid var(--color-muted)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.bounce-target{animation:bounce-subtle 1.8s infinite ease-in-out}.game-hud{position:absolute;top:0;left:0;right:0;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;z-index:50;pointer-events:none}.game-hud>*{pointer-events:auto}.hud-status-wrapper{display:flex;align-items:center;gap:8px}.hud-pill-short{display:none}.hud-pill-full{display:inline}.hud-actions{display:flex;align-items:center;gap:8px}.bottom-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);z-index:50;pointer-events:none}.bottom-overlay>*{pointer-events:auto}.aim-banner{background:#193a46e0;color:var(--color-paper);border:2px solid var(--color-golden-yellow);padding:8px 18px;border-radius:var(--radius-pill);font-weight:700;font-size:.95rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000004d;text-align:center;max-width:90%}.dashboard-right-rail{position:absolute;right:20px;top:76px;display:flex;flex-direction:column;gap:12px;z-index:60;pointer-events:auto}.dashboard-right-rail .jobs-mission-btn{position:static;right:auto;top:auto}.lockers-arcade-btn{display:flex;align-items:center;gap:10px;background:#fff;border:2.5px solid var(--color-navy);border-radius:var(--radius-lg);padding:9px 18px 9px 14px;box-shadow:0 4px 0 var(--color-navy),0 8px 18px #102f3a38;cursor:pointer;pointer-events:auto;transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background-color var(--motion-fast) ease;user-select:none;-webkit-user-select:none;text-decoration:none}.lockers-arcade-btn:hover{transform:translateY(-2px);background:#fff;box-shadow:0 6px 0 var(--color-navy),0 12px 24px #102f3a47}.lockers-arcade-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--color-navy),0 4px 8px #102f3a26}.lockers-btn-icon-wrapper{color:var(--color-coral);display:flex;align-items:center;justify-content:center}.jobs-mission-btn{position:absolute;right:24px;top:96px;z-index:60;display:flex;align-items:center;gap:10px;background:#fff;border:2.5px solid var(--color-navy);border-radius:var(--radius-lg);padding:9px 18px 9px 14px;box-shadow:0 4px 0 var(--color-navy),0 8px 18px #102f3a38;cursor:pointer;pointer-events:auto;transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background-color var(--motion-fast) ease;user-select:none;-webkit-user-select:none;text-decoration:none;white-space:nowrap}.jobs-mission-btn.employed-jobs-btn .jobs-btn-icon-wrapper{color:#08bfe8}.jobs-mission-btn:hover{transform:translateY(-2px);background:#fff;box-shadow:0 6px 0 var(--color-navy),0 12px 24px #102f3a47}.jobs-mission-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--color-navy),0 4px 8px #102f3a26}.jobs-btn-icon-wrapper{color:var(--color-teal);display:flex;align-items:center;justify-content:center}.jobs-btn-text{font-family:var(--font-display);font-size:1.15rem;font-weight:900;color:var(--color-ink);letter-spacing:.02em}.jobs-btn-badge{position:absolute;top:-8px;right:-8px;background:#ff3b30;color:#fff;border:2.5px solid #FFFFFF;border-radius:var(--radius-pill);min-width:22px;height:22px;padding:0 5px;font-family:var(--font-display);font-size:.78rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ff3b3080;animation:pop-in .2s ease-out}.nav-btn-text-full{display:inline}.nav-btn-text-short{display:none}.dashboard-screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;padding:var(--space-4);padding-bottom:max(20px,env(safe-area-inset-bottom,20px));z-index:20}.dashboard-left-rail{position:absolute;left:20px;top:74px;width:290px;display:flex;flex-direction:column;gap:10px;z-index:25;pointer-events:auto}.rail-greeting-badge{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2.5px solid var(--color-teal-dark);border-radius:var(--radius-md);padding:8px 12px;box-shadow:0 4px 12px #00000024;display:flex;flex-direction:column}.rail-greeting-sub{font-size:.68rem;font-weight:800;color:var(--color-teal);text-transform:uppercase;letter-spacing:.5px}.rail-greeting-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.rail-greeting-name{font-size:1.05rem;color:var(--color-ink);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arcade-action-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;color:#fff;border:3px solid rgba(16,47,58,.85);box-shadow:0 5px #102f3ad9,0 8px 16px #0000002e;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;-webkit-user-select:none;user-select:none;text-align:left;width:100%}.arcade-action-card:hover{transform:translateY(-2px);box-shadow:0 7px #102f3ad9,0 12px 20px #00000038}.arcade-action-card:active{transform:translateY(3px);box-shadow:0 2px #102f3ad9,0 4px 8px #0000002e}.arcade-action-card.card-coral{background:linear-gradient(135deg,#f23855,#d82643)}.arcade-action-card.card-cyan{background:linear-gradient(135deg,#08bfe8,#069ec2)}.arcade-action-card.card-golden{background:linear-gradient(135deg,#ffc629,#eaa814);color:#102f3a}.arcade-action-card.card-teal{background:linear-gradient(135deg,#193a46,#102f3a)}.arcade-action-card.card-danger{background:linear-gradient(135deg,#6e1b27,#4d121b);color:#fff}.arcade-action-card.card-danger:hover{background:linear-gradient(135deg,#872230,#5e1722)}.arcade-card-icon-bubble{width:42px;height:42px;border-radius:12px;background:#0003;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,255,255,.35);color:#fff}.arcade-card-info{flex:1;min-width:0}.arcade-card-title{font-family:var(--font-display);font-size:1.02rem;font-weight:900;letter-spacing:.5px;line-height:1.15;text-transform:uppercase}.arcade-card-sub{font-size:.74rem;font-weight:700;opacity:.92;margin-top:2px;line-height:1.25}.arcade-card-tag{background:#00000040;border:1.5px solid rgba(255,255,255,.4);padding:3px 8px;border-radius:999px;font-size:.7rem;font-weight:900;letter-spacing:.4px;text-transform:uppercase}.hud-center-title{position:absolute;left:50%;transform:translate(-50%);top:12px;display:flex;flex-direction:column;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:50}.hud-title-text{font-family:var(--font-display);font-size:1.85rem;font-weight:900;letter-spacing:2.5px;margin:0;line-height:1;color:var(--color-navy);text-shadow:none;filter:none;text-transform:uppercase}.character-speech-bubble{position:absolute;left:50%;transform:translate(-50%);top:25%;z-index:25;pointer-events:none;background:#fffffff5;border:3px solid var(--color-teal-dark);border-radius:20px;padding:8px 18px;box-shadow:0 6px 18px #0003;text-align:center;max-width:360px;animation:speechFloat 3s ease-in-out infinite}.character-speech-bubble:after{content:"";position:absolute;bottom:-11px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:11px solid var(--color-teal-dark)}@keyframes speechFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.speech-bubble-tag{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:2px}.speech-bubble-text{font-size:.88rem;font-weight:800;color:var(--color-ink);line-height:1.3}.dashboard-bottom-left-tip{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:8px;background:#102f3ae6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid var(--color-cyan);border-radius:var(--radius-pill);padding:8px 16px;color:var(--color-paper);font-size:.82rem;font-weight:700;box-shadow:0 4px 12px #0003;pointer-events:none;z-index:25}.dashboard-bottom-left-tip .tip-icon{font-size:1rem}.dashboard-bottom-left-tip .tip-text{line-height:1.25}.working-top-nav{position:absolute;top:74px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:60;pointer-events:auto}.working-hud-center{position:absolute;top:106px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:60;pointer-events:auto;width:92%;max-width:480px}@media(max-width:640px){.nav-btn-text-full,.nav-btn-text-short{display:none!important}.game-hud{padding:6px 10px;gap:6px}.coin-badge{padding:4px 10px;font-size:.9rem;gap:4px}.hud-center-title{top:8px!important;left:50%!important;transform:translate(-50%)!important}.hud-title-text{font-size:1.4rem!important;letter-spacing:1.5px!important}.hud-actions{position:absolute!important;top:48px!important;left:10px!important;right:auto!important;display:flex!important;gap:6px!important;z-index:60!important}.arcade-btn-icon{width:34px!important;height:34px!important;min-height:34px!important;min-width:34px!important;padding:0!important;border-radius:var(--radius-md)!important}.jobs-mission-btn{position:absolute!important;right:10px!important;top:48px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--radius-md)!important;z-index:60!important}.jobs-btn-text{display:none!important}.jobs-btn-icon-wrapper{display:flex!important;align-items:center!important;justify-content:center!important}.jobs-btn-badge{top:-5px!important;right:-5px!important;min-width:17px!important;height:17px!important;font-size:.65rem!important}.bottom-overlay{padding:8px 10px;bottom:0}.aim-banner{padding:6px 12px;font-size:.78rem;border-width:1.5px}.modal-content{width:95vw!important;max-height:90vh;border-radius:var(--radius-lg)}.modal-header-coral,.modal-header-teal{padding:10px 14px}.modal-body{padding:14px}.modal-footer{padding:10px 14px}.dashboard-screen-overlay{padding:10px!important;padding-bottom:max(22px,env(safe-area-inset-bottom,22px))!important}.character-head-status-pill{top:calc(74% - 138px)!important}.character-head-status-pill .status-pill{font-size:.76rem!important;padding:4px 10px!important}.dashboard-left-rail{position:absolute!important;left:0!important;right:0!important;width:100%!important;top:auto!important;bottom:max(16px,env(safe-area-inset-bottom,16px))!important;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:12px!important;padding:0 10px!important;z-index:25!important;pointer-events:auto!important}.rail-greeting-badge{display:none!important}.arcade-action-card{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;padding:0!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 3px #102f3ad9,0 4px 8px #00000026!important}.arcade-action-card .arcade-card-info,.arcade-action-card .arcade-card-title,.arcade-action-card .arcade-card-sub{display:none!important}.arcade-card-icon-bubble{width:100%!important;height:100%!important;background:transparent!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important}.dashboard-bottom-left-tip{display:none!important}.character-speech-bubble{top:22%!important;max-width:calc(100vw - 32px)!important;padding:6px 12px!important;border-radius:14px!important;border-width:2px!important}.speech-bubble-tag{font-size:.62rem!important}.speech-bubble-text{font-size:.78rem!important}.arcade-card.dashboard-deck-card,.dashboard-deck-card{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.dashboard-explainer-pill{width:100%!important;max-width:100%!important;min-width:0!important;padding:6px 12px!important;font-size:.72rem!important;line-height:1.35!important;border-radius:14px!important;box-sizing:border-box!important;white-space:normal!important;word-break:break-word!important;text-align:center!important}.explainer-text-desktop{display:none!important}.explainer-text-mobile{display:inline!important}.working-top-nav{top:48px!important;left:10px!important;right:10px!important;gap:6px!important}.working-top-nav button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--radius-md)!important}.working-top-nav button span{display:none!important}.working-hud-center{top:96px!important;width:96%!important}.jobhunt-top-nav{top:48px!important;left:10px!important}.jobhunt-top-nav button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--radius-md)!important}}@media(max-width:380px){.game-hud{padding:4px 6px}.arcade-btn-icon{width:30px!important;height:30px!important;min-height:30px!important;min-width:30px!important}.coin-badge{padding:3px 8px;font-size:.85rem}.working-top-nav button{padding:5px 8px!important;font-size:.76rem!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
