body{font-family:Roboto,sans-serif;background-color:#fef7ff;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:1rem;box-sizing:border-box}body.wand-mode-active,body.wand-mode-active *{cursor:default!important}.wand-click-area{z-index:10!important}.wand-toy{position:fixed;pointer-events:auto;z-index:1000;transform:translate(-50%);transition:transform .1s ease-out}.wand-toy.shaking{animation:wand-shake .6s ease-in-out!important}@keyframes wand-shake{0%,to{transform:translate(-50%) rotate(0) scale(1)}25%{transform:translate(-50%) rotate(-8deg) scale(1.05)}75%{transform:translate(-50%) rotate(8deg) scale(1.05)}}.game-container{display:flex;align-items:flex-start;gap:24px;background-color:#fef7ff;padding:0;border-radius:12px;box-shadow:none;width:100%;max-width:1400px}.main-panel{display:flex;flex-direction:column;align-items:center;flex-grow:1;width:500px;max-width:500px}.tabbed-panel{display:flex;flex-direction:column;height:100%;width:100%;background-color:#fffbff;overflow:visible;box-sizing:border-box}.tab-headers{display:flex;background-color:#f7f2fa;border-radius:0;border-bottom:1px solid #e7e0ec;overflow:visible;pointer-events:auto;position:relative;z-index:10;box-sizing:border-box;width:100%;flex-shrink:0;min-height:44px}.tab-headers::-webkit-scrollbar{display:none}.tab-header{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border:none;background:transparent;color:#49454f;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease;border-radius:0!important;white-space:nowrap;min-width:0;overflow:visible;pointer-events:auto;position:relative;z-index:11;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.tab-header:hover{background-color:#6750a414;color:#6750a4}.tab-header.active{background-color:#6750a4;color:#fff}.tab-header.active:hover{background-color:#553c9a}.tab-icon{width:20px;height:20px;flex-shrink:0}.tab-badge{background:#fff;color:#6750a4;font-size:.6875rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s ease}.tab-header:not(.active) .tab-badge{background:#6750a4;color:#fff}.tab-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;width:100%;box-sizing:border-box;min-height:0}.tab-content .job-panel,.tab-content .things-panel,.tab-content .merits-panel{padding:16px}.tab-content .events-panel{padding:0}.tabbed-panel .panel{width:100%;border:none;border-radius:0;height:100%;background:transparent;padding:16px;overflow-y:auto;overflow-x:visible;box-sizing:border-box}.job-panel-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.job-panel-header .panel-icon{width:24px;height:24px;flex-shrink:0;margin-top:2px}.job-panel-intro{font-size:.875rem;color:#49454f;text-align:center;margin-bottom:24px}.job{border-top:1px solid #e7e0ec;padding-top:16px;margin-top:16px;width:100%;box-sizing:border-box}.job:first-of-type{border-top:none;margin-top:0}.job h4{font-size:1rem;font-weight:500;margin:0 0 8px;color:#1d1b20}.job p{margin:4px 0;font-size:.875rem;color:#49454f}.job-action button{width:100%;margin-top:12px;font-size:.875rem;font-weight:500;line-height:1.4;padding:10px 24px;border:1px solid #79747e;border-radius:20px;background-color:transparent;color:#6750a4;cursor:pointer;transition:background-color .2s}.job-action button:hover{background-color:#6750a414}.job-action button:disabled{border-color:#1c1b1f1f;color:#1c1b1f61;background-color:transparent;cursor:not-allowed}.cat-container{margin:24px 0;position:relative;width:400px;height:300px;display:flex;align-items:center;justify-content:center;contain:layout style;overflow:visible}.wand-click-area{position:absolute;inset:-50px;z-index:10;pointer-events:auto}.cat{font-size:5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;transition:transform .1s ease-in-out}.cat:active{transform:scale(.9)}.stats-container{margin-bottom:24px;text-align:center}.stats-container .currency-display{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.stats-container .currency-chip{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#fff;border:1px solid #e7e0ec;border-radius:16px;box-shadow:0 1px 3px #0000001f}.stats-container .currency-chip .currency-icon{width:20px;height:20px;flex-shrink:0}.stats-container .currency-chip .currency-value{font-size:1.125rem;font-weight:500;color:#21005d;min-width:40px;text-align:right}.conversion-indicator{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;color:#6750a4;background-color:#6750a41a;padding:4px 8px;border-radius:12px;border:1px solid rgba(103,80,164,.2);margin:4px auto;max-width:140px;animation:conversionPulse 2s ease-in-out infinite}.conversion-arrow{font-size:.75rem}.conversion-rate{font-weight:500;font-size:.75rem}@keyframes conversionPulse{0%,to{background-color:#6750a41a;border-color:#6750a433}50%{background-color:#6750a433;border-color:#6750a44d}}.stats-container p{font-size:1.25rem;display:flex;align-items:center;justify-content:center;margin:8px 0;color:#1d1b20}.upgrades-container{display:flex;flex-direction:column;gap:8px;margin-top:16px;position:relative;z-index:20;width:100%;max-width:300px}.wand-icon{width:18px;height:18px;margin-right:8px}.upgrades-container button{padding:10px 24px;border-radius:20px;border:none;background-color:#6750a4;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s}.upgrades-container button:hover:not(:disabled){background-color:#5e4894}.upgrades-container button:disabled{cursor:not-allowed;background-color:#1c1b1f1f;color:#1c1b1f61;opacity:1}.cat-svg{width:250px;height:auto;overflow:hidden;will-change:transform;position:relative;display:block}.cat-svg #cat-container{transform-origin:100px 110px}#head-tilt-wrapper{transform-origin:100px 110px;transition:transform .2s ease-out}#head{animation:head-bob 2.5s ease-in-out infinite;transform-origin:bottom center}#tail{animation:tail-wag 3s ease-in-out infinite;transform-origin:155px 148px}.is-petting #head{animation:head-bob-petting .2s ease-in-out}.heart{position:absolute;animation:fly-up 1s ease-out forwards;pointer-events:none;z-index:100}@keyframes fly-up{0%{transform:translateY(0) translate(0) rotate(0) scale(var(--scale));opacity:1}to{transform:translateY(-100px) translate(var(--translate-x)) rotate(var(--rotation)) scale(var(--scale));opacity:0}}@keyframes head-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(2px) rotate(1deg)}}@keyframes head-bob-petting{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes tail-wag{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}@keyframes tail-flick{0%{transform:rotate(0)}20%{transform:rotate(8deg)}40%{transform:rotate(-4deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0)}}.cat-svg.wiggling-left .ear-wiggling-left{animation:ear-wiggle-left .5s ease-in-out;transform-origin:bottom center}.cat-svg.wiggling-right .ear-wiggling-right{animation:ear-wiggle-right .5s ease-in-out;transform-origin:bottom center}.cat-svg.subtle-wiggling .ear-wiggling-left{animation:ear-wiggle-subtle-left .4s ease-in-out;transform-origin:bottom center}.cat-svg.subtle-wiggling .ear-wiggling-right{animation:ear-wiggle-subtle-right .4s ease-in-out;transform-origin:bottom center}.eye-open,.eye-startled,.eye-sleeping,.eye-happy{transition:opacity .16s ease-in-out}.hidden{opacity:0}@keyframes ear-wiggle-left{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(1.5deg)}}@keyframes ear-wiggle-right{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-1.5deg)}}@keyframes ear-wiggle-subtle-left{0%,to{transform:rotate(0)}40%{transform:rotate(-2.5deg)}80%{transform:rotate(.5deg)}}@keyframes ear-wiggle-subtle-right{0%,to{transform:rotate(0)}40%{transform:rotate(2.5deg)}80%{transform:rotate(-.5deg)}}.zzz{position:absolute;font-size:1.5rem;color:#ccc;animation:float-up 2s ease-out forwards;pointer-events:none}@keyframes float-up{0%{transform:translateY(0) translate(0) rotate(0) scale(var(--scale));opacity:1}to{transform:translateY(-50px) translate(var(--translate-x)) rotate(var(--rotation)) scale(var(--scale));opacity:0}}#left-ear.ear-wiggling{animation:ear-wiggle-left .5s ease-in-out;transform-origin:bottom center}#right-ear.ear-wiggling{animation:ear-wiggle-right .5s ease-in-out;transform-origin:bottom center}.cat-svg.ear-wiggling #left-ear{animation:ear-wiggle-left .5s ease-in-out;transform-origin:bottom center}.cat-svg.ear-wiggling #right-ear{animation:ear-wiggle-right .5s ease-in-out;transform-origin:bottom center}.cat-svg.tail-flicking #tail{animation:tail-flick .6s ease-in-out}.playing #cat-container{animation:play-bat .6s ease-in-out infinite}@keyframes play-bat{0%{transform:rotate(0) scale(1) translate(0)}15%{transform:rotate(-8deg) scale(1.08) translate(-3px)}30%{transform:rotate(0) scale(1) translate(0)}45%{transform:rotate(6deg) scale(1.06) translate(2px)}60%{transform:rotate(0) scale(1) translate(0)}75%{transform:rotate(-5deg) scale(1.04) translate(-2px)}to{transform:rotate(0) scale(1) translate(0)}}.love-icon,.treat-icon{display:inline-block;vertical-align:middle;width:1.2em;height:1.2em;margin-right:8px;position:relative;top:-.1em}.dev-panel{width:300px;min-height:200px;max-height:80vh;overflow-y:auto;background-color:#1a1a1af2;color:#fff;padding:20px;border-radius:8px;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);box-sizing:border-box;flex-shrink:0}.dev-panel h3{margin:0 0 12px;font-size:14px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:8px}.dev-panel p{margin:4px 0;font-family:inherit;line-height:1.4;color:#fff;white-space:nowrap}.dev-panel strong{display:inline-block;width:140px;font-weight:400;color:#ccc}.tabbed-panel .upgrade-panel,.tabbed-panel .playing-panel{width:100%;border:none;border-radius:0;height:100%;background:transparent;margin-top:0;max-height:none;overflow-y:auto;overflow-x:hidden;padding:24px;box-sizing:border-box}.panel-intro{font-size:.875rem;color:#49454f;text-align:center;margin-bottom:24px}.conversion-stats{background-color:#f7f2fa;border-radius:8px;padding:12px;margin-bottom:16px;border:1px solid #e7e0ec}.stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.stat:last-child{margin-bottom:0}.stat-label{font-size:.875rem;color:#49454f}.stat-value{font-size:.875rem;font-weight:500;color:#21005d}.upgrade-section,.playing-section{margin-bottom:24px}.upgrade-section:last-child,.playing-section:last-child{margin-bottom:0}.section-title{font-size:1rem;font-weight:500;color:#1d1b20;margin:0 0 4px}.section-description{font-size:.75rem;color:#49454f;margin:0 0 12px}@media(max-width:1024px){.game-container{flex-direction:column;gap:16px;max-width:100%;padding:16px}.main-panel{width:100%!important;max-width:100%!important}.tabbed-panel{width:100%!important;min-width:100%!important;max-width:100%!important;height:60vh!important}.dev-panel{width:100%!important;max-height:40vh;order:-1}.stats-container .currency-display{flex-wrap:wrap;gap:12px}}@media(max-width:768px){.game-container{padding:12px;gap:12px}}.dev-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.2)}.dev-section:last-child{border-bottom:none}.dev-section h4{font-size:.875rem;font-weight:500;color:#fff;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.currency-tooltip-wrapper{position:relative;display:inline-block;padding:4px;margin:-4px}.currency-tooltip-container{position:relative;display:inline-block;z-index:1001}.currency-tooltip{position:absolute;top:100%;left:50%;margin-left:-140px;margin-top:4px;z-index:10000;pointer-events:auto;opacity:0;animation:tooltipFadeIn .2s ease-out forwards}.currency-tooltip-content{background:#fff;color:#49454f;padding:16px 20px;border-radius:12px;border:1px solid #e7e0ec;box-shadow:0 8px 24px #00000026;min-width:280px;max-width:320px;font-size:.875rem;line-height:1.4}.currency-tooltip-content:before{content:"";position:absolute;bottom:100%;left:140px;transform:translate(-50%);border:9px solid transparent;border-bottom-color:#e7e0ec;z-index:10001}.currency-tooltip-content:after{content:"";position:absolute;bottom:100%;left:140px;transform:translate(-50%);border:8px solid transparent;border-bottom-color:#fff;margin-bottom:-1px;z-index:10002}.tooltip-total{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e7e0ec}.tooltip-total-icon{width:20px;height:20px;flex-shrink:0}.tooltip-total-text{font-size:1rem;font-weight:600;color:#1c1b1f}.tooltip-breakdown{margin-bottom:12px}.tooltip-breakdown-line{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.8rem;color:#79747e}.tooltip-breakdown-icon{width:14px;height:14px;flex-shrink:0;opacity:.8}.tooltip-conversion{display:flex;align-items:center;gap:4px}.conversion-arrow{font-size:.7rem;color:#79747e;margin:0 2px}.tooltip-warning{margin:8px 0;padding:8px 12px;background:#fef7f0;border:1px solid #f9dedc;border-radius:8px;color:#c62828;font-size:.8rem;text-align:center}.tooltip-flavor{margin-top:8px;padding-top:8px;border-top:1px solid #e7e0ec;font-style:italic;font-size:.8rem;color:#79747e;text-align:center;line-height:1.3}.dev-button{width:100%;padding:10px 16px;border:1px solid #ffffff;border-radius:20px;background-color:transparent;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:8px}.dev-button:last-child{margin-bottom:0}.dev-button:hover{background-color:#fff;color:#1a1a1a;border-color:#fff}.event-notification-overlay{position:fixed;inset:0;background:#1d1b2099;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.05,.7,.1,1)}.event-notification-overlay.visible{opacity:1;pointer-events:auto}.event-notification{background:#fffbff;border-radius:28px;padding:40px;max-width:420px;margin:20px;box-shadow:0 8px 16px #6750a426,0 4px 8px #6750a41a;transform:scale(.95) translateY(20px);transition:all .4s cubic-bezier(.05,.7,.1,1);border:1px solid #e7e0ec}.event-notification-overlay.visible .event-notification{transform:scale(1) translateY(0)}.event-notification-cute{background:linear-gradient(135deg,#fef7ff,#f7f2fa);border-left:4px solid #e879f9}.event-notification-humorous{background:linear-gradient(135deg,#fff8f5,#fef7ff);border-left:4px solid #a855f7}.event-notification-encouraging{background:linear-gradient(135deg,#f7f2fa,#fffbff);border-left:4px solid #6750a4}.event-notification-informative{background:linear-gradient(135deg,#fffbff,#f7f2fa);border-left:4px solid #7c3aed}.event-title{margin:0 0 20px;color:#21005d;font-size:1.5rem;font-weight:500;line-height:1.4}.event-message{margin:0 0 28px;line-height:1.6;color:#49454f;font-size:1rem}.event-goal{background:#6750a414;border-radius:16px;padding:28px;margin-top:28px;border:1px solid rgba(103,80,164,.2)}.goal-header{color:#6750a4;font-weight:600;margin-bottom:12px;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em}.goal-description{margin:0;color:#1d1b20;font-size:.875rem;line-height:1.5}.event-dismiss-btn{background:#6750a4;color:#fff;border:none;border-radius:20px;padding:16px 32px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.05,.7,.1,1);width:100%;letter-spacing:.1em;text-transform:uppercase;margin-top:24px}.event-dismiss-btn:hover{background:#553c9a;box-shadow:0 2px 4px #6750a44d}.locked-jobs-hint{margin-top:20px;padding:16px;background:#6750a40d;border-radius:12px;text-align:center;border:1px dashed rgba(103,80,164,.3);transition:all .2s cubic-bezier(.05,.7,.1,1)}.locked-jobs-hint:hover{background:#6750a414;border-color:#6750a466}.locked-jobs-text{margin:0;color:#49454f;font-size:.875rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.lock-icon{color:#6750a4;opacity:.7}.reward-notification-overlay{position:fixed;inset:0;background:#1d1b2099;display:flex;align-items:center;justify-content:center;z-index:2100;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.05,.7,.1,1)}.reward-notification-overlay.visible{opacity:1;pointer-events:auto}.reward-notification{background:linear-gradient(135deg,#6750a4,#553c9a);border-radius:28px;padding:32px;max-width:400px;margin:20px;box-shadow:0 12px 24px #6750a440,0 6px 12px #6750a426;transform:scale(.9) translateY(40px);transition:all .5s cubic-bezier(.05,.7,.1,1);color:#fff;text-align:center;position:relative;overflow:hidden}.reward-notification:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.reward-notification-overlay.visible .reward-notification{transform:scale(1) translateY(0)}.reward-header{margin-bottom:20px;position:relative;z-index:1}.celebration-icon{font-size:3rem;margin-bottom:12px;animation:bounce .6s ease-in-out}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.reward-title{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.reward-content{margin-bottom:24px;position:relative;z-index:1}.goal-completed-text{font-size:1rem;margin:0 0 12px;color:#ffffffe6;font-style:italic}.reward-message{font-size:.875rem;margin:0 0 20px;color:#fffc;line-height:1.5}.reward-items{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.reward-item{background:#ffffff26;border-radius:16px;padding:12px 20px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}.reward-amount{display:block;font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:4px}.reward-type{display:block;font-size:.75rem;color:#fffc;text-transform:uppercase;letter-spacing:.1em}.reward-claim-btn{background:#ffffffe6;color:#6750a4;border:none;border-radius:20px;padding:16px 32px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.05,.7,.1,1);text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:1;min-width:160px}.reward-claim-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.notification-queue{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:16000;pointer-events:none;width:500px;display:flex;flex-direction:column-reverse;gap:10px;align-items:center}.toast-notification{transform:translateY(100px);background:#4c3575;color:#fff;border-radius:18px;padding:16px 20px;box-shadow:0 0 0 3px #fffc,0 4px 12px #0003;opacity:0;transition:all .3s cubic-bezier(.05,.7,.1,1);max-width:500px;min-width:420px;margin:0 auto;pointer-events:none;will-change:transform,opacity;backface-visibility:hidden;width:100%;position:relative}.toast-notification.visible{opacity:1;transform:translateY(0);pointer-events:auto}.toast-item{position:relative;transition:transform .3s ease-out}.toast-content{display:flex;align-items:center;gap:12px}.toast-icon{font-size:1.25rem;animation:toastBounce .6s ease-in-out;margin-right:4px}@keyframes toastBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-2px)}60%{transform:translateY(-1px)}}.toast-text{flex:1;min-width:0}.toast-title{font-size:.9375rem;font-weight:600;margin-bottom:3px;color:#fff}.toast-goal{font-size:.8125rem;color:#ffffffe6;font-style:italic;line-height:1.4}.toast-rewards{display:flex;gap:6px;align-items:center;margin-right:6px}.toast-reward-item{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:600;color:#fff;background:#ffffff26;padding:4px 8px;border-radius:8px}.toast-reward-icon{width:10px;height:10px}.toast-claim-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:8px 12px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.toast-claim-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.toast-new-goal{font-size:.8125rem;color:#e879f9;font-weight:600;margin-top:6px}.event-toast{left:50%;transform:translate(-50%) translateY(100px);background:#4c3575;color:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 0 0 3px #fffc,0 4px 12px #0003;z-index:1600;opacity:0;transition:all .3s cubic-bezier(.05,.7,.1,1);max-width:400px;min-width:320px;pointer-events:none;will-change:transform,opacity;isolation:isolate;position:fixed;contain:layout style paint}.event-toast.visible{pointer-events:auto;opacity:1;transform:translate(-50%) translateY(0)}.event-toast .toast-new-goal{font-size:.6875rem;color:#e879f9;font-weight:600;margin-top:4px}.merits-panel{display:flex;flex-direction:column;height:100%}.merits-header{margin-bottom:16px;padding-bottom:12px}.merits-title{display:flex;align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:600;color:#1d1b20}.merits-title-icon{width:20px;height:20px;color:#6750a4}.merit-badge-tooltip{position:fixed;z-index:20000;pointer-events:none;opacity:0;animation:tooltipFadeIn .2s ease-out forwards;width:240px;background:#fff;color:#49454f;padding:12px 16px;border-radius:8px;border:1px solid #e7e0ec;box-shadow:0 4px 16px #0000001f;font-size:.8rem;line-height:1.3}.merit-badge-tooltip:before{content:"";position:absolute;top:18px;left:-8px;width:0;height:0;border:8px solid transparent;border-right-color:#e7e0ec;border-left:none;z-index:10001}.merit-badge-tooltip:after{content:"";position:absolute;top:19px;left:-7px;width:0;height:0;border:7px solid transparent;border-right-color:#fff;border-left:none;z-index:10002}.merit-badge-tooltip.left-side:before{left:auto;right:-8px;width:0;height:0;border:8px solid transparent;border-left-color:#e7e0ec;border-right:none}.merit-badge-tooltip.left-side:after{left:auto;right:-7px;width:0;height:0;border:7px solid transparent;border-left-color:#fff;border-right:none}.merit-tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e7e0ec}.merit-status-badge{margin-left:auto;padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.02em;display:flex;align-items:center;gap:2px}.merit-status-badge.earned{background:#e8f5e8;color:#2e7d2e;border:1px solid #c8e6c8}.merit-status-badge.locked{background:#f5f5f5;color:#757575;border:1px solid #e0e0e0}.merit-tooltip-icon{font-size:16px;color:#6750a4}.merit-tooltip-title{font-size:.9rem;font-weight:600;color:#1c1b1f;margin:0}.merit-tooltip-description{margin-bottom:8px;color:#49454f;line-height:1.3;font-size:.75rem}.merit-tooltip-details{display:flex;flex-direction:column;gap:4px}.merit-tooltip-requirement,.merit-tooltip-rewards{font-size:.75rem;color:#79747e;display:flex;align-items:center;gap:3px;flex-wrap:wrap}.reward-detail{display:flex;align-items:center;gap:2px;margin-left:4px}.tooltip-breakdown-icon{width:10px;height:10px;opacity:.8}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.merit-badges-container{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;padding:8px 4px}.merit-badge-wrapper,.merit-badge{width:56px}.badge-circle{width:44px;height:44px}.badge-inner-ring{width:36px;height:36px}.badge-icon{width:18px;height:18px}.badge-title{font-size:.55rem;max-width:56px;margin-top:4px}.badge-shine{top:1px;left:1px;width:10px;height:10px}}@media(min-width:1200px){.merit-badges-container{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:14px}.merit-badge-wrapper,.merit-badge{width:68px}.badge-circle{width:52px;height:52px}.badge-inner-ring{width:42px;height:42px}.badge-icon{width:22px;height:22px}.badge-title{font-size:.65rem;max-width:68px}}.item-card{background-color:transparent;border:none;border-top:1px solid #e7e0ec;border-radius:0;padding:16px 8px;display:flex;flex-direction:column;transition:background-color .2s ease-in-out;height:100%;box-sizing:border-box}.item-card:hover{background-color:#f7f2fa;border-radius:12px}@media(min-width:600px){.item-card{border:1px solid #e7e0ec;border-radius:12px;padding:16px}.item-card:hover{border-color:#d0c0d9;box-shadow:0 4px 8px #0000000d}}.item-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.item-card-title{font-size:1rem;font-weight:500;color:#1d1b20;margin:0}.item-card-level{font-size:.75rem;font-weight:500;color:#49454f;background-color:#e8def8;padding:4px 8px;border-radius:8px;white-space:nowrap}.item-card-description{font-size:.875rem;color:#49454f;margin:0 0 12px;line-height:1.4;flex-grow:1}.item-card-body{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;gap:16px}.item-card-effects{font-size:.875rem;color:#49454f;display:flex;flex-direction:column;gap:2px}.item-card-effects strong{color:#1d1b20}.item-card-effects .next-level-name{font-size:.8em;color:#6750a4;font-style:italic}.item-card-purchase{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}.item-card-button{padding:10px 16px;border-radius:20px;border:1px solid #79747e;font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color .2s;min-width:120px}.item-card-button.available{background-color:#6750a4;color:#fff;border-color:#6750a4}.item-card-button.available:hover{background-color:#553c9a}.item-card-button.disabled{background-color:transparent;color:#939094;border-color:#e7e0ec;cursor:not-allowed}.upgrade-item{border-top:1px solid #e7e0ec;padding-top:16px;margin-top:16px;width:100%;box-sizing:border-box}.upgrade-item:first-of-type{border-top:none;margin-top:0}.upgrade-header{margin-bottom:8px}.upgrade-info{width:100%}.upgrade-name{font-size:1rem;font-weight:500;margin:0 0 8px;color:#1d1b20}.upgrade-description{font-size:.875rem;color:#49454f;margin:4px 0}.upgrade-stats{margin-bottom:8px}.current-effect,.upgrade-level{font-size:.875rem;color:#49454f;margin:4px 0}.upgrade-purchase{border-top:1px solid #f7f2fa;padding-top:8px}.next-upgrade{font-size:.875rem;color:#49454f;margin:4px 0}.upgrade-cost{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap;width:100%}.cost{display:flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:500;min-width:0;flex-shrink:1}.cost.affordable{color:#49454f}.cost.expensive{background-color:#ffebee;color:#c62828}.inline-cost{display:inline-flex;align-items:center;gap:4px;margin-right:8px}.inline-cost:last-child{margin-right:0}.cost-icon{width:16px;height:16px;flex-shrink:0}.upgrade-button{width:100%;margin-top:12px;font-size:.875rem;font-weight:500;line-height:1.4;padding:10px 24px;border:1px solid #79747e;border-radius:20px;background-color:transparent;color:#6750a4;cursor:pointer;transition:background-color .2s}.upgrade-button.available{border-color:#6750a4;background-color:#6750a4;color:#fff}.upgrade-button.available:hover{background-color:#553c9a;border-color:#553c9a}.upgrade-button.disabled{border-color:#e7e0ec;background-color:transparent;color:#939094;cursor:not-allowed}.max-level{text-align:center;font-size:.75rem;color:#49454f;font-weight:500;padding:8px;background-color:#f7f2fa;border-radius:6px}.upgrade-section .section-description{margin-bottom:15px;font-size:.9em;color:#666}.panel{overflow-y:auto;overflow-x:visible;padding-bottom:100px}.upgrade-section,.playing-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.tab-content{overflow-y:auto;overflow-x:visible;position:relative;z-index:1}.tabbed-panel{position:relative;overflow:visible}.item-card-wrapper{position:relative;display:block;width:100%}.item-card-button{width:100%;padding:12px 16px;border:1px solid #e7e0ec;border-radius:8px;background-color:#f7f2fa;color:#49454f;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease-in-out;font-family:inherit;font-size:.875rem;text-align:left}.item-card-button:hover{background-color:#f3edf7;border-color:#cac4d0}.item-card-button.available{background-color:#f3edf7;color:#6750a4;border-color:#6750a4;font-weight:500}.item-card-button.available:hover{background-color:#e8def8;border-color:#553c9a}.item-card-button.available .item-card-title,.item-card-button.available .item-card-icon{color:#6750a4}.item-card-button.available .item-card-level{background-color:#6750a4;color:#fff}.item-card-button.disabled{background-color:#f9f9f9;color:#939393;border-color:#e5e5e5;cursor:not-allowed}.item-card-button.disabled .item-card-title,.item-card-button.disabled .item-card-icon{color:#939393}.item-card-button.disabled .item-card-level{background-color:#e5e5e5;color:#939393}.item-card-main-content{display:flex;align-items:center;gap:12px;flex:1}.item-card-icon{font-size:20px;color:inherit;margin-right:0}.item-card-title{font-weight:500;color:inherit;flex:1}.item-card-level{background-color:#e7e0ec;color:#49454f;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;min-width:-moz-fit-content;min-width:fit-content}.item-card-cost{margin-left:16px}.item-card-tooltip{position:absolute;top:50%;left:100%;margin-left:12px;transform:translateY(-50%);z-index:10000;pointer-events:auto;opacity:0;animation:tooltipFadeIn .2s ease-out forwards}.item-card-tooltip-content{background:#fff;color:#49454f;padding:16px 20px;border-radius:12px;border:1px solid #e7e0ec;box-shadow:0 8px 24px #00000026;min-width:280px;max-width:320px;font-size:.875rem;line-height:1.4;position:relative}.item-card-tooltip-content:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border:9px solid transparent;border-right-color:#e7e0ec;z-index:10001}.item-card-tooltip-content:after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border:8px solid transparent;border-right-color:#fff;margin-right:-1px;z-index:10002}.item-tooltip-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e7e0ec}.item-tooltip-icon{font-size:20px;color:#6750a4}.item-tooltip-title{font-size:1rem;font-weight:600;color:#1c1b1f;margin:0}.item-tooltip-description{margin-bottom:12px;color:#49454f;line-height:1.4}.item-tooltip-effects{margin-bottom:8px}.item-tooltip-effect-line{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.8rem;color:#79747e}.things-section{margin-bottom:32px;overflow:visible}.things-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:16px;overflow:visible}@media(max-width:768px){.things-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}}@media(min-width:1200px){.things-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}}.thing-card-wrapper{position:relative}.thing-card{width:100%;padding:12px 8px;border:1px solid #cac4d0;border-radius:8px;background-color:#fffbff;cursor:pointer;transition:all .2s ease-in-out;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-height:110px;box-shadow:0 1px 3px #0000001a}.thing-card:hover{background-color:#f7f2fa;border-color:#6750a4;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.thing-card.affordable{background-color:#f3edf7;border-color:#6750a4;color:#6750a4;box-shadow:0 2px 8px #6750a41a}.thing-card.affordable:hover{background-color:#e8def8;border-color:#553c9a;transform:translateY(-2px);box-shadow:0 6px 16px #6750a433}.thing-card.expensive{background-color:#faf9fc;color:#79747e;border-color:#e7e0ec;cursor:not-allowed;opacity:.7}.thing-card.expensive:hover{transform:none;box-shadow:0 1px 3px #0000001a;background-color:#faf9fc}.thing-card-icon{font-size:24px;color:inherit;margin-bottom:4px}.thing-card-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px}.thing-card-name{font-size:.75rem;font-weight:500;line-height:1.2;color:inherit}.thing-card-quantity{font-size:.7rem;color:inherit;opacity:.8}.thing-card-cost{display:flex;align-items:center;justify-content:center;margin-top:4px;font-size:.75rem;font-weight:500}.thing-card.affordable .cost-icon.fish-icon{color:#00a5e0!important}.thing-card.expensive .cost-icon.fish-icon{color:#939393!important}.thing-card .inline-cost{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600}.thing-card .cost-icon{width:14px;height:14px;color:inherit}.thing-card-tooltip{z-index:10000;pointer-events:none;opacity:0;animation:tooltipFadeIn .2s ease-out forwards;width:240px;background:#fff;color:#49454f;padding:12px 16px;border-radius:8px;border:1px solid #e7e0ec;box-shadow:0 4px 16px #0000001f;font-size:.8rem;line-height:1.3}.thing-card-tooltip.left-side:before{content:"";position:absolute;top:18px;left:auto;right:-8px;width:0;height:0;border:8px solid transparent;border-left-color:#e7e0ec;border-right:none;z-index:10001}.thing-card-tooltip.left-side:after{content:"";position:absolute;top:19px;left:auto;right:-7px;width:0;height:0;border:7px solid transparent;border-left-color:#fff;border-right:none;z-index:10002}.thing-tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e7e0ec}.thing-tooltip-icon{font-size:16px;color:#6750a4}.thing-tooltip-title{font-size:.9rem;font-weight:600;color:#1c1b1f;margin:0}.thing-tooltip-description{margin-bottom:8px;color:#49454f;line-height:1.3;font-size:.75rem}.thing-tooltip-effects{display:flex;flex-direction:column;gap:4px}.thing-tooltip-effect,.thing-tooltip-price{font-size:.75rem;color:#79747e;display:flex;align-items:center;gap:3px}.enhanced-jobs-section{display:flex;flex-direction:column;gap:12px;width:100%}.compact-job-card{background:#fffbff;border:1px solid #e7e0ec;border-radius:8px;padding:16px;transition:all .2s ease;box-shadow:0 1px 3px #6750a41a;width:100%;box-sizing:border-box}.compact-job-card:hover{border-color:#6750a4;box-shadow:0 2px 8px #6750a426}.job-main-info{display:flex;align-items:center;gap:12px;margin-bottom:8px}.job-icon-small{font-size:20px;color:#6750a4;background:#f3e5f5;padding:6px;border-radius:6px;flex-shrink:0}.job-details{flex:1;min-width:0}.job-name{font-size:.875rem;font-weight:600;color:#1d1b20;margin-bottom:4px}.job-progress{display:flex;align-items:center;gap:8px;margin-bottom:4px}.job-ladder-compact{display:flex;gap:2px;align-items:center}.ladder-dot{font-size:8px;line-height:1}.ladder-dot.completed{color:#4caf50}.ladder-dot.current{color:#ff9800}.ladder-dot.locked{color:#bdbdbd}.job-current{font-size:.75rem;color:#49454f;font-weight:500}.income-indicator{color:#6750a4;font-weight:600;font-size:.7rem}.experience-bar-compact{position:relative;width:100%;height:6px;background:#e7e0ec;border-radius:3px;overflow:hidden}.experience-fill-compact{height:100%;background:linear-gradient(90deg,#9c27b0,#6750a4);border-radius:3px;transition:width .3s ease}.experience-text{position:absolute;top:-18px;right:0;font-size:.625rem;color:#6750a4;font-weight:500}.job-actions-compact{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:#fffbff;min-width:80px;justify-content:center}.train-btn.affordable{color:#6750a4;border-color:#6750a4;background:#f3e5f5}.train-btn.affordable:hover{background:#e1bee7;transform:translateY(-1px)}.train-btn.expensive{color:#9e9e9e;border-color:#e0e0e0;background:#f5f5f5;cursor:not-allowed}.train-btn.expensive .love-icon-small{color:#939393!important}.promote-btn.ready{color:#bc477b;border-color:#bc477b;background:#fdf2f8}.promote-btn.ready:hover{background:#f8bbd9;transform:translateY(-1px)}.promote-btn.needs-exp{color:#9e9e9e;border-color:#e0e0e0;background:#f5f5f5;cursor:not-allowed}.love-icon-small{width:14px;height:14px;margin-left:3px;display:inline-flex;align-items:center;vertical-align:text-bottom;flex-shrink:0}.tooltip-heart-icon{width:14px;height:14px;margin:0 2px;display:inline-block;vertical-align:middle}.treats-icon-small{width:10px;height:10px;margin:0 1px;display:inline-flex;align-items:center;vertical-align:baseline}.tooltip-fish-icon{width:12px;height:12px;margin:0 2px;display:inline-block;vertical-align:middle}.max-level-compact{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#fff8e1;color:#f57c00;border:1px solid #ffc107;border-radius:6px;font-size:.75rem;font-weight:500}.action-btn .material-symbols-outlined,.max-level-compact .material-symbols-outlined{font-size:16px}.btn-text{font-size:.875rem}.interview-feedback{margin:6px 0;font-size:12px;line-height:1.2}.interview-feedback strong{color:#333}.interview-feedback em{color:#d32f2f;font-style:italic}.interview-btn.affordable{color:#6750a4;border-color:#6750a4;background:#f3e5f5}.interview-btn.affordable:hover{background:#e1bee7;transform:translateY(-1px)}.interview-btn.expensive{color:#9e9e9e;border-color:#e0e0e0;background:#f5f5f5;cursor:not-allowed}.interview-btn.expensive .love-icon-small{color:#939393!important;opacity:1}.accept-offer-btn.ready{color:#2e7d32;border-color:#2e7d32;background:#f1f8e9}.accept-offer-btn.ready:hover{background:#dcedc8;transform:translateY(-1px)}.merits-header{margin-bottom:8px;padding-bottom:4px}.merits-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:1.1rem;font-weight:600;color:#1d1b20}.merits-title-icon{width:24px;height:24px;color:#6750a4;font-variation-settings:"FILL" 1}.merit-points-display{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:.875rem}.available-points{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#e8def8;border-radius:16px;color:#6750a4;font-weight:600;border:1px solid #d0bcff}.available-points .merit-icon{color:#f57c00}.merit-subtabs{display:inline-flex;background:transparent;border-radius:0;padding:0;margin:0 0 4px;border:none}.merit-subtab{display:flex;align-items:center;gap:8px;padding:10px 12px;border:none;border-radius:0;background:transparent;color:#666;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;border-bottom:2px solid transparent;min-width:0;white-space:nowrap}.merit-subtab:hover{color:#6750a4}.merit-subtab.active{color:#6750a4;font-weight:600;border-bottom-color:#6750a4}.merit-subtabs:after{content:none}.subtab-icon{width:16px;height:16px;font-variation-settings:"FILL" 1;line-height:1;flex-shrink:0}.merit-stats{display:flex;gap:32px;margin:16px 0 20px;padding:12px 16px;background:#fafafa;border-radius:8px;border:1px solid #e0e0e0}.merit-stat{display:flex;align-items:center;gap:8px}.stat-icon{width:18px;height:18px;font-variation-settings:"FILL" 1;color:#f57c00}.stat-label{font-size:.875rem;color:#49454f;font-weight:500;letter-spacing:.025em}.stat-value{font-size:.875rem;color:#1d1b20;font-weight:700;min-width:20px;text-align:center}.available-badge{background:#f44;color:#fff;border-radius:12px;padding:3px 8px;font-size:.625rem;font-weight:700;margin-left:6px;animation:pulse-badge 2s infinite;box-shadow:0 1px 3px #f446}.achievement-count{color:inherit;opacity:.7;font-size:.7rem;margin-left:2px;font-weight:400;flex-shrink:0}.merit-subtab.active .achievement-count{opacity:.9}@keyframes pulse-badge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}.merit-icon{width:16px;height:16px;font-variation-settings:"FILL" 1;color:#f57c00}.earned-text,.spent-text{color:#49454f;font-weight:500}.merit-upgrades-section{margin-bottom:16px;margin-top:0}.merit-upgrades-compact{display:flex;flex-direction:column;gap:12px}.merit-upgrade-row{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;transition:border-color .2s ease}.merit-upgrade-row:hover{border-color:#6750a4}.upgrade-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.upgrade-icon{font-size:20px;color:#6750a4;background:#f5f5f5;padding:6px;border-radius:4px;flex-shrink:0}.upgrade-details{min-width:0;flex:1}.upgrade-name{font-size:.875rem;font-weight:600;color:#333;margin:0 0 2px}.upgrade-effect{font-size:.75rem;color:#666;margin:0;line-height:1.3}.upgrade-progress{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;min-width:80px}.level-indicators{display:flex;gap:3px;padding:2px}.level-notch{width:6px;height:6px;border-radius:3px;background:#e0e0e0;transition:background-color .2s ease}.level-notch.filled{background:#6750a4}.level-text{font-size:.75rem;color:#49454f;font-weight:600;letter-spacing:.025em}.upgrade-action{flex-shrink:0}.upgrade-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border:1px solid #6750a4;border-radius:4px;background:#fff;color:#6750a4;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:60px;height:32px}.upgrade-btn.available{border-color:#6750a4;background:#fff;color:#6750a4}.upgrade-btn.available:hover{background:#6750a4;color:#fff}.upgrade-btn.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#999;border-color:#ddd}.maxed-badge{background:#fff8e1;color:#f57c00;border:1px solid #ffcc02;border-radius:4px;padding:4px 8px;font-size:.625rem;font-weight:600}.merit-achievements-section{margin-top:0}.merits-flavor-text{font-size:.875rem;color:#49454f;margin:0 0 16px;text-align:center;font-style:italic}.merit-badges-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:12px;flex:1;overflow-y:auto;overflow-x:visible;padding:12px 6px;justify-items:center}.merit-badge-wrapper{position:relative;display:block;width:64px}.merit-badge{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);width:64px}.merit-badge:hover{transform:translateY(-1px)}.merit-badge.earned:hover{transform:translateY(-2px)}.badge-circle{position:relative;width:48px;height:48px;border-radius:50%;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .15s cubic-bezier(.4,0,.2,1);overflow:hidden}.merit-badge.earned .badge-circle{background:#fff;border:1px solid var(--merit-color, #6750a4);box-shadow:0 0 8px rgba(var(--merit-rgb),.3),0 2px 4px #0000001a}.badge-circle:hover{box-shadow:0 3px 6px #00000029,0 2px 4px #0000003b}.merit-badge.locked .badge-circle{background:#fafafa;border:1px solid #e0e0e0;box-shadow:0 1px 2px #0000000f}.badge-inner-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.merit-badge.earned .badge-inner-ring{background:linear-gradient(135deg,var(--merit-color, #6750a4) 0%,var(--merit-color-light, #8a7fb8) 100%)}.merit-badge.locked .badge-inner-ring{background:#f5f5f5}.badge-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.merit-badge.earned .badge-icon{color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.merit-badge.locked .badge-icon{color:#9e9e9e;filter:none}.badge-shine{position:absolute;top:2px;left:2px;width:12px;height:12px;background:linear-gradient(135deg,#fff6,#ffffff1a);border-radius:50%;z-index:4;pointer-events:none}.merit-badge.earned:hover .badge-shine{background:linear-gradient(135deg,#fff9,#fff3)}.badge-title{margin-top:6px;font-size:.6rem;font-weight:500;color:#616161;text-align:center;line-height:1.1;max-width:64px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.merit-badge.earned .badge-title{color:#424242;font-weight:600}.merit-badge-tooltip{background:#fff;color:#333;border:1px solid #ddd;border-radius:6px;padding:12px;max-width:280px;box-shadow:0 2px 8px #00000026;z-index:20000;font-size:.875rem}.merit-badge-tooltip.left-side:before{content:"";position:absolute;top:18px;right:-6px;width:0;height:0;border:6px solid transparent;border-left-color:#ddd;border-right:none}.merit-badge-tooltip.left-side:after{content:"";position:absolute;top:19px;right:-5px;width:0;height:0;border:5px solid transparent;border-left-color:#fff;border-right:none}.merit-badge-tooltip.right-side:before{content:"";position:absolute;top:18px;left:-6px;width:0;height:0;border:6px solid transparent;border-right-color:#ddd;border-left:none}.merit-badge-tooltip.right-side:after{content:"";position:absolute;top:19px;left:-5px;width:0;height:0;border:5px solid transparent;border-right-color:#fff;border-left:none}.merit-tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.merit-tooltip-icon{width:20px;height:20px;color:#6750a4}.merit-tooltip-title{font-size:.875rem;font-weight:600;margin:0;flex:1;color:#333}.merit-status-badge{padding:2px 6px;border-radius:4px;font-size:.625rem;font-weight:600}.merit-status-badge.earned{background:#e8f5e8;color:#2e7d32}.merit-status-badge.locked{background:#f5f5f5;color:#666}.merit-tooltip-description{color:#666;margin:0 0 8px;line-height:1.3}.merit-tooltip-details{font-size:.75rem}.merit-tooltip-reward{color:#6750a4;font-weight:600}.merit-tooltip-requirement{margin-bottom:8px;font-size:.75rem;color:#666}.merit-tooltip-rewards{font-size:.75rem;color:#333}.reward-detail{display:inline-flex;align-items:center;gap:4px;margin-right:12px;font-weight:600}.tooltip-breakdown-icon{width:14px;height:14px;font-variation-settings:"FILL" 1}.love-icon{color:red!important}.treats-icon{color:#00a5e0!important}.upgrades-available-info{background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:8px 14px;font-size:.875rem;color:#6750a4;margin-bottom:12px;display:inline-flex;align-items:center;gap:6px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;min-width:60px;justify-content:center;line-height:1}.upgrades-available-info:hover{background:#f8f9fa;border-color:#6750a4;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.upgrades-available-info .merit-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:16px}.merit-breakdown-line{margin-bottom:4px;font-size:.75rem;color:#666}.merit-breakdown-line:last-child{margin-bottom:0;color:#6750a4;font-weight:600}.cost-star{width:14px;height:14px;color:#f57c00;font-variation-settings:"FILL" 1;display:inline-flex;align-items:center;justify-content:center}.milestone-panel{padding:16px}.milestone-groups-compact{display:flex;flex-direction:column;gap:16px}.milestone-group-compact{border:1px solid #e7e0ec;border-radius:8px;background:#fff;padding:12px}.milestone-group-header-compact{margin-bottom:12px}.group-info-compact{display:flex;align-items:center;gap:8px}.group-icon-small{font-size:18px;color:#6750a4}.group-details-compact{display:flex;align-items:center;gap:12px}.group-name-compact{font-size:14px;font-weight:500;color:#1d1b20}.group-progress-compact{font-size:12px;color:#6750a4;font-weight:500;background:#f3e5f5;padding:2px 8px;border-radius:12px}.milestone-items-row{display:flex;align-items:center;gap:0;padding:8px 0}.milestone-item-compact{position:relative;display:flex;align-items:center}.milestone-icon-compact{position:relative;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;transition:all .2s ease;cursor:pointer}.milestone-item-compact.earned .milestone-icon-compact{background:var(--milestone-color, #6750a4);border-color:var(--milestone-color, #6750a4);color:#fff;box-shadow:0 0 8px rgba(var(--milestone-rgb, 103, 80, 164),.3)}.milestone-item-compact.next .milestone-icon-compact{background:#fff;border-color:var(--milestone-color, #6750a4);color:var(--milestone-color, #6750a4);animation:pulse 2s ease-in-out infinite}.milestone-item-compact.locked .milestone-icon-compact{background:#fafafa;border-color:#e0e0e0;color:#9e9e9e}.milestone-icon-small.material-symbols-outlined{font-size:14px!important}.milestone-item-compact:hover .milestone-icon-compact{transform:scale(1.1)}.milestone-connector{width:16px;height:2px;transition:background-color .3s ease;align-self:center}.milestone-connector.completed{background:var(--milestone-color, #6750a4)}.milestone-progress-ring{position:absolute;top:-2px;left:-2px;width:32px;height:32px;pointer-events:none}.milestone-progress-fill{transition:stroke-dasharray .3s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.milestone-tooltip{background:#fff;border:1px solid #e7e0ec;border-radius:12px;padding:12px;box-shadow:0 4px 12px #00000026;z-index:2100;width:280px;height:100px;position:fixed;font-size:14px;line-height:1.3;pointer-events:none;overflow:visible;display:flex;flex-direction:column}.milestone-tooltip:before{content:"";position:absolute;bottom:-8px;left:var(--arrow-position, 140px);transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #e7e0ec;z-index:1001}.milestone-tooltip:after{content:"";position:absolute;bottom:-7px;left:var(--arrow-position, 140px);transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid white;z-index:1002}.milestone-tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.milestone-tooltip-icon{font-size:18px}.milestone-tooltip-title{margin:0;font-size:14px;font-weight:500;color:#1d1b20}.milestone-status-badge{margin-left:auto;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500}.milestone-status-badge.earned{background:#e8f5e8;color:#2e7d2e}.milestone-status-badge.locked{background:#f3e5f5;color:#6750a4}.milestone-tooltip-description{margin:0 0 8px;font-size:12px;color:#49454f;flex:1;overflow:hidden;text-overflow:ellipsis}.milestone-tooltip-details{display:flex;flex-direction:column;gap:6px;margin-top:auto}.milestone-tooltip-requirement{font-size:12px;color:#49454f}.milestone-tooltip-rewards{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#49454f}.award-panel{padding:16px}.award-flavor-text{margin:0 0 16px;font-size:14px;color:#49454f;text-align:center;font-style:italic}.awards-badges-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px 6px;padding:12px 6px;justify-items:center}.badge-progress{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:40px;height:3px;background:#e7e0ec;border-radius:2px;overflow:hidden}.badge-progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.award-tooltip{background:#fff;border:1px solid #e7e0ec;border-radius:12px;padding:12px;box-shadow:0 4px 12px #00000026;z-index:1000;width:280px;height:100px;position:fixed;font-size:14px;line-height:1.3;pointer-events:none;overflow:visible;display:flex;flex-direction:column}.award-tooltip:before{content:"";position:absolute;bottom:-8px;left:var(--arrow-position, 140px);transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #e7e0ec;z-index:1001}.award-tooltip:after{content:"";position:absolute;bottom:-7px;left:var(--arrow-position, 140px);transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid white;z-index:1002}.award-tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.award-tooltip-icon{font-size:18px}.award-tooltip-title{margin:0;font-size:14px;font-weight:500;color:#1d1b20}.award-status-badge{margin-left:auto;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500}.award-status-badge.earned{background:#e8f5e8;color:#2e7d2e}.award-status-badge.locked{background:#f3e5f5;color:#6750a4}.award-tooltip-description{margin:0 0 8px;font-size:12px;color:#49454f;flex:1;overflow:hidden;text-overflow:ellipsis}.award-tooltip-details{display:flex;flex-direction:column;gap:6px;margin-top:auto}.award-tooltip-requirement{font-size:12px;color:#49454f}.requirement-progress{margin-top:4px}.progress-fraction{font-size:11px;color:#6750a4;font-weight:500}.award-tooltip-rewards{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#49454f}.reward-detail{display:flex;align-items:center;gap:4px;padding:2px 6px;background:#f3e5f5;border-radius:8px;font-weight:500}.love-reward{color:#d32f2f}.treats-reward{color:#1976d2}.merit-reward{color:#6750a4}.tooltip-breakdown-icon{width:12px;height:12px}.game-layout{display:flex;width:100vw;height:100vh;overflow:hidden;background:#2d3748;box-sizing:border-box}.world-viewport-container{flex:1;position:relative;overflow:hidden;box-sizing:border-box}.side-panel-fixed{width:450px;min-width:450px;max-width:450px;height:100vh;background:#fff;border-left:1px solid #e2e8f0;overflow:hidden;z-index:2000;display:flex;flex-direction:column;box-sizing:border-box}.side-panel-fixed .tabbed-panel{height:100%;width:100%;overflow:visible}body{font-family:Roboto,sans-serif;background-color:#2d3748;margin:0;padding:0;box-sizing:border-box;overflow:hidden}.world-2d-container{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,#f5e6d3,#f0dcc9)}.world-viewport{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.world-content{position:relative;width:1600px;height:100%;transition:transform .2s ease-out}.world-content[data-resizing=true]{transition:none!important}.pan-button{position:fixed;top:50%;transform:translateY(-50%);width:50px;height:50px;border:none;border-radius:50%;background:#6750a4e6;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003;z-index:1500}.pan-button.pan-left{left:20px}.pan-button.pan-right{right:470px}.pan-button:hover:not(:disabled){background:#6750a4;transform:translateY(-50%) scale(1.1)}.pan-button:disabled{background:#0000004d;cursor:not-allowed;transform:translateY(-50%)}.bottom-controls{position:fixed;bottom:20px;left:calc(50% - 225px);transform:translate(-50%);display:flex;gap:12px;z-index:1600}.control-button{width:50px;height:50px;border:none;border-radius:50%;background:#6750a4e6;color:#fff;font-size:20px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center}.bottom-control-svg{width:24px;height:24px;display:block;flex-shrink:0}.control-button:hover{background:#6750a4;transform:scale(1.1)}.world-background{position:absolute;inset:0;z-index:1}.house-interior{position:absolute;inset:0;background:linear-gradient(180deg,#f5e6d3,#f0dcc9);z-index:2}.back-wall{position:absolute;top:0;left:0;right:0;bottom:var( --floor-height, 40vh );background:linear-gradient(180deg,#ffeee6,#f5e6d3)}.door{position:absolute;bottom:0;right:15%;width:90px;height:260px}.door-frame{position:relative;width:100%;height:100%;background:#8d6e63;border-radius:6px 6px 0 0;padding:3px}.door-panel{width:100%;height:100%;background:linear-gradient(180deg,#d7a3a3,#c2827b,#8d6e63);border-radius:4px 4px 0 0}.door-handle{position:absolute;right:16px;top:50%;width:12px;height:12px;background:#f4d03f;border-radius:50%;transform:translateY(-50%);box-shadow:2px 2px 4px #0000004d}.wall-decorations{position:absolute;top:25%;left:40%;right:40%;height:30%}.picture-frame{position:absolute;background:#d7a3a3;border-radius:4px;padding:8px}.picture-1{top:0;left:0;width:80px;height:60px}.picture-2{top:20px;right:0;width:60px;height:80px}.frame-border{width:100%;height:100%;border-radius:2px}.picture-content{width:100%;height:100%;border-radius:1px}.picture-cat{background:linear-gradient(45deg,#ffb6c1,pink,#ffb6c1)}.picture-abstract{background:linear-gradient(135deg,#9370db,#8a2be2,indigo 66%,#9370db)}.furniture{position:absolute;bottom:0;left:0;right:0;height:100%;z-index:2}.bookshelf{position:absolute;left:5%;bottom:40%;width:160px;height:320px;background:#e8b8b8;border-radius:6px}.shelf{position:absolute;left:12px;right:12px;height:70px;background:sienna;border-radius:3px;display:flex;align-items:flex-end;gap:6px;padding:6px}.shelf-1{top:30px}.shelf-2{top:120px}.shelf-3{top:220px}.book{width:18px;height:54px;border-radius:2px 2px 0 0}.book-red{background:#f5a3a3}.book-blue{background:#a3c5f5}.book-green{background:#a3f5a3}.book-yellow{background:#f5f5a3}.book-purple{background:#c5a3f5}.book-orange{background:#f5c5a3}.book-teal{background:#a3f5f5}.book-pink{background:#f5a3c5}.plant-pot{width:20px;height:24px;background:#d7a3a3;border-radius:2px 2px 8px 8px;position:relative}.plant-leaves{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:16px;height:16px;background:#228b22;border-radius:50% 10px}.decorative-vase{width:16px;height:20px;background:linear-gradient(180deg,#d4af37,#b8860b);border-radius:2px;position:relative}.decorative-vase:after{content:"";position:absolute;inset:2px;background:#87ceeb;border-radius:1px}.side-table{position:absolute;right:20%;bottom:0;width:80px;height:100px}.table-top{position:absolute;top:20px;left:0;right:0;height:16px;background:#d7a3a3;border-radius:4px;box-shadow:0 2px 4px #0000004d}.table-legs{position:absolute;bottom:0;left:8px;right:8px;height:80px;background:linear-gradient(90deg,transparent 0%,transparent 40%,#654321 40%,#654321 60%,transparent 60%,transparent 100%)}.table-legs:before,.table-legs:after{content:"";position:absolute;bottom:0;width:8px;height:100%;background:#654321;border-radius:2px}.table-legs:before{left:0}.table-legs:after{right:0}.table-items{position:absolute;top:0;left:50%;transform:translate(-50%)}.lamp{position:relative;width:32px;height:40px}.lamp-base{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:16px;height:20px;background:#4a4a4a;border-radius:2px 2px 8px 8px}.lamp-shade{position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:24px;background:linear-gradient(180deg,khaki,#daa520);border-radius:50% 50% 0 0;border:2px solid #b8860b}.kitchen-counter{position:absolute;right:12%;bottom:40%;width:240px;height:220px;z-index:2}.counter-top{position:absolute;top:100px;left:0;right:0;height:20px;background:#b8860b;border-radius:4px;box-shadow:0 2px 4px #0000004d}.counter-base{position:absolute;bottom:0;left:0;right:0;height:100px;background:#654321;border-radius:4px}.cabinet-door{position:absolute;bottom:10px;width:80px;height:70px;background:#d7a3a3;border-radius:4px}.cabinet-door-1{left:10px}.cabinet-door-2{right:10px}.counter-items{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:20px}.counter-items{display:none}.floor{position:absolute;bottom:0;left:0;right:0;height:var(--floor-height, 40vh);background:linear-gradient(180deg,#f0dcc9,#e8d1b8)}.floor-pattern{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(230,184,125,.1) 1px,transparent 1px),linear-gradient(180deg,rgba(230,184,125,.1) 1px,transparent 1px);background-size:40px 40px}.rug{position:absolute;bottom:0;left:560px;transform:translate(-50%);width:380px;height:40%;background:linear-gradient(45deg,#e1a3a3,#f5b2b2,#e1a3a3);border-radius:50%}.rug-pattern{position:absolute;inset:20%;background:radial-gradient(circle at center,rgba(255,255,255,.2) 20%,transparent 21%),radial-gradient(circle at 30% 70%,rgba(255,255,255,.1) 15%,transparent 16%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.1) 12%,transparent 13%)}.game-content-layer{position:absolute;bottom:0;left:0;right:0;height:var( --floor-height, 40vh );z-index:10}.world-2d-container .cat-container{width:auto;height:auto;margin:0;display:block!important;align-items:normal!important;justify-content:normal!important;contain:none!important}.world-2d-container .cat-svg{width:100%;height:auto;position:relative;z-index:5;transform-origin:center bottom;will-change:transform;image-rendering:-webkit-optimize-contrast;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}.cat-walk-bobber{animation:none!important;animation-play-state:paused!important}.cat-inner.walking .cat-walk-bobber{animation:cat-walk-bob .7s ease-in-out infinite!important;will-change:transform;animation-play-state:running!important}.cat-inner:not(.walking) .cat-walk-bobber{animation:none!important;animation-play-state:paused!important}@keyframes cat-walk-bob{0%{transform:translateZ(0)}50%{transform:translate3d(0,var(--bob-ampl, 3px),0)}to{transform:translateZ(0)}}.world-2d-container .cat-container{margin:0!important}.world-2d-container .cat-container,.world-2d-container .cat-container *{transition:none!important}.world-2d-container .cat-inner:not(.walking) .cat-walk-bobber{animation:none!important}.world-2d-container .cat-svg{transform:none}.material-symbols-outlined,.material-icons{font-family:Material Symbols Outlined,Material Icons,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif}.events-panel{display:flex;flex-direction:column;height:100%;background:var(--surface-color);font-family:Comic Sans MS,Chalkduster,Bradley Hand,cursive,sans-serif}.events-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border-color);background:var(--surface-variant-color)}.events-header h3{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;color:var(--on-surface-color)}.events-content{flex:1;overflow-y:auto;padding:4px 16px;position:relative}.events-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--surface-color));pointer-events:none}.events-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:var(--on-surface-variant-color);font-style:italic;font-size:11px}.events-empty .events-empty-svg-icon{width:24px;height:24px;margin-bottom:8px;opacity:.4;color:var(--on-surface-variant-color)}.events-empty p{margin:0}.events-list{display:flex;flex-direction:column;gap:3px}@keyframes event-fade-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.event-entry{padding:4px 6px;line-height:1.4;animation:event-fade-in .8s ease-out}.event-text{font-size:12px;color:var(--on-surface-color);margin:0}.event-achievement{display:flex;align-items:center;gap:4px;font-size:12px;color:#b8860b;font-weight:600;background:#b8860b1a;border-radius:4px;padding:4px 6px}.achievement-icon{font-size:14px;color:#b8860b}.world-2d-container #head-tilt-wrapper{transform-origin:100px 110px;transition:transform .2s ease-out}.world-2d-container #head{animation:head-bob 2.5s ease-in-out infinite;transform-origin:bottom center}.world-2d-container #tail{animation:tail-wag 3s ease-in-out infinite;transform-origin:155px 148px}.world-2d-container .is-petting #head{animation:head-bob-petting .2s ease-in-out}.world-2d-container #cat-container{transform-origin:100px 110px}.upgrades-container{position:fixed!important;bottom:30px;left:calc(50% - 200px);transform:translate(-50%);max-width:200px;margin-top:0;z-index:1600}.world-2d-container .cat-svg{min-height:0}.world-2d-container #cat-container{transition:transform .1s ease-out}.world-2d-container .cat-svg #head-tilt-wrapper{transition:transform .14s ease-in-out!important;will-change:transform}.world-2d-container .cat-container{overflow:visible;max-width:none}@keyframes side-pounce-arc{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-60px) translate(var(--pounce-x, 0))}to{transform:translateY(0) translate(var(--pounce-x, 0))}}.world-2d-container .cat-svg.pouncing{animation:side-pounce-arc .6s cubic-bezier(.25,.46,.45,.94)}.world-2d-container #tail{animation:side-tail-wag 3s ease-in-out infinite}@keyframes side-tail-wag{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(12deg)}75%{transform:rotate(-6deg)}}.world-2d-container #head{animation:side-head-bob 2.5s ease-in-out infinite}@keyframes side-head-bob{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(2px) translate(1px)}}.ui-overlay-container{position:absolute;inset:0;pointer-events:none;z-index:1000}.ui-overlay-container>*{pointer-events:auto}.currency-overlay{position:fixed;top:20px;left:calc((100vw - 450px)/2);transform:translate(-50%);z-index:1600}.currency-overlay .currency-display{display:flex;justify-content:center;align-items:center;gap:16px}.currency-overlay .currency-chip{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#fff;border:1px solid #e7e0ec;border-radius:16px;box-shadow:0 1px 3px #0000001f}.side-panel-overlay{position:fixed;top:20px;right:20px;bottom:20px;width:400px;z-index:100}.side-panel-overlay .tabbed-panel{width:400px!important;min-width:400px!important;max-width:400px!important;height:calc(100vh - 40px)!important;max-height:calc(100vh - 40px)!important;flex-shrink:0}.dev-panel-overlay{position:fixed;top:20px;left:20px;z-index:1000;width:min(320px,32vw);max-height:min(45vh,420px);background:#000000a6;border-radius:8px;color:#fff;font-size:12px;overflow:hidden}.dev-panel-compact{background:#0009;border-radius:8px;color:#fff;font-size:11px;overflow:hidden;backdrop-filter:blur(3px)}.dev-panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2)}.dev-panel-title{font-weight:700;font-size:12px}.dev-panel-tabs{display:flex;gap:2px}.dev-tab{padding:4px 8px;background:#ffffff1a;border:none;border-radius:4px;color:#ffffffb3;font-size:10px;cursor:pointer;transition:all .2s}.dev-tab:hover{background:#ffffff26;color:#ffffffe6}.dev-tab.active{background:#ffffff40;color:#fff}.dev-panel-content{padding:12px;min-height:120px;max-height:260px;overflow-y:auto}.dev-tab-content{display:flex;flex-direction:column;gap:8px}.compact-stats{display:flex;flex-direction:column;gap:3px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-family:monospace}.stat-row span:first-child{color:#ffffffb3}.stat-row span:last-child{color:#fff;font-weight:700}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.compact-button{padding:6px 8px;font-size:10px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;cursor:pointer;transition:background .2s}.compact-button:hover{background:#ffffff40}.position-compact{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.coord-compact{display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:10px}.coord-label{color:#ffffffb3;font-weight:700}.coord-values{color:#fff}.movement-compact{display:flex;flex-direction:column;gap:6px}.move-controls{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:4px}.move-btn{padding:6px;font-size:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;cursor:pointer;transition:background .2s}.move-btn:hover{background:#ffffff40}.action-controls{display:grid;grid-template-columns:1fr 1fr;gap:4px}body{font-family:Roboto,sans-serif;background-color:transparent;margin:0;padding:0;box-sizing:border-box;overflow:hidden;display:block;align-items:unset;justify-content:unset;min-height:unset}.game-container{display:block;align-items:unset;gap:unset;background-color:transparent;padding:0;border-radius:0;box-shadow:none;width:100vw;height:100vh;max-width:unset}@media(max-width:1200px){.side-panel-fixed{width:400px;min-width:400px;max-width:400px}.pan-button.pan-right{right:420px}.bottom-controls{left:calc(50% - 200px)}.currency-overlay{left:calc((100vw - 400px)/2)}}@media(max-width:1024px){.side-panel-fixed{width:350px;min-width:350px;max-width:350px}.pan-button.pan-right{right:370px}.bottom-controls{left:calc(50% - 175px)}.currency-overlay{left:calc((100vw - 350px)/2);top:10px}.dev-panel-overlay{top:10px;left:10px}}.states-compact{display:flex;flex-direction:column;gap:12px}.state-section{display:flex;flex-direction:column;gap:6px}.state-label{font-weight:700;font-size:11px;color:#ccc;text-transform:uppercase;letter-spacing:.5px}.state-controls{display:flex;flex-direction:column;gap:4px}.state-indicator{display:flex;align-items:center;gap:6px;font-size:10px}.state-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:background .2s ease}.state-dot.active{background:#4caf50;box-shadow:0 0 4px #4caf5080}.state-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:2px 6px;border-radius:4px;font-size:9px;cursor:pointer;transition:background .2s ease;margin-left:auto}.state-btn:hover{background:#fff3}.state-actions{display:flex;gap:6px}.state-info{display:flex;flex-direction:column;gap:3px}.info-item{font-size:9px;color:#fffc;padding:2px 0}.ecs-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.game-layout{flex-direction:column}.side-panel-fixed{width:100vw;min-width:100vw;max-width:100vw;height:40vh;border-left:none;border-top:2px solid #e2e8f0;order:2}.world-viewport-container{height:40vh;order:1}.pan-button{position:absolute;top:50%;transform:translateY(-50%)}.pan-button.pan-right{right:20px}.bottom-controls{position:absolute;bottom:20px;left:50%}.currency-overlay{left:50vw;top:5px}}.currency-overlay .currency-display{justify-content:center;flex-wrap:wrap;gap:8px}