@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;background-color:#f3f4f6;color:#1f2933}#root{min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.office-card-wrapper:hover,.office-card-wrapper:focus-within{z-index:9998}.card-tooltip{position:fixed;width:320px;background:linear-gradient(145deg,#1a1535fa,#231e41fa);border-radius:16px;padding:20px;box-shadow:0 10px 40px #000000b3;border:2px solid var(--rarity-color, #a335ee);opacity:0;visibility:hidden;transform:translate(-10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:9999;color:#fff;animation:tooltip-fade-in .3s forwards;pointer-events:auto}@keyframes tooltip-fade-in{to{opacity:1;visibility:visible;transform:translate(0)}}.tooltip-header{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.tooltip-name{font-size:18px;font-weight:700;margin-bottom:4px;color:var(--rarity-color, #a335ee);text-shadow:0 2px 4px rgba(0,0,0,.3)}.tooltip-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#b8b8d1}.tooltip-meta .card-rarity-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;color:#fff;box-shadow:0 2px 4px #0003}.tooltip-ppm{background:#64ffda1a;border:1px solid rgba(100,255,218,.3);border-radius:12px;padding:12px;margin-bottom:16px;text-align:center}.tooltip-ppm-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#64ffda;opacity:.8;margin-bottom:4px}.tooltip-ppm-value{font-size:24px;font-weight:700;color:#64ffda;text-shadow:0 2px 8px rgba(100,255,218,.4)}.tooltip-section{margin-bottom:16px}.tooltip-section:last-child{margin-bottom:0}.tooltip-section-title{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#9d9dbd;margin-bottom:8px;font-weight:600}.buff-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;margin-bottom:6px;transition:background .2s ease}.buff-item:last-child{margin-bottom:0}.buff-item:hover{background:#ffffff14}.buff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.buff-header:last-child{margin-bottom:0}.buff-source{font-size:13px;font-weight:600;color:#fff}.buff-multiplier{font-size:13px;font-weight:700;color:#64ffda;text-shadow:0 1px 3px rgba(100,255,218,.5)}.buff-description{font-size:12px;color:#b8b8d1;line-height:1.4}.trait-item{background:linear-gradient(135deg,#a335ee1a,#64ffda0d);border:1px solid rgba(163,53,238,.3);border-radius:8px;padding:12px;margin-bottom:8px}.trait-item:last-child{margin-bottom:0}.trait-name{font-size:14px;font-weight:700;color:#a335ee;margin-bottom:6px;text-shadow:0 1px 3px rgba(163,53,238,.5)}.trait-description{font-size:12px;color:#b8b8d1;margin-bottom:8px;line-height:1.4}.trait-effects{display:flex;gap:8px;flex-wrap:wrap}.trait-effect{font-size:11px;padding:4px 8px;border-radius:4px;background:#64ffda26;color:#64ffda;border:1px solid rgba(100,255,218,.3);font-weight:600}.trait-slot-buffs{margin-top:8px}.trait-item .buff-item{background:#ffffff08;border-color:#a335ee33;margin-top:6px;margin-bottom:4px}.trait-item .buff-item:last-child{margin-bottom:0}.trait-item .buff-item:hover{background:#a335ee1a;border-color:#a335ee4d}.slot-buff-item{background:#ffa5001a;border:1px solid rgba(255,165,0,.3);border-radius:8px;padding:10px 12px;margin-bottom:6px}.slot-buff-item:last-child{margin-bottom:0}.slot-buff-source{font-size:12px;color:orange;margin-bottom:4px;font-weight:600;text-shadow:0 1px 3px rgba(255,165,0,.5)}.empty-state{text-align:center;padding:12px;color:#668;font-size:13px;font-style:italic}@media (max-width: 768px){.card-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 40px);max-width:360px}@keyframes tooltip-fade-in{to{opacity:1;visibility:visible;transform:translate(-50%,-50%)}}}@media (prefers-contrast: high){.card-tooltip{border-width:3px}.buff-item,.trait-item,.slot-buff-item{border-width:2px}}@media (prefers-reduced-motion: reduce){.card-tooltip{animation:none;transition:opacity .1s ease,visibility .1s ease}.buff-item{transition:none}}.app-sidebar{width:14.95rem;background:linear-gradient(180deg,#1a0b2e,#2d1b4e);color:#f9fafb;padding:.92rem 1.15rem;display:flex;flex-direction:column;gap:.92rem;flex-shrink:0}.streamer-room-btn{background:#8b5cf666;border:none;border-radius:.69rem;padding:.69rem .92rem;color:#fff;font-size:.92rem;font-weight:600;display:flex;align-items:center;gap:.575rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.streamer-room-btn:hover{background:#8b5cf699}.home-icon{font-size:1.15rem}.bonus-card-container{background:#00000080;border-radius:.92rem;padding:.92rem;display:flex;flex-direction:column;gap:.805rem}.bonus-card{background:linear-gradient(135deg,#1e143ce6,#140f28e6);border:.115rem solid #06d6a0;border-radius:.805rem;padding:.92rem;position:relative;overflow:hidden;box-shadow:0 0 1.15rem #06d6a080,0 0 2.3rem #06d6a04d;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.bonus-card:hover{transform:translateY(-.115rem);box-shadow:0 0 1.4375rem #06d6a099,0 0 2.875rem #06d6a066}.bonus-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,transparent 100%);pointer-events:none}.training-slot-bg{position:absolute;inset:0;opacity:.3;background:linear-gradient(to bottom,#8b5cf633,#4f46e533)}.bonus-content{position:relative;z-index:1}.bonus-content .office-card-wrapper{margin:auto!important}.current-bonus-text{color:#fff;font-size:.805rem;font-weight:600;text-align:center;margin-bottom:.345rem}.bonus-value{color:#06d6a0;font-size:2.99rem;font-weight:700;text-align:center;text-shadow:0 0 1.15rem rgba(6,214,160,.8);line-height:1;margin-bottom:1.61rem}.girl-name{color:#fff9;font-size:.8625rem;font-weight:600;margin-bottom:.23rem}.referral-code-section{text-align:center}.referral-code-value{color:#fff;font-size:.92rem;font-weight:700;letter-spacing:.0575rem}.referral-code-label{color:#ffffff80;font-size:.575rem;margin-top:.115rem}.referral-uses{position:absolute;bottom:-.345rem;right:-.0575rem;display:flex;align-items:center;gap:.2875rem;color:#06d6a0;font-size:.8625rem;font-weight:600}.referral-icon{width:1.15rem;height:1.15rem;background:#06d6a0;border-radius:50%;display:flex;align-items:center;justify-content:center}.referral-icon:before{content:"👤";font-size:.69rem}.training-timer{display:flex;align-items:center;justify-content:center;gap:.575rem;color:#fff;font-size:2.07rem;font-weight:700;padding:.46rem .92rem;border-radius:.46rem}.training-timer-claimable{background:linear-gradient(135deg,#06d6a0,#04a77a);box-shadow:0 0 1.15rem #06d6a099,0 0 2.3rem #06d6a04d;animation:pulseGlow 2s ease-in-out infinite}.training-timer-claimable:hover{transform:scale(1.05);box-shadow:0 0 1.725rem #06d6a0cc,0 0 3.45rem #06d6a080}.training-timer-claimable:active{transform:scale(.98)}@keyframes pulseGlow{0%,to{box-shadow:0 0 1.15rem #06d6a099,0 0 2.3rem #06d6a04d}50%{box-shadow:0 0 1.725rem #06d6a0cc,0 0 3.45rem #06d6a080}}.clock-icon{font-size:1.84rem}.menu-items{display:flex;flex-direction:column;gap:.46rem}.menu-item{background:transparent;border:none;border-radius:.575rem;padding:.69rem .92rem;color:#fff;font-size:.8625rem;font-weight:600;display:flex;align-items:center;gap:.575rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.menu-item:hover:not(.menu-item-disabled){background:#8b5cf64d}.menu-item-active{background:transparent}.menu-item-active:hover{background:#8b5cf64d}.menu-icon{font-size:1.15rem}.page-container{width:100%;max-width:100%;background:linear-gradient(135deg,#8b45ff26,#ff339926);border:.0625rem solid rgba(255,51,153,.3);border-radius:1.25rem;padding:3rem 2.5rem;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);box-shadow:0 1rem 2.5rem #0f172a1f;display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:1.5rem;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;min-width:0}.right-sidebar{width:23rem;background:linear-gradient(180deg,#1a0f2e,#0d0618);color:#fff;padding:1.15rem;overflow-y:auto;overflow-x:hidden;flex-shrink:0;box-sizing:border-box}.right-sidebar *{box-sizing:border-box}.estimate-section{background:linear-gradient(135deg,#281946cc,#190f32cc);border-radius:1.15rem;padding:1.61rem;margin-bottom:1.15rem;border:.0575rem solid rgba(150,100,200,.3);position:relative;overflow:hidden}.estimate-section:before{content:"";position:absolute;top:0;left:0;right:0;height:.115rem;background:linear-gradient(90deg,#ff1493,#9d4edd,#00d4ff)}.estimate-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.92rem}.estimate-title{color:#b8b0d0;font-size:.7475rem;font-weight:600;text-transform:uppercase;letter-spacing:.08625rem}.info-icon{width:1.265rem;height:1.265rem;border:.115rem solid rgba(150,130,200,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7475rem;color:#b8b0d0;cursor:pointer;transition:all .3s ease}.info-icon:hover{border-color:#00d4ff;color:#00d4ff}.estimate-display{text-align:center;padding:.69rem 0;margin-bottom:.92rem;background:#0003;border-radius:.69rem;border:.0575rem solid rgba(100,80,150,.2)}.estimate-amount{font-size:2.99rem;font-weight:700;background:linear-gradient(135deg,#ff1493,#9d4edd,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.345rem}.estimate-label{color:#c0b8d8;font-size:.805rem;font-weight:600;letter-spacing:.115rem}.farming-info{background:#00000026;border-radius:.575rem;padding:.69rem;margin-bottom:.92rem;border-left:.1725rem solid #ff6b6b}.farming-rate{font-size:.805rem;margin-bottom:.23rem;color:#d0d0e0}.farming-rate span{color:#ff6b6b;font-weight:700}.estimate-note{color:#8a8a9a;font-size:.6325rem}.claim-button{width:100%;padding:.92rem;background:linear-gradient(135deg,#e8e8e8,#fff);color:#1a0f2e;border:none;border-radius:.69rem;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 .23rem .8625rem #ffffff1a}.claim-button:hover{transform:translateY(-.115rem);box-shadow:0 .345rem 1.4375rem #ffffff40}.boost-section{background:linear-gradient(135deg,#1e1437f2,#140f28f2);border-radius:1.38rem;padding:1.38rem;border:.0575rem solid rgba(120,80,180,.3);position:relative}.boost-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.38rem}.boost-title{font-size:.9775rem;font-weight:700;text-transform:uppercase;letter-spacing:.08625rem;background:linear-gradient(135deg,#ff1493,#9d4edd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.boost-toggle{width:1.955rem;height:1.955rem;border-radius:.575rem;display:flex;align-items:center;justify-content:center;font-size:1.035rem;font-weight:700;transition:all .3s ease}.boost-toggle.active{background:#1a0a30;border:.115rem solid #9d4edd;color:#9d4edd;box-shadow:0 0 .8625rem #9d4edd66}.boost-toggle.inactive{background:#0f0a1e99;border:.115rem solid rgba(120,90,160,.25);color:#9d4edd4d}.section-label{color:#9d4edd;font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.115rem;margin-bottom:.92rem;text-align:center}.referral-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.575rem;margin-bottom:1.38rem}.referral-slot{aspect-ratio:.7}.referral-slot-empty{width:100%;height:100%;background:#0f0a1e99;border-radius:.69rem;border:.115rem dashed rgba(120,90,160,.3);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.referral-slot-empty:hover{border-color:#9d4edd99;background:#190f2d99;border-style:solid}.slot-placeholder{color:#9d4edd66;font-size:1.84rem;font-weight:300}.referral-slot-filled{width:100%;height:100%;border-radius:.69rem;overflow:hidden;position:relative;background:linear-gradient(135deg,#22d3ee26,#a855f726,#9d4edd26);border:.115rem solid;border-image:linear-gradient(135deg,#22d3ee,#a855f7,#9d4edd) 1;transition:all .3s ease}.referral-slot-filled:hover{transform:translateY(-.115rem);box-shadow:0 .46rem 1.15rem #9d4edd4d}.referral-slot-card-inner{position:relative;width:100%;height:100%}.referral-slot-image{width:100%;height:100%;object-fit:cover;display:block}.referral-slot-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea99,#764ba299);color:#fff;font-size:1.61rem;font-weight:700}.referral-slot-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#0009);pointer-events:none}.referral-slot-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:.345rem;z-index:1;pointer-events:none}.referral-slot-check{position:absolute;top:.345rem;right:.345rem;width:1.035rem;height:1.035rem;background:#22c55ee6;border:.115rem solid rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.575rem;font-weight:900;box-shadow:0 .115rem .46rem #00000080;z-index:2}.referral-slot-bottom{background:#000000b3;-webkit-backdrop-filter:blur(.23rem);backdrop-filter:blur(.23rem);border-radius:.46rem;padding:.46rem .345rem;text-align:center}.referral-slot-name{color:#fff;font-size:.6325rem;font-weight:700;margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.code-input-container{background:#0f0a1e99;border-radius:.805rem;padding:1.035rem;border:.0575rem solid rgba(120,90,160,.3)}.code-input-label{color:#9d4edd;font-size:.6325rem;font-weight:700;text-transform:uppercase;letter-spacing:.08625rem;margin-bottom:.575rem;text-align:center;display:block}.code-input-wrapper{position:relative;width:100%}.code-input{width:100%;padding:.805rem 2.875rem .805rem .92rem;background:#190f2dcc;border:.115rem solid rgba(120,90,160,.4);border-radius:.575rem;color:#fff;font-size:.8625rem;font-weight:600;text-align:center;letter-spacing:.115rem;text-transform:uppercase;transition:all .3s ease;box-sizing:border-box}.code-input:focus{outline:none;border-color:#9d4edd;background:#1e1437e6;box-shadow:0 0 1.15rem #9d4edd4d}.code-input::placeholder{color:#b4aac866;text-transform:none;letter-spacing:.0575rem;font-weight:500}.code-submit-btn{position:absolute;right:.345rem;top:50%;transform:translateY(-50%);width:2.07rem;height:2.07rem;background:#1a0a30;border:.115rem solid #9d4edd;border-radius:.46rem;color:#9d4edd;font-size:1.035rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;pointer-events:none}.code-submit-btn.visible{opacity:1;pointer-events:auto}.code-submit-btn:hover{transform:translateY(-50%) scale(1.08);background:#220c3d;box-shadow:0 0 .8625rem #9d4edd66}.code-submit-btn:active{transform:translateY(-50%) scale(.95)}.code-hint{text-align:center;font-size:.6325rem;color:#8a8a9a;margin-top:.575rem}.office-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;position:relative;width:100%;min-width:0;align-self:center}.office-stat-card{background:linear-gradient(135deg,#8b45ff26,#ff339926);border:1px solid rgba(255,51,153,.3);border-radius:1rem;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.office-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #8b45ff66}.office-stat-card:not(.office-reward-hero){grid-column:span 2}.office-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:#b8b0d0;margin-bottom:.5rem;font-weight:600}.office-stat-value{font-size:1.5rem;font-weight:700;color:#fff;font-family:Courier New,monospace}.office-stat-subvalue{font-size:.8rem;color:#a78bfa;margin-top:.25rem}.office-stat-card.office-reward-hero{grid-column:span 4;padding:2.5rem;background:linear-gradient(135deg,#ff339940,#8b45ff40);border:2px solid rgba(255,51,153,.6);border-radius:1rem;box-shadow:0 16px 48px #ff33990f,0 0 80px #8b45ff0a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:2rem}.office-stat-card.office-reward-hero:before{content:"";position:absolute;top:50%;left:30%;width:150%;height:150%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,51,153,.15) 0%,transparent 60%);animation:office-rotate-gradient 10s linear infinite;z-index:0;filter:blur(32px)}@keyframes office-rotate-gradient{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.office-reward-hero-content{position:relative;z-index:1;text-align:left;flex:1;cursor:pointer;min-height:200px;overflow:hidden;-webkit-user-select:none;user-select:none}.office-reward-hero-content:active{transform:scale(.98)}.office-reward-display{position:absolute;top:0;left:0;width:100%;transition:opacity .3s ease}.office-reward-display.hidden{opacity:0;pointer-events:none}.office-production-breakdown{position:absolute;top:0;left:0;width:100%;max-height:200px;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .3s ease;padding-right:8px;scrollbar-width:none;-ms-overflow-style:none}.office-production-breakdown::-webkit-scrollbar{display:none}.office-production-breakdown.visible{opacity:1;pointer-events:auto}.office-breakdown-title{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#b8b0d0;margin-bottom:.5rem;font-weight:600}.office-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.75rem}.office-breakdown-label{color:#d0d0e0;font-weight:500}.office-breakdown-value{font-family:Courier New,monospace;color:#90cdf4;font-weight:700}.office-breakdown-value.highlight{color:#68d391;font-size:.85rem}.office-breakdown-divider{height:1px;background:#ffffff26;margin:.4rem 0}.office-multipliers-compact{margin-top:.4rem}.office-multipliers-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:#b8b0d0;margin-bottom:.3rem;font-weight:600}.office-multiplier-compact{display:flex;justify-content:space-between;align-items:center;padding:.2rem .4rem;margin-bottom:.15rem;background:#4299e11a;border-left:2px solid #4299e1;border-radius:.25rem}.office-multiplier-name{font-size:.7rem;color:#90cdf4;font-weight:600}.office-multiplier-mult{font-family:Courier New,monospace;font-size:.7rem;color:#68d391;font-weight:700}.office-click-hint{font-size:.65rem;color:#a78bfa;margin-top:.3rem;opacity:.7;font-style:italic}.office-stat-card.office-reward-hero .office-stat-label{font-size:.9rem;letter-spacing:2px}.office-stat-card.office-reward-hero .office-stat-value{font-size:4rem;background:linear-gradient(135deg,#ff1493,#9d4edd,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;line-height:1;margin:.5rem 0}.office-stat-card.office-reward-hero .office-stat-subvalue{font-size:1.1rem;color:#d0d0e0;font-weight:600}.office-reward-hero-badges{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem}.office-reward-hero-badge{background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.5rem 1rem;display:flex;flex-direction:column;gap:.25rem;min-width:150px}.office-badge-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:#b8b0d0;font-weight:600}.office-badge-value{font-size:1.1rem;font-weight:700;color:#fff;font-family:Courier New,monospace}.office-stat-card.office-reward-hero:hover{transform:translateY(-6px);box-shadow:0 20px 60px #ff339914,0 0 100px #8b45ff0f}.office-no-multipliers{text-align:center;padding:.5rem;color:#ffffff80;font-size:.7rem}.office-upgrade-section{background:linear-gradient(135deg,#8b45ff1a,#ff33991a);border:1px solid rgba(255,51,153,.2);border-radius:1rem;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;box-shadow:0 4px 16px #0003;margin-bottom:2rem;align-self:center;width:100%}.office-upgrade-info{flex:1;text-align:left}.office-upgrade-title{font-size:1rem;font-weight:700;margin-bottom:.25rem;color:#e5e7eb;text-transform:uppercase;letter-spacing:1px}.office-upgrade-timer{font-size:.9rem;color:#b8b0d0;font-family:Courier New,monospace}.office-upgrade-button{padding:.75rem 2rem;border:none;border-radius:.625rem;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;flex-shrink:0}.office-upgrade-button.available{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 16px #22c55e66;animation:office-pulse-glow 2s ease-in-out infinite}.office-upgrade-button.available:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e99}.office-upgrade-button.available:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:office-shimmer 3s infinite}.office-upgrade-button.unavailable{background:#64646433;color:#6b7280;cursor:not-allowed;border:1px solid rgba(156,163,175,.2)}@keyframes office-pulse-glow{0%,to{box-shadow:0 4px 16px #22c55e66}50%{box-shadow:0 4px 20px #22c55eb3,0 0 30px #22c55e4d}}@keyframes office-shimmer{0%{left:-100%}to{left:200%}}@media (max-width: 768px){.office-stats-grid{grid-template-columns:1fr}.office-stat-card:not(.office-reward-hero){grid-column:span 1}.office-stat-card.office-reward-hero{grid-column:span 1;padding:2rem;flex-direction:column;align-items:stretch;gap:1.5rem}.office-reward-hero-content{text-align:center;min-height:180px}.office-reward-hero-badges{flex-direction:row;justify-content:center;gap:1rem}.office-reward-hero-badge{flex:1;min-width:120px}.office-stat-card.office-reward-hero .office-stat-value{font-size:3rem}.office-stat-card.office-reward-hero .office-stat-subvalue{font-size:.95rem}.office-upgrade-section{flex-direction:column;text-align:center}.office-upgrade-info{text-align:center}.office-upgrade-button{width:100%}.office-production-breakdown{text-align:left}}@media (max-width: 480px){.office-stat-card.office-reward-hero{padding:1.5rem}.office-stat-card.office-reward-hero .office-stat-value{font-size:2.5rem}.office-stat-card.office-reward-hero .office-stat-subvalue{font-size:.85rem}.office-reward-hero-badges{flex-direction:column}.office-reward-hero-badge{padding:.5rem .75rem;text-align:center}.office-badge-label{font-size:.6rem}.office-badge-value{font-size:.95rem}.office-reward-hero-content{min-height:160px}.office-breakdown-row{font-size:.7rem}.office-multiplier-compact{font-size:.65rem}}.booster-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-out}.booster-modal-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#1a1a2e,#0f0f1e)}.booster-loading{color:#fff;font-size:24px;text-align:center}.booster-loading p{margin:10px 0}.booster-pack{width:200px;height:280px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:24px;color:#fff;font-weight:700;box-shadow:0 20px 60px #00000080;transition:transform .3s ease;position:relative}.booster-pack:hover{transform:scale(1.05)}.booster-pack.opening{animation:packOpen .8s ease-out forwards}@keyframes packOpen{0%{transform:scale(1) rotateY(0);opacity:1}50%{transform:scale(1.2) rotateY(180deg);opacity:.5}to{transform:scale(0) rotateY(360deg);opacity:0}}.cards-container{position:absolute;width:100%;height:100%;display:none;justify-content:center;align-items:center;gap:20px;perspective:1000px;flex-wrap:wrap;padding:20px}.cards-container.active{display:flex}.card-wrapper{width:220px;perspective:1000px;opacity:0;animation:cardAppear .6s ease-out forwards;flex-shrink:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:0}.card-wrapper:nth-child(1){animation-delay:.1s}.card-wrapper:nth-child(2){animation-delay:.2s}.card-wrapper:nth-child(3){animation-delay:.3s}.card-wrapper:nth-child(4){animation-delay:.4s}.card-wrapper:nth-child(5){animation-delay:.5s}@keyframes cardAppear{0%{opacity:0;transform:translateY(-100px) scale(.5) rotate(20deg)}60%{transform:translateY(10px) scale(1.05) rotate(0)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.card{width:180px;height:260px;position:relative;transform-style:preserve-3d;transition:filter .6s ease;cursor:pointer;animation:cardFloat 3s ease-in-out infinite;flex-shrink:0}.card.common:hover:not(.flipped):not(.flipping){filter:brightness(1.4) drop-shadow(0 0 20px rgba(157,157,157,.9))}.card.rare:hover:not(.flipped):not(.flipping){filter:brightness(1.4) drop-shadow(0 0 20px rgba(0,112,221,.9))}.card.epic:hover:not(.flipped):not(.flipping){filter:brightness(1.4) drop-shadow(0 0 20px rgba(163,53,238,.9))}.card.legendary:hover:not(.flipped):not(.flipping){filter:brightness(1.4) drop-shadow(0 0 20px rgba(255,128,0,.9))}.card-wrapper:nth-child(1) .card{animation-delay:0s}.card-wrapper:nth-child(2) .card{animation-delay:.6s}.card-wrapper:nth-child(3) .card{animation-delay:1.2s}.card-wrapper:nth-child(4) .card{animation-delay:1.8s}.card-wrapper:nth-child(5) .card{animation-delay:2.4s}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.card-wrapper .card.flipping{animation:flipAnimation .6s ease-in-out forwards!important;position:relative;z-index:10}.card-wrapper .card.flipped{transform:rotateY(180deg)!important;animation:none!important;position:relative;z-index:1}@keyframes flipAnimation{0%{transform:rotateY(0) translateY(0);z-index:10}25%{transform:rotateY(90deg) translateY(-20px);filter:brightness(1.3);z-index:10}50%{transform:rotateY(180deg) translateY(-25px);filter:brightness(1.5) drop-shadow(0 0 20px rgba(255,255,255,.8));z-index:10}75%{transform:rotateY(270deg) translateY(-20px);filter:brightness(1.3);z-index:10}to{transform:rotateY(360deg) translateY(0);filter:brightness(1);z-index:10}}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;box-shadow:0 10px 30px #00000080;overflow:hidden;max-width:100%;max-height:100%;box-sizing:border-box}.card-back{background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;justify-content:center;align-items:center;font-size:40px}.card-front{background:#1a1a2e;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;color:#fff;position:relative}.card-border{width:100%;height:100%;border-radius:10px;padding:3px;box-sizing:border-box}.card-inner{width:100%;height:100%;border-radius:7px;overflow:hidden;position:relative;background:#1a1a2e}.card-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;display:block}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0003,#0006 60%,#000c);z-index:1}.card-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:10px;box-sizing:border-box}.card-top{display:flex;justify-content:flex-end;align-items:flex-start;gap:6px}.viewer-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:11px;font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.eye-icon{width:14px;height:14px;stroke-width:2.5}.viewer-count{line-height:1}.card-bottom{display:flex;flex-direction:column;gap:4px}.rarity-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.8);align-self:flex-start}.character-name{font-size:16px;font-weight:700;margin:0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.9);line-height:1.2}.coins-text{font-size:11px;margin:0;color:#ffffffd9;text-shadow:1px 1px 3px rgba(0,0,0,.8);font-weight:500}.modal-close-button{position:absolute;top:20px;right:20px;padding:10px 20px;background:#fff3;color:#fff;border:2px solid white;border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s;z-index:10000}.modal-close-button:hover{background:#ffffff4d}.booster-error{color:#ff6b6b;text-align:center;padding:20px}.booster-error h3{margin-bottom:10px}.booster-error button{margin-top:15px;padding:10px 20px;background:#fff3;color:#fff;border:2px solid white;border-radius:5px;cursor:pointer;font-size:16px}.card-traits{display:flex;flex-direction:column;gap:6px;margin-top:12px;width:100%;max-width:220px}.trait-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;background:linear-gradient(135deg,#a335ee26,#64ffda1a);border:1px solid rgba(163,53,238,.4);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #a335ee33;text-align:center;opacity:0;transform:translateY(10px) scale(.9);animation:traitSlideIn .5s ease-out forwards}@keyframes traitSlideIn{to{opacity:1;transform:translateY(0) scale(1)}}.trait-name{font-size:13px;font-weight:700;color:#e0e0ff;text-shadow:0 2px 4px rgba(0,0,0,.6);letter-spacing:.3px;line-height:1.2}.trait-description{font-size:11px;font-weight:400;color:#e0e0ffbf;text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1.3;max-width:200px}.card-inspection-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-inspection-scene{width:350px;height:490px;perspective:1000px;position:relative}.card-inspection-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;cursor:pointer;will-change:transform}.card-inspection-face{position:absolute;width:100%;height:100%;border-radius:20px;background:linear-gradient(135deg,#1e3a8a,#7c3aed);box-shadow:0 25px 50px -12px #000c;overflow:hidden;backface-visibility:hidden;transform:translateZ(0)}.card-inspection-content{position:relative;width:100%;height:100%;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;color:#fff;z-index:2;box-sizing:border-box}.card-inspection-bottom{width:100%;text-align:center}.card-inspection-title{font-size:32px;font-weight:800;margin-bottom:8px;text-shadow:0 4px 12px rgba(0,0,0,.6);letter-spacing:-.5px}.card-inspection-type{font-size:16px;opacity:.95;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.4);margin-bottom:8px}.card-inspection-stats{font-size:14px;opacity:.9;text-shadow:0 2px 8px rgba(0,0,0,.4)}.card-inspection-rarity-badge{padding:6px 12px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px #0000004d}.card-inspection-live-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#ef4444e6;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px #ef444466}.card-inspection-live-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.card-inspection-shine{position:absolute;inset:0;border-radius:20px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:3;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.4),transparent 40%);mix-blend-mode:overlay}.card-inspection-card:hover .card-inspection-shine{opacity:1}.card-inspection-foil{position:absolute;inset:-50%;border-radius:20px;opacity:0;transition:opacity .3s ease,background-position .05s ease-out;pointer-events:none;z-index:1;background:linear-gradient(115deg,transparent 0%,rgb(255,0,255) 30%,rgb(0,255,255) 50%,rgb(255,255,0) 70%,transparent 100%);background-size:200% 200%;background-position:var(--foil-x, 50%) 50%;filter:brightness(1.1) contrast(1.2);mix-blend-mode:color-dodge;will-change:background-position}.card-inspection-card.foil:hover .card-inspection-foil{opacity:.35}.card-inspection-sparkles{position:absolute;inset:0;border-radius:20px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:4;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 60% 70%,rgba(255,255,255,.6) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.7) 1px,transparent 1px),radial-gradient(circle at 30% 80%,rgba(255,255,255,.5) 1px,transparent 1px),radial-gradient(circle at 90% 60%,rgba(255,255,255,.6) 1px,transparent 1px);background-size:100% 100%;background-position:var(--mouse-x, 50%) var(--mouse-y, 50%);filter:blur(.5px)}.card-inspection-card.foil:hover .card-inspection-sparkles{opacity:.8}.card-inspection-glow{position:absolute;inset:-2px;border-radius:22px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0;background:linear-gradient(135deg,#a855f766,#3b82f666,#a855f766);filter:blur(20px)}.card-inspection-card.foil:hover .card-inspection-glow{opacity:1}.card-inspection-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;z-index:0}.card-inspection-card.foil .card-inspection-background{opacity:.6}.card-inspection-gradient-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,#0000001a,#0000 40% 60%,#0000004d)}.card-inspection-instructions{position:absolute;top:40px;left:50%;transform:translate(-50%);color:#fff9;font-size:14px;text-align:center;z-index:10;pointer-events:none}.card-inspection-close-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:12px;text-align:center;z-index:10;pointer-events:none}.card-inspection-showcase{display:flex;gap:48px;align-items:center;max-width:1200px}.card-inspection-info{width:400px;background:linear-gradient(135deg,#1e3a8a66,#7c3aed66);border-radius:20px;padding:32px;border:1px solid rgba(168,85,247,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.card-inspection-info-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.card-inspection-info-title{font-size:32px;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,#fff 0%,var(--rarity-color, #a855f7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-inspection-info-type{font-size:16px;color:#ffffffb3;font-weight:500}.card-inspection-info-section{margin-bottom:24px}.card-inspection-info-section-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--rarity-color, rgba(168, 85, 247, .9));font-weight:700;margin-bottom:12px}.card-inspection-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card-inspection-stat-item{background:#0000004d;padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.card-inspection-stat-label{font-size:11px;text-transform:uppercase;color:#ffffff80;margin-bottom:4px;letter-spacing:.5px}.card-inspection-stat-value{font-size:24px;font-weight:700;color:var(--rarity-color, #a855f7)}.card-inspection-ability-box{background:#0000004d;padding:16px;border-radius:8px;border-left:3px solid var(--rarity-color, #a855f7);margin-bottom:12px}.card-inspection-ability-name{font-size:14px;font-weight:700;color:var(--rarity-color, #a855f7);margin-bottom:6px}.card-inspection-ability-text{font-size:13px;line-height:1.6;color:#fffc}.card-inspection-flavor-text{font-size:13px;font-style:italic;line-height:1.6;color:#fff9;padding:16px;background:#0003;border-radius:8px;border-left:2px solid var(--rarity-color-dim, rgba(168, 85, 247, .5))}.card-inspection-rarity-badge-new{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,var(--rarity-color, #a855f7) 0%,var(--rarity-color-dark, #7c3aed) 100%);border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px var(--rarity-shadow, rgba(168, 85, 247, .4))}.app-shell{display:flex;flex-direction:column;min-height:100vh;background-color:#f9fafb}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.app-main-section{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:flex-start;padding:1.5rem 2rem;background:#1a0b2e;box-shadow:0 2px 8px #0f172a59;flex-shrink:0}.app-title{margin:0;font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#ff1493,#9d4edd,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-logo{font-size:1.25rem;font-weight:700;letter-spacing:.04em}.sign-in-button{padding:.5rem 1.25rem;border-radius:.5rem;border:none;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.sign-in-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #22c55e59}.card-info{text-align:center;margin-bottom:10px}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.nav-link{display:block;padding:.75rem 1rem;border-radius:.5rem;color:#e5e7eb;background-color:transparent;font-weight:500;transition:background-color .2s ease,color .2s ease}.nav-link:hover{background-color:#ffffff14;color:#fff}.nav-link-active{background-color:#f9fafb;color:#111827;font-weight:700;box-shadow:0 4px 12px #0f172a40}.app-content{flex:1;display:flex;justify-content:center;align-items:center;overflow:auto;min-width:0;background:linear-gradient(180deg,#1a0b2e,#2d1b4e)}.booster-page{width:100%;max-width:100%;align-items:stretch;text-align:left;gap:2.5rem}.booster-header{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;text-align:left}.booster-sections{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.booster-column{display:flex;flex-direction:column;gap:1.25rem}.booster-subtitle{font-size:1.25rem;font-weight:700;margin:0;color:#f3f4f6}.booster-list{display:flex;flex-direction:column;gap:1rem}.booster-card{border-radius:1rem;border:1px solid rgba(255,255,255,.15);background:#ffffff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 10px 18px #00000026}.booster-card-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.booster-card-header h3{font-size:1.15rem;font-weight:700;margin:0;color:#f3f4f6}.booster-sol{font-weight:600;color:#4ade80}.booster-card-details{display:grid;gap:.75rem;margin:0}.booster-card-details div{display:grid;gap:.25rem}.booster-card-details dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.booster-card-details dd{margin:0;font-weight:600;color:#e5e7eb}.booster-card-footer{font-size:.85rem;color:#9ca3af}.primary-button{padding:.75rem 1.75rem;border-radius:9999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #6366f159}.primary-button:disabled{opacity:.6;cursor:not-allowed}.info-text{margin:0;color:#d1d5db;font-size:.95rem}.error-text{margin:0;color:#f87171;font-weight:600}.inventory-signin{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border-radius:1rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.inventory-signin p{color:#e5e7eb;margin:0}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.inventory-card{border-radius:.9rem;border:1px solid rgba(255,255,255,.2);background:#ffffff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.inventory-card:hover{border-color:#8b5cf6;transform:translateY(-1px);box-shadow:0 10px 18px #8b5cf64d}.inventory-card-selected{border-color:#f3b;box-shadow:0 12px 24px #ff33bb59;background:#ff33bb1f}.inventory-name{font-weight:600;color:#f3f4f6}.inventory-count{font-size:.9rem;color:#a78bfa;font-weight:600}.inventory-detail{padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.15);background:#ffffff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:1rem}.inventory-detail h3{color:#f3f4f6;margin:0}.inventory-detail p{color:#d1d5db;margin:0}.open-results{width:100%;padding:1.75rem;border-radius:1rem;background:linear-gradient(135deg,#3b82f61f,#ec48991f);display:flex;flex-direction:column;gap:1rem}.open-results h2{margin:0;font-size:1.35rem;font-weight:700}.open-results-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.open-result-card{border-radius:.9rem;padding:1rem;background-color:#ffffffd9;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 10px 18px #0f172a1f}.result-name{font-weight:600;color:#0f172a}.result-rarity{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.rarity-common{border-left:4px solid #9ca3af}.rarity-rare{border-left:4px solid #3b82f6}.rarity-epic{border-left:4px solid #a855f7}.rarity-legendary{border-left:4px solid #f97316}@media (max-width: 720px){.booster-page{padding:2.25rem 1.75rem}.booster-sections,.open-results-list{grid-template-columns:1fr}}.page-title{font-size:2rem;font-weight:700;margin:0;color:#f3f4f6}.page-description{max-width:480px;color:#d1d5db;margin:0}.office-summary{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.summary-item{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.25rem;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.summary-label{font-size:.85rem;text-transform:uppercase;color:#9ca3af;letter-spacing:.08em}.summary-value{font-size:1.25rem;font-weight:700;color:#f3f4f6}.placeholder-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.placeholder-card{padding:1.25rem;border-radius:1rem;background-color:#eef2ff;color:#3730a3;font-weight:600;box-shadow:inset 0 0 0 1px #3730a333}.back-button{margin-top:1rem;padding:.75rem 2rem;border-radius:9999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;border:none;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.back-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f14d}@media (max-width: 900px){.app-body{flex-direction:column}.app-sidebar{width:100%;flex-direction:row;justify-content:center;gap:.5rem;padding:1rem}.nav-list{flex-direction:row}.nav-link{padding:.5rem .75rem}.app-content{padding:1.5rem}.page-container{padding:2rem 1.5rem}}@media (max-width: 540px){.app-header{flex-direction:column;gap:1rem}.sign-in-button{width:100%}.page-container{padding:1.5rem 1rem;border-radius:.75rem}.placeholder-grid,.office-summary{grid-template-columns:1fr}}@layer components{.auth-chip{display:flex;gap:.5rem;align-items:center;background:#222;color:#fff;padding:.35rem .75rem;border-radius:999px;font-size:.85rem}.sign-out-btn{background:transparent;border:1px solid #555;color:#eee;padding:.25rem .6rem;border-radius:6px;cursor:pointer}.sign-in-wrapper{display:flex;flex-direction:column;align-items:flex-end}.auth-error{color:#ff6b6b;font-size:.7rem;margin-top:.25rem;max-width:160px;text-align:right}.sign-in-button[disabled]{opacity:.6;cursor:progress}.header-account-section{background:linear-gradient(135deg,#8b45ff26,#ff339926);border:1px solid rgba(255,51,153,.3);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:260px}.wallet-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.wallet-address{font-size:13px;color:#b8a3e0;font-family:Courier New,monospace;letter-spacing:.5px}.header-account-section .sign-out-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 14px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s ease;font-weight:500}.header-account-section .sign-out-btn:hover{background:#ffffff26;border-color:#ff339980}.coins-display{display:flex;align-items:center;justify-content:center;gap:10px}.coin-icon{width:32px;height:32px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#8b4513;font-size:18px;box-shadow:0 4px 12px #ffd7004d}.coin-amount{font-size:24px;font-weight:700;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.girls-page-container{width:100%;max-width:100%;overflow:hidden}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:1rem;margin:2rem 0;width:100%;overflow:hidden}@media (max-width: 768px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:.75rem}}@media (max-width: 480px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(min(120px,100%),1fr));gap:.5rem}}.card-item{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;overflow:hidden;min-height:300px}.card-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.card-image{width:100%;height:200px;object-fit:contain;object-position:center;border-radius:.5rem;margin-bottom:.75rem;background:linear-gradient(135deg,#e5e7eb,#f3f4f6)}.card-item{min-height:300px;border-radius:.75rem;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background-color:#fff;border:1px solid rgba(15,23,42,.06)}.card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e5e7eb,#f3f4f6);position:absolute;top:0;left:0;font-size:3rem;opacity:.6}.card-info{width:100%;text-align:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75));padding:1rem;margin:-1rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.card-name{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.5)}.card-rarity{font-size:.875rem;font-weight:500;margin:0;text-transform:uppercase;letter-spacing:.05em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.card-locked-badge{display:inline-block;margin-top:.5rem;padding:.25rem .5rem;background:#ef44441a;color:#dc2626;border-radius:.375rem;font-size:.75rem;font-weight:600}.card-rarity-common{border:2px solid #9ca3af}.card-rarity-common .card-info{background:linear-gradient(180deg,transparent,rgba(15,23,42,.85))}.card-rarity-common .card-name{color:#f3f4f6}.card-rarity-common .card-rarity{color:#d1d5db}.card-rarity-rare{border:2px solid #3b82f6;box-shadow:0 0 15px #3b82f64d}.card-rarity-rare .card-info{background:linear-gradient(180deg,transparent,rgba(30,58,138,.85))}.card-rarity-rare .card-name{color:#dbeafe}.card-rarity-rare .card-rarity{color:#93c5fd}.card-rarity-epic{border:2px solid #a855f7;box-shadow:0 0 15px #a855f74d}.card-rarity-epic .card-info{background:linear-gradient(180deg,transparent,rgba(88,28,135,.85))}.card-rarity-epic .card-name{color:#f3e8ff}.card-rarity-epic .card-rarity{color:#d8b4fe}.card-rarity-legendary{border:2px solid #f59e0b;box-shadow:0 0 20px #f59e0b66}.card-rarity-legendary .card-info{background:linear-gradient(180deg,transparent,rgba(120,53,15,.85))}.card-rarity-legendary .card-name{color:#fef3c7}.card-rarity-legendary .card-rarity{color:#fcd34d;font-weight:700}.card-empty{background:repeating-conic-gradient(from 45deg,#f3f4f6 0deg 15deg,#eceff3 15deg 30deg);border:2px dashed #cbd5e1;color:#64748b;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;min-height:300px}.card-empty-content{display:flex;flex-direction:column;align-items:center;gap:.25rem}.card-empty-icon{font-size:2.75rem;line-height:1;opacity:.55}.card-empty-label{font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:.8}.card-empty-hint{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.card-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card-clickable:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000002e;border-color:#6366f1}.card-clickable:focus-visible{outline:3px solid #6366f1;outline-offset:3px}.modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:1rem;padding:2rem;max-width:420px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.modal-large{max-width:900px;max-height:85vh;overflow-y:auto}.modal-subtitle{margin:-.5rem 0 1rem;font-size:.95rem;color:#6366f1;font-weight:600}.modal-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin:1.5rem 0;max-height:60vh;overflow-y:auto;padding:.5rem}.modal-empty-state{text-align:center;padding:2rem;color:#6b7280}.modal-empty-state p{margin:.5rem 0}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#111827}.modal-message{margin:0 0 1.5rem;font-size:1rem;color:#4b5563;line-height:1.5}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-button{padding:.625rem 1.5rem;border-radius:.5rem;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.modal-button:hover{transform:translateY(-1px)}.modal-button:active{transform:translateY(0)}.modal-button-cancel{background:#e5e7eb;color:#374151}.modal-button-cancel:hover{background:#d1d5db;box-shadow:0 4px 12px #0000001a}.modal-button-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal-button-confirm:hover{box-shadow:0 6px 16px #ef444466}.loading-state{text-align:center;padding:3rem 1rem;color:#d1d5db;font-size:1.125rem}.error-state{text-align:center;padding:2rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#fca5a5;margin:2rem 0}.error-state p{margin:0;font-weight:500}.empty-state{text-align:center;padding:3rem 1rem;color:#d1d5db}.empty-state p{margin:.5rem 0;font-size:1rem;color:#d1d5db}.empty-state .cta-button{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border-radius:.5rem;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.empty-state .cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 14px #22c55e59}@media (max-width: 768px){.modal-container{padding:1.5rem;max-width:95%}.modal-cards-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.office-card-wrapper{position:relative;width:180px;height:240px;flex-shrink:0}.office-card{position:relative;width:100%;height:100%;border-radius:1rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.office-card-wrapper.card-clickable{cursor:pointer}.office-card-wrapper.card-clickable:hover .office-card{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.office-card-wrapper.card-clickable:focus-visible{outline:2px solid #6366f1;outline-offset:2px;border-radius:1rem}.office-card-border{position:absolute;inset:0;background:linear-gradient(135deg,#22d3ee,#a855f7,#ec4899);border-radius:1rem;padding:3px}.office-card-inner{position:relative;width:100%;height:100%;border-radius:1rem;overflow:hidden;background:#0f172a}.office-card-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.office-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.3) 50%,transparent 100%)}.office-card-content{position:relative;height:100%;display:flex;flex-direction:column;padding:.5rem;box-sizing:border-box}.office-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}.office-live-badge{display:flex;align-items:center;gap:.375rem;background:#ef4444;border-radius:9999px;padding:.25rem .625rem;box-shadow:0 10px 15px -3px #0000004d}.office-live-dot{width:.5rem;height:.5rem;background:#fff;border-radius:9999px;animation:officePulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes officePulse{0%,to{opacity:1}50%{opacity:.5}}.office-live-text{color:#fff;font-size:.75rem;font-weight:700}.office-viewer-badge{display:flex;align-items:center;gap:.25rem;background:#06b6d4e6;border-radius:9999px;padding:.25rem .625rem;box-shadow:0 10px 15px -3px #0000004d}.office-eye-icon{width:.875rem;height:.875rem;color:#fff}.office-viewer-count{color:#fff;font-size:.75rem;font-weight:700}.office-card-bottom{margin-top:auto;padding:.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.office-character-name{color:#fff;font-size:1rem;font-weight:700;margin:0;text-shadow:0 4px 6px rgba(0,0,0,.5);text-align:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-coins-text{color:#ffffffe6;font-size:.8rem;margin:0;text-shadow:0 4px 6px rgba(0,0,0,.5);text-align:left;width:100%}.office-rarity-badge{display:inline-block;font-size:.65rem;font-weight:700;padding:.125rem .5rem;border-radius:.25rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.8);color:#fff}.office-rarity-badge-legendary{animation:rarityGlow 2s ease-in-out infinite}@keyframes rarityGlow{0%,to{box-shadow:0 0 5px #ff800080}50%{box-shadow:0 0 15px #ff8000cc}}.office-card-border-legendary{animation:borderShimmer 3s ease-in-out infinite;box-shadow:0 0 30px #ff800080}@keyframes borderShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.office-card-empty{background:linear-gradient(135deg,#581c8733,#1e1b4b33);border:2px dashed rgba(168,85,247,.4);display:flex;align-items:center;justify-content:center}.office-card-empty-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#a855f7}.office-card-empty-icon{font-size:3rem;line-height:1;opacity:.6}.office-card-empty-label{font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:.8}.office-card-empty-hint{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#c084fc;opacity:.9}.office-card-buff-indicator{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.6);animation:buff-pulse 2s ease-in-out infinite}.office-card-wrapper.has-slot-buffs .office-card-empty{border-color:#fbbf24cc;border-style:solid;box-shadow:0 0 15px #fbbf244d,0 0 30px #fbbf2426,inset 0 0 20px #fbbf241a;animation:slot-buff-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf2426,#f59e0b1a)}.office-card-wrapper.has-slot-buffs .office-card-empty-content{color:#fbbf24}@keyframes slot-buff-glow{0%,to{box-shadow:0 0 15px #fbbf244d,0 0 30px #fbbf2426,inset 0 0 20px #fbbf241a;border-color:#fbbf24cc}50%{box-shadow:0 0 25px #fbbf2480,0 0 50px #fbbf2440,inset 0 0 30px #fbbf2433;border-color:#fbbf24}}@keyframes buff-pulse{0%,to{opacity:.8;text-shadow:0 0 8px rgba(251,191,36,.6)}50%{opacity:1;text-shadow:0 0 12px rgba(251,191,36,.9)}}.office-work-section{background:linear-gradient(135deg,#581c874d,#1e1b4b4d);border-radius:1.5rem;padding:1.5rem;border:2px solid rgba(126,34,206,.4);box-shadow:0 25px 50px -12px #00000080;margin-bottom:1.5rem;width:100%;max-width:100%;align-self:center}.office-work-section h2{color:#f3f4f6;margin-bottom:.5rem}.office-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,180px));gap:1rem;margin-top:1rem;justify-content:center;width:100%;max-width:100%}@media (max-width: 1400px){.office-cards-grid{grid-template-columns:repeat(auto-fit,minmax(160px,180px))}}@media (max-width: 1200px){.office-cards-grid{grid-template-columns:repeat(auto-fit,minmax(150px,170px))}}@media (max-width: 900px){.office-cards-grid{grid-template-columns:repeat(auto-fit,minmax(140px,160px))}}@media (max-width: 768px){.office-cards-grid{grid-template-columns:repeat(auto-fit,minmax(130px,150px));gap:.75rem}.office-work-section{padding:1rem}}@media (max-width: 480px){.office-cards-grid{grid-template-columns:repeat(auto-fit,minmax(120px,140px));gap:.5rem}}.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;inset:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;inset:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}