:root{--ink:#3b2f2a;--ink-soft:#6f5f57;--paper:#fff8ef;--panel:#fdf0de;--line:#e7d3b8;--accent:#e8744f;--accent-dark:#c65a37;--green:#6fae5b;--gold:#e7b637;--store-width:380px;--inversionista-width:140px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);color:var(--ink);background:#f3e3cb;font-family:Nunito,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit}[hidden]{display:none!important}.layout{grid-template-columns:minmax(0, 1fr) var(--store-width);min-width:0;height:100dvh;display:grid}.scene{-webkit-user-select:none;user-select:none;padding:var(--safe-top) 0 var(--safe-bottom) var(--safe-left);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.scene-bg,.scene-bg .bg{position:absolute;inset:0}.scene-bg{z-index:0;background:#e9d8bf}.scene-bg .bg{object-fit:cover;width:100%;height:100%;transition:opacity .6s}.scene>:not(.scene-bg):not(.effects){z-index:1;position:relative}.ticker{color:#fff8ef;background:#3b2f2ad9;flex:none;width:100%;height:40px;position:relative;overflow:hidden}.ticker-text{white-space:nowrap;transform:translate(var(--from,100%), -50%);font-weight:700;position:absolute;top:50%}@keyframes ticker-scroll{0%{transform:translate(var(--from), -50%)}to{transform:translate(var(--to), -50%)}}.counter{text-align:center;background:#fff8efd9;border-radius:18px;margin-top:4vh;padding:10px 24px;box-shadow:0 4px 14px #3b2f2a26}.counter-main{align-items:center;gap:8px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;display:flex}.counter-icon{width:1.4em;height:1.4em}.counter-unit{color:var(--ink-soft);font-size:.6em;font-weight:700}.counter-cps{color:var(--ink-soft);font-weight:700}.frenzy{background:var(--gold);box-shadow:0 0 18px var(--gold);border-radius:999px;margin-top:10px;padding:6px 16px;font-weight:800;animation:.8s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.05)}}.in-frenzy .pandora{filter:drop-shadow(0 0 22px var(--gold))}.pandora-area{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.pandora{aspect-ratio:2/3;cursor:pointer;filter:drop-shadow(0 10px 12px #3b2f2a4d);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;height:min(52vh,480px);padding:0;transition:transform .12s,filter .3s;position:relative}.pandora:hover{transform:scale(1.03)}.pandora:focus-visible{outline:3px dashed var(--accent);outline-offset:6px}.pandora .pandora-img{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.pandora.squash{animation:.22s ease-out squash}@keyframes squash{0%{transform:scale(1)}30%{transform:scale(1.08,.9)}60%{transform:scale(.96,1.05)}to{transform:scale(1)}}.bubble{border:3px solid var(--ink);opacity:0;transform-origin:0 100%;pointer-events:none;background:#fff;border-radius:18px;max-width:260px;padding:12px 16px;font-weight:700;line-height:1.3;transition:opacity .2s,transform .2s;position:absolute;top:6%;left:calc(50% + min(18vh,160px));transform:scale(.8)}.bubble.visible{opacity:1;transform:scale(1)}.bubble:after{content:"";border:10px solid #0000;border-right-color:var(--ink);position:absolute;bottom:14px;left:-14px}.inversionista{bottom:70px;left:calc(var(--progress,0) * (100% + var(--inversionista-width) + 40px) - var(--inversionista-width) - 20px);width:var(--inversionista-width);cursor:pointer;filter:drop-shadow(0 0 10px #fff6);background:0 0;border:0;padding:0;animation:.5s ease-in-out infinite alternate bob;position:absolute!important}.inversionista img{width:100%;display:block}@keyframes bob{to{translate:0 -6px}}.controls{align-self:flex-start;gap:8px;margin:0 0 14px 14px;display:flex}.effects{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.float-text{color:#fff;text-shadow:0 2px 0 var(--ink), 0 0 6px var(--ink);font-size:1.5rem;font-weight:900;animation:.9s ease-out forwards float-up;position:absolute;transform:translate(-50%,-50%)}@keyframes float-up{to{opacity:0;transform:translate(-50%,-150%)}}.particle{width:26px;height:26px;margin:-13px 0 0 -13px;animation:.65s ease-out forwards burst;position:absolute}@keyframes burst{to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(.6);opacity:0}}.btn{border:2px solid var(--ink);background:var(--paper);cursor:pointer;box-shadow:0 3px 0 var(--ink);border-radius:10px;padding:8px 14px;font-weight:800}.btn:active{box-shadow:0 1px 0 var(--ink);translate:0 2px}.btn-primary{background:var(--accent);color:#fff}.btn-small{padding:5px 10px;font-size:.85rem}.btn-danger{background:#f6d6cc}.store{background:var(--panel);border-left:4px solid var(--line);--store-pad:14px;padding:calc(var(--store-pad) + var(--safe-top)) calc(var(--store-pad) + var(--safe-right)) calc(var(--store-pad) + var(--safe-bottom)) var(--store-pad);flex-direction:column;gap:12px;display:flex;overflow-y:auto}.store-title{text-transform:uppercase;letter-spacing:.08em;text-align:center;margin:0;font-size:1.5rem}.expansion{border:3px solid var(--ink);background:var(--paper);border-radius:14px;gap:6px;padding:12px;display:grid}.expansion-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-size:.75rem;font-weight:800}.expansion-name{font-size:1.2rem;font-weight:900}.expansion-cost{color:var(--ink-soft);font-weight:700}.expansion-bar{background:var(--line);border-radius:999px;height:12px;overflow:hidden}.expansion-bar-fill{background:linear-gradient(90deg, var(--green), #9bd17f);height:100%;transition:width .25s linear}.expansion-button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.upgrades{flex-wrap:wrap;gap:6px;display:flex}.upgrades:empty{display:none}.upgrade{background:var(--paper);cursor:pointer;border:3px solid #b48b5a;border-radius:10px;width:52px;height:52px;padding:4px;position:relative}.upgrade.tier-2{border-color:var(--gold);background:#fff4cf;box-shadow:inset 0 0 0 2px #a67c12}.upgrade img{object-fit:contain;width:100%;height:100%}.upgrade-badge{background:var(--accent);color:#fff;border-radius:6px;padding:0 4px;font-size:.7rem;font-weight:900;position:absolute;bottom:-6px;right:-6px}.upgrade.unaffordable{filter:grayscale(.8);opacity:.55}.stage-group{gap:6px;display:grid}.stage-heading{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);border-bottom:2px solid var(--line);margin:4px 0 0;padding-bottom:4px;font-size:.85rem}.producer{border:2px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px;transition:transform 80ms;display:grid}.producer:hover{border-color:var(--accent)}.producer:active{transform:scale(.98)}.producer.unaffordable{opacity:.5;cursor:not-allowed}.producer-icon{width:48px;height:48px}.producer-name{overflow-wrap:anywhere;font-weight:800}.producer-cost,.producer-cps{color:var(--ink-soft);font-size:.8rem}.producer-owned{color:var(--accent-dark);font-size:1.4rem;font-weight:900}.tooltip{z-index:50;background:var(--ink);max-width:280px;color:var(--paper);pointer-events:none;opacity:0;border-radius:10px;gap:3px;padding:10px 12px;font-size:.85rem;line-height:1.35;transition:opacity .12s;display:grid;position:fixed}.tooltip.visible{opacity:1}.tooltip-flavor{color:#e7d3b8;margin-top:4px}.detail-backdrop{z-index:55;background:#3b2f2a33;position:fixed;inset:0}.detail-card{border:3px solid var(--ink);background:var(--paper);border-radius:14px;gap:10px;width:min(300px,100vw - 16px);max-height:calc(100dvh - 16px);padding:12px 14px 14px;line-height:1.35;display:grid;position:fixed;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.detail-body{gap:3px;padding-right:36px;font-size:.9rem;display:grid}.detail-title{font-size:1.05rem}.detail-body .tooltip-flavor{color:var(--ink-soft)}.detail-close{cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:1.1rem;font-weight:900;position:absolute;top:2px;right:2px}.detail-buy{min-height:44px}.detail-buy[aria-disabled=true]{opacity:.45}.expansion-flavor{display:none}@media (pointer:coarse){.expansion-flavor{color:var(--ink-soft);font-size:.8rem;font-style:italic;display:block}.store{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{touch-action:manipulation}}.toasts{top:calc(56px + var(--safe-top));left:calc((100vw - var(--store-width)) / 2);max-width:calc(100vw - var(--store-width) - 16px);z-index:40;justify-items:center;gap:8px;display:grid;position:fixed;transform:translate(-50%)}.toast{border:2px solid var(--ink);background:var(--gold);border-radius:12px;padding:10px 18px;font-weight:800;transition:opacity .4s;animation:.25s ease-out toast-in}.toast-out{opacity:0}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}}.modal-backdrop{z-index:60;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));background:#3b2f2a8c;place-items:center;display:grid;position:fixed;inset:0}.modal{border:3px solid var(--ink);background:var(--paper);border-radius:16px;width:min(520px,100%);max-height:90dvh;padding:22px 26px;line-height:1.5;overflow-y:auto;box-shadow:0 16px 40px #0000004d}.modal h2{margin-top:0}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.pandora-line{color:var(--ink-soft);font-style:italic}.memo{background:#fffdf8;border-radius:4px;font-family:Courier New,Courier,monospace;box-shadow:0 16px 40px #0000004d,6px 6px #e7d3b8}.memo-header{letter-spacing:.2em;border-bottom:3px double var(--ink);margin-bottom:8px;font-size:1.6rem;font-weight:900}.memo-meta{color:var(--ink-soft);font-size:.9rem}.memo-title{text-transform:uppercase;margin:14px 0 6px;font-size:1.15rem}@media (orientation:portrait) and (width<=760px),(orientation:landscape) and (height<=500px){:root{--inversionista-width:96px}.ticker{height:30px;font-size:.85rem}.counter{border-radius:14px;margin-top:6px;padding:4px 14px}.counter-main{gap:6px;font-size:1.4rem}.counter-cps{font-size:.8rem}.frenzy{margin-top:4px;padding:2px 12px;font-size:.85rem}.pandora{height:min(100% - 8px,480px)}.bubble{border-width:2px;border-radius:14px;max-width:min(200px,55%);padding:6px 10px;font-size:.8rem;top:0;left:auto;right:8px}.inversionista{bottom:calc(44px + var(--safe-bottom))}.controls{flex-wrap:wrap;gap:12px 4px;margin:0 8px 6px}.controls .btn-small{min-height:32px;padding:4px 6px;font-size:.7rem;position:relative}.controls .btn-small:before{content:"";position:absolute;inset:-8px -2px}.store{--store-pad:10px;gap:10px}.store-title{font-size:1.15rem}.toasts{top:calc(40px + var(--safe-top))}.toast{padding:6px 12px;font-size:.85rem}}@media (orientation:portrait) and (width<=760px){.layout{grid-template-rows:minmax(0,45fr) minmax(0,55fr);grid-template-columns:minmax(0,1fr)}.scene{padding:var(--safe-top) var(--safe-right) 0 var(--safe-left)}.store{border-left:0;border-top:4px solid var(--line);padding:var(--store-pad) calc(var(--store-pad) + var(--safe-right)) calc(var(--store-pad) + var(--safe-bottom)) calc(var(--store-pad) + var(--safe-left))}.toasts{max-width:calc(100vw - 16px);left:50%}}@media (orientation:landscape) and (height<=500px){:root{--store-width:min(320px, 45vw)}}@media (width<=480px),(height<=500px){.modal{padding:16px 18px;line-height:1.4}.memo-header{letter-spacing:.12em;font-size:1.3rem}}