:root{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;color:#eef4f6;background:#111922;font-synthesis:none;font-size:16px;--muted:#9aaab7;--mint:#71f0db;--pink:#ff83b2;--line:#2d3947;--panel:#1c2732}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 27% 27%,#213b3e 0,transparent 50%),#111922}button,input,select{font:inherit}button{cursor:pointer}button,select{color:inherit}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f7db7e;outline-offset:4px}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}a{color:inherit}.app-shell{max-width:1536px;margin:auto;padding:0 40px}.topbar{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:block;width:286px;flex-shrink:1}.brand img{display:block;width:100%;height:auto}.header-right{display:flex;align-items:center;gap:12px}.save-status{font-size:.8rem;color:var(--muted);margin-right:10px}.icon-button{border:1px solid var(--line);background:#222e39;border-radius:13px;min-width:43px;height:43px;font-size:1.3rem;display:inline-grid;place-items:center}.icon-button:hover{background:#34414f}.game-layout{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(350px,1fr);gap:42px;padding-top:30px}.factory-panel{min-width:0}.factory-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.eyebrow{font-size:.7rem;letter-spacing:.16em;font-weight:800;color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:1.45rem;margin-top:7px;letter-spacing:-.04em;font-weight:800}.running-badge{display:flex;gap:7px;align-items:center;font-size:.59rem;letter-spacing:.08em;font-weight:800;color:#9fcdc6;border:1px solid #3b5555;border-radius:30px;padding:8px 10px}.running-badge span{width:5px;height:5px;border-radius:50%;background:var(--mint)}.balance-panel{display:flex;align-items:end;justify-content:space-between;margin:22px 0 0;padding:20px 24px;background:linear-gradient(125deg,#2f4546a8,#2536408f);border:1px solid #40515180;border-radius:20px}.label{color:#b4c7cb;font-size:.78rem;font-weight:600}.balance{display:flex;align-items:center;gap:12px;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:800;letter-spacing:-.06em;line-height:1.3}.credit-mark{color:#ffdb7c;font-size:2rem}.income{padding-bottom:7px;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.income>span:first-child{font-size:1.28rem;color:var(--mint);font-weight:800}.income>span:last-child{font-size:.76rem;color:#b4c7cb}.machine-viewport{height:480px;position:relative;margin:8px -16px 0;isolation:isolate;overflow:hidden;border-radius:32px;background:radial-gradient(ellipse at 50% 48%,#3b555470,transparent 68%)}#machine-canvas{display:block;width:100%;height:100%;outline:none}.scene-label{position:absolute;bottom:30px;display:flex;flex-direction:column;gap:5px;pointer-events:none;font-size:.8rem;z-index:1}.scene-label.left{left:26px}.scene-label.right{right:20px;text-align:right}.scene-label .tiny-label{font-size:.59rem;letter-spacing:.12em;color:#a5b6bd}.scene-label strong{font-size:.82rem}.scene-label>span:last-child:not(.tiny-label){font-size:.67rem;color:#a5b6bd}.flavor-swatch{width:30px;height:4px;background:var(--pink);border-radius:4px;margin-top:2px}.factory-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--line)}.factory-stats>div{padding:14px 9px 13px;background:#19252eee;text-align:center;display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:5px 7px}.factory-stats strong{font-size:1rem;overflow-wrap:anywhere}.factory-stats span{font-size:1.1rem;color:var(--mint)}.factory-stats>div:nth-child(2) span{color:var(--pink)}.factory-stats>div:nth-child(3) span{color:#ffd56c}.factory-stats>div:nth-child(4) span{color:#b8a4ff}.factory-stats small{grid-column:1/-1;color:var(--muted);font-size:.68rem}.evolution{margin-top:22px}.evolution-copy{display:flex;align-items:center;justify-content:space-between;font-size:.73rem;color:#b2c0c8}.evolution-copy>span:first-child{display:flex;gap:12px;align-items:center}.evolution-copy strong{font-weight:600;color:#dbe5e9}.evolution-copy small{color:var(--muted);font-size:.72rem}.progress-track{height:5px;margin-top:10px;background:#2a3842;border-radius:10px;overflow:hidden}.progress-track>div{height:100%;width:0%;background:linear-gradient(90deg,var(--mint),#fbc99d);border-radius:10px;transition:width .4s}.fairness-note{font-size:.68rem;line-height:1.6;color:#8f9fab;margin-top:13px}.upgrade-panel{padding-bottom:20px}.upgrade-heading{display:flex;justify-content:space-between;align-items:end;gap:12px}.upgrade-heading h2{font-size:1.9rem;letter-spacing:-.05em;margin-top:8px}.upgrade-heading h2 span{font-size:1.6rem;color:#ffca70;margin-left:10px}.text-button{font-size:.72rem;background:none;border:0;padding:6px 0;color:#b8c8d3;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.buy-toggle{display:flex;justify-content:space-between;align-items:center;margin:23px 0 14px;color:var(--muted);font-size:.78rem}.buy-toggle>div{border:1px solid var(--line);padding:3px;border-radius:9px;display:flex;gap:3px}.buy-toggle button{font-size:.7rem;border:0;background:transparent;color:#b9c7d0;padding:6px 11px;border-radius:6px}.buy-toggle button[aria-pressed=true]{background:#e6edf0;color:#1b2730;font-weight:800}.branch-cards{display:grid;gap:12px}.branch-card{border:1px solid #35414d;border-radius:19px;padding:17px 19px 15px;background:linear-gradient(115deg,color-mix(in srgb,var(--branch) 7%,#1c2632),#1b2631 90%);position:relative;overflow:hidden}.branch-card::before{content:'';position:absolute;left:0;top:20px;bottom:20px;width:3px;background:var(--branch);border-radius:4px}.branch-top{display:flex;gap:12px;align-items:center}.branch-icon{width:39px;height:39px;border-radius:12px;background:color-mix(in srgb,var(--branch) 14%,#233039);border:1px solid color-mix(in srgb,var(--branch) 28%,#233039);color:var(--branch);font-size:1.7rem;display:grid;place-items:center}.branch-title{flex:1}.branch-title h3{font-size:1rem;letter-spacing:-.02em}.branch-title p{font-size:.68rem;margin-top:4px;color:#a4b4c1}.branch-level{font-size:.7rem;color:#b6c4cd}.branch-level strong{color:var(--branch);font-size:.9rem}.branch-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:14px}.next-details{flex:1;min-width:0}.next-details strong{display:block;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-details small{color:var(--branch);display:block;margin-top:5px;font-size:.7rem}.buy-button{border:0;background:var(--branch);color:#18252b;border-radius:10px;min-width:113px;padding:10px 11px;font-weight:800;display:flex;flex-direction:column;gap:2px;align-items:center;font-size:.9rem;flex-shrink:0}.buy-button small{font-size:.58rem;letter-spacing:.02em;font-weight:600}.buy-button:disabled{background:#303c49;color:#a5b5c1;opacity:1}.mini-progress{height:3px;background:#36434d;margin-top:14px;border-radius:5px;overflow:hidden}.mini-progress div{height:100%;background:var(--branch);transition:width .4s}.idle-note{display:flex;gap:13px;margin-top:19px;padding:16px;background:#202b3655;border-radius:14px}.idle-note>span{color:#c3b5ff;font-size:1.6rem}.idle-note strong{font-size:.75rem}.idle-note p{font-size:.69rem;color:var(--muted);line-height:1.65;margin-top:5px}.lifetime-row{font-size:.68rem;color:var(--muted);display:flex;justify-content:space-between;margin:16px 3px 0}.lifetime-row strong{color:#dbe5e9}footer{border-top:1px solid var(--line);margin-top:29px;display:flex;gap:20px;align-items:center;padding:22px 0;color:#a1b3bf;font-size:.62rem;letter-spacing:.13em;font-weight:800}footer>span{font-size:.68rem;letter-spacing:0;font-weight:400;color:#7f949f}footer>button{margin-left:auto;border:0;background:none;color:#a1b3bf;font-size:.68rem}dialog{color:#eaf2f5;background:#1d2935;border:1px solid #495361;padding:28px;border-radius:23px;width:min(560px,calc(100% - 30px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#07101acc;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.dialog-heading h2{font-size:1.5rem;letter-spacing:-.035em;margin-top:6px}.dialog-heading .icon-button{flex-shrink:0}dialog p{font-size:.88rem;line-height:1.6;color:#acbecb}.setting-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0;border-top:1px solid #35424e}.setting-row label{display:flex;flex-direction:column;gap:6px}.setting-row strong{font-size:.9rem}.setting-row small{font-size:.72rem;color:#9fb3c1;line-height:1.5}.setting-row input{accent-color:#71f0db;width:22px;height:22px;flex-shrink:0}select{background:#14212c;border:1px solid #475463;border-radius:9px;padding:9px;font-size:.82rem}.save-box{background:#14212c;padding:18px;border-radius:14px;margin-top:18px}.save-box h3{font-size:1rem;margin-bottom:10px}.save-box p{font-size:.8rem}.button-row{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.primary-button,.secondary-button,.danger-button{padding:11px 17px;border-radius:10px;border:0;font-size:.84rem;font-weight:800}.primary-button{background:var(--mint);color:#122c29}.secondary-button{background:#344351;color:#eef6f9}.danger-button{background:#50313d;color:#ffa4b9}.danger-row{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.75rem;color:#abbdc8}details{margin-top:20px;font-size:.78rem}summary{cursor:pointer}details p{margin-top:10px;font-size:.76rem}.tree-dialog{width:min(780px,calc(100% - 24px))}.tree-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tree-tabs button{border:1px solid #3b4d59;background:#202f3b;padding:11px 7px;border-radius:11px;font-size:.77rem}.tree-tabs button[aria-selected=true]{border-color:var(--branch);color:var(--branch);background:color-mix(in srgb,var(--branch) 12%,#1b2731)}.tree-controls{display:flex;align-items:center;gap:10px;margin:20px 0 13px;font-size:.8rem}.tree-controls>span{margin-left:auto;color:#a9bcc7}.tree-list{display:grid;gap:7px}.tree-node{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#152330;border-radius:10px;gap:13px}.tree-node .node-index{width:25px;font-size:.8rem;color:var(--branch);flex-shrink:0}.tree-node .node-copy{flex:1}.tree-node strong{font-size:.8rem;display:block}.tree-node p{font-size:.71rem;margin-top:4px}.tree-node button{min-width:94px;border:1px solid #3b515f;background:#2d4846;color:var(--mint);padding:9px;border-radius:9px;font-size:.75rem}.tree-node button:disabled{background:#21323e;color:#aebfcb}.tutorial{position:fixed;bottom:24px;right:24px;z-index:100;background:#f1f6f1;color:#19323a;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:25px;border-radius:20px;box-shadow:0 15px 70px #0009;border:2px solid #a0ecd9}.tutorial .eyebrow{color:#617d7e}.tutorial h2{font-size:1.3rem;margin:10px 0}.tutorial p{font-size:.86rem;line-height:1.6;color:#415f64}.tour-close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:1.6rem;color:#567178;width:32px;height:32px}.tour-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px}.tour-bottom>div{display:flex;gap:7px}.tour-bottom .text-button{color:#577579}.tour-bottom button{font-size:.77rem}.tour-highlight{outline:2px solid #fce594!important;outline-offset:5px!important;border-radius:16px}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:120;color:#163630;background:#c3ffdf;border:1px solid #8ad7af;border-radius:30px;padding:13px 22px;box-shadow:0 10px 50px #0007;max-width:calc(100vw - 30px);font-size:.83rem;text-align:center}.session-banner{padding:12px 16px;margin-top:20px;border:1px solid #947a44;background:#3b3322;border-radius:10px;font-size:.85rem;color:#f0d89a}#welcome-dialog{text-align:center;width:min(420px,calc(100% - 30px));padding:38px 30px}.welcome-close{position:absolute;right:12px;top:12px}.welcome-art{font-size:3.4rem;color:#c8b9ff;margin-bottom:20px}#welcome-dialog h2{font-size:1.8rem;letter-spacing:-.055em;margin:12px 0}#offline-time,#offline-cap{font-size:.81rem}.offline-credits{font-size:2.7rem;font-weight:800;color:var(--mint);margin:20px 0}#welcome-dialog .primary-button{margin-top:24px;width:100%}#visual-fallback{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:72%;text-align:center;padding:20px;background:#12242add;border-radius:20px}.fallback-title{font-size:1.2rem;font-weight:800;margin-bottom:10px}#visual-fallback p{font-size:.8rem;line-height:1.6;color:#bdd1d6}@media(min-width:1450px){.machine-viewport{height:510px}}@media(max-width:1150px){.app-shell{padding:0 25px}.game-layout{gap:26px;grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr)}.running-badge{display:none}.machine-viewport{height:460px}.upgrade-heading h2{font-size:1.7rem}.upgrade-heading{align-items:start;flex-direction:column;gap:3px}.upgrade-heading .text-button{font-size:.68rem}.buy-toggle{margin-top:12px}.scene-label.right{right:15px;bottom:18px}.scene-label.left{left:15px;bottom:18px}.branch-card{padding:15px 14px 14px}.evolution-copy>span:first-child{gap:6px;flex-wrap:wrap}}@media(max-width:800px){.app-shell{padding:0 20px}.topbar{height:84px}.brand{width:235px}.save-status{display:none}.game-layout{grid-template-columns:1fr;gap:32px;max-width:600px;margin:auto;padding-top:24px}.machine-viewport{height:440px;margin-top:-3px}.factory-heading h1{font-size:1.3rem}.running-badge{display:flex;font-size:.52rem}.balance-panel{margin-top:20px}.balance{font-size:2.8rem}.upgrade-heading{flex-direction:row;align-items:end}.upgrade-heading h2{font-size:1.9rem}.buy-toggle{margin-top:20px}.branch-card{padding:18px 20px}.branch-title h3{font-size:1.05rem}.branch-title p,.next-details small{font-size:.77rem}.next-details strong{font-size:.85rem}.buy-button{min-width:122px;font-size:1rem}.branch-level{font-size:.77rem}.buy-button small{font-size:.65rem}.idle-note strong{font-size:.85rem}.idle-note p{font-size:.79rem}.fairness-note{font-size:.72rem}.scene-label strong{font-size:.79rem}footer{padding:22px 0;flex-wrap:wrap;gap:12px}footer span{width:100%;order:3}.tutorial{bottom:16px;right:16px}.eyebrow{font-size:.65rem}.factory-stats small{font-size:.7rem}.factory-stats strong{font-size:1.1rem}}@media(max-width:430px){.app-shell{padding:0 14px}.brand{width:215px}.topbar{gap:8px}.header-right{gap:7px}.icon-button{min-width:37px;height:37px;border-radius:11px}.machine-viewport{height:375px;margin-left:-8px;margin-right:-8px}.scene-label{bottom:10px}.scene-label.right{right:13px}.scene-label.left{left:13px}.scene-label strong{font-size:.7rem}.scene-label .tiny-label{font-size:.53rem}.factory-stats>div{padding:12px 5px;gap:5px}.factory-stats strong{font-size:.91rem}.factory-stats small{font-size:.62rem}.running-badge{font-size:.47rem;padding:7px}.upgrade-heading .text-button{font-size:.63rem}.upgrade-heading h2{font-size:1.65rem}.branch-card{padding:16px 14px}.tree-tabs{gap:4px}.tree-tabs button{font-size:.65rem;padding:10px 3px}.tree-controls{flex-wrap:wrap}.tree-controls span{margin-left:0;width:100%}.tree-node{padding:10px 8px;gap:7px}.tree-node strong{font-size:.74rem}.tree-node button{min-width:75px;font-size:.67rem}.tree-node p{font-size:.65rem}.tree-dialog{padding:20px 14px}.setting-row{gap:10px}.setting-row small{font-size:.68rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Responsive fallback schematic remains visual when WebGL is unavailable. */
.simple-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}#visual-fallback{top:auto;bottom:35px;transform:translateX(-50%);padding:12px 18px;width:80%;background:#12242af5}.fallback-title{font-size:.88rem;margin-bottom:5px}#visual-fallback p{font-size:.7rem}.eyebrow{font-size:.75rem}.label,.buy-toggle,.branch-title p,.branch-level,.next-details strong,.next-details small,.idle-note strong,.lifetime-row{font-size:.875rem}.fairness-note,.factory-stats small,.evolution-copy,.evolution-copy small,.idle-note p,.text-button,.scene-label .tiny-label{font-size:.75rem}.next-details strong{white-space:normal;line-height:1.3}.scene-label .tiny-label{font-size:.65rem}.branch-bottom{align-items:stretch}.buy-button{justify-content:center}.branch-card{padding-bottom:16px}@media(max-width:430px){.eyebrow{font-size:.65rem}.branch-title p,.next-details small{font-size:.8rem}.next-details strong{font-size:.84rem}.branch-level{font-size:.8rem}.scene-label .tiny-label{font-size:.6rem}.text-button{font-size:.7rem}.factory-stats small{font-size:.67rem}.lifetime-row{font-size:.8rem}}
/* Revision: the machine owns the screen; controls stay compact and functional. */
.topbar{height:82px}.brand{width:247px}.game-layout{grid-template-columns:minmax(0,1.9fr) minmax(325px,.85fr);gap:28px;padding-top:21px}.balance-panel{margin-top:0;padding:14px 22px}.balance{font-size:2.55rem}.machine-viewport{height:clamp(560px,calc(100svh - 245px),840px);margin:0 -10px;border-radius:22px}.upgrade-heading{flex-direction:row;align-items:center}.upgrade-heading h2{font-size:1.65rem;margin:0}.buy-toggle{margin:19px 0 14px}.branch-card{padding:14px}.branch-title p{display:none}.branch-bottom{margin-top:12px}.branch-cards{gap:11px}.factory-stats>div{padding:11px 7px}.factory-stats{border-radius:13px}.evolution{margin-top:16px}.machine-toolbar{position:absolute;top:16px;left:25px;right:25px;z-index:3;display:flex;justify-content:space-between;gap:10px;align-items:center}.machine-toolbar>span{font-size:.8rem;color:#c7d8de;background:#142b3299;padding:7px 11px;border-radius:20px}.fullscreen-button{display:flex;gap:7px;align-items:center;border:1px solid #60797d;background:#142a32c9;color:#e3f1ef;border-radius:10px;padding:9px 12px;font-size:1.1rem;min-height:42px}.fullscreen-button span{font-size:.8rem}.machine-readout{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:18px;border:1px solid #426061;padding:9px 15px;background:#132a31dd;border-radius:11px;white-space:nowrap;font-size:.8rem;color:#c3d6dc;z-index:3}.machine-readout>span:last-child{color:#83f4d6;font-weight:800}.collection-pop{position:absolute;pointer-events:none;color:#c5ff9c;font-weight:900;white-space:nowrap;font-size:1.15rem;transform:translate(-50%,-100%);text-shadow:0 2px 10px #153c25;z-index:2}.collection-pop.pop-hit{animation:credit-hit .5s ease-out both}@keyframes credit-hit{from{opacity:1;transform:translate(-50%,-70%) scale(.9)}to{opacity:0;transform:translate(-50%,-180%) scale(1.1)}}.machine-viewport:fullscreen,.machine-viewport.fullscreen-active{width:100vw;height:100dvh;max-height:none;margin:0;border-radius:0;background:radial-gradient(ellipse at center,#325957,#101c29 76%)}.machine-viewport.fallback-fullscreen{position:fixed;inset:0;z-index:150;width:100vw;height:100dvh}.machine-viewport.fullscreen-active .machine-toolbar{top:20px;left:24px;right:24px}.machine-viewport.fullscreen-active .machine-readout{bottom:22px}.simple-canvas{z-index:0}#visual-fallback{bottom:61px;z-index:2;pointer-events:none;max-width:440px}footer{margin-top:22px;padding:16px 0}footer>span{font-size:.75rem}.lifetime-row{margin-top:18px}@media(max-width:1150px){.app-shell{padding:0 22px}.game-layout{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:22px}.machine-viewport{height:650px}.next-details strong{font-size:.8rem}.next-details small{font-size:.77rem}}@media(max-width:800px){.game-layout{grid-template-columns:1fr;gap:24px;max-width:640px}.machine-viewport{height:560px;margin:0 -12px}.topbar{height:75px}.brand{width:225px}.balance-panel{padding:12px 17px}.balance{font-size:2.5rem}.factory-stats{margin-top:0}.upgrade-heading h2{font-size:1.6rem}.machine-toolbar{left:22px;right:22px}.machine-readout{font-size:.76rem;gap:12px}.branch-card{padding:16px}.branch-title p{display:none}.next-details strong,.next-details small{font-size:.875rem}footer>span{width:auto;order:0}}@media(max-width:430px){.app-shell{padding:0 12px}.game-layout{padding-top:14px}.machine-viewport{height:470px;margin:0 -12px}.brand{width:202px}.machine-toolbar{left:17px;right:17px;top:12px}.machine-toolbar>span{font-size:.7rem}.fullscreen-button{padding:8px 10px}.fullscreen-button span{font-size:.72rem}.machine-readout{font-size:.7rem;gap:10px;bottom:7px;padding:8px 10px}.balance-panel{border-radius:15px}.income>span:first-child{font-size:1.15rem}.balance{font-size:2.2rem}.machine-viewport.fullscreen-active .machine-readout{flex-direction:column;gap:5px;align-items:center}.machine-viewport.fullscreen-active .machine-toolbar{left:16px;right:16px}.factory-stats small{font-size:.65rem}.evolution-copy{font-size:.7rem}.evolution-copy small{font-size:.68rem}}@media(prefers-reduced-motion:reduce){.collection-pop.pop-hit{animation:none!important}}
.fullscreen-credits{display:none;color:#ffdc84;font-size:1.2rem;letter-spacing:-.03em}.fullscreen-active .fullscreen-credits{display:block}.fullscreen-active .machine-toolbar{flex-wrap:wrap}.fullscreen-active .machine-toolbar>span{background:#142b32dd}.fullscreen-active .fullscreen-button{margin-left:auto}
/* Whole-game fullscreen and compact shared overview; economy is unchanged. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header-right .fullscreen-button{width:43px;min-width:43px;height:43px;padding:0;display:inline-grid;place-items:center;font-size:1.35rem;background:#222e39;border-color:var(--line);border-radius:13px;margin-left:0}.header-right .fullscreen-button:hover{background:#34414f}.header-right .fullscreen-button .sr-only{font-size:1rem}.overview-row{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(390px,1.7fr) minmax(215px,.9fr);gap:12px;align-items:stretch;padding:12px 0 14px}.overview-row .balance-panel{padding:9px 14px;margin:0;border-radius:13px;gap:12px;min-width:0}.overview-row .balance{font-size:1.8rem;line-height:1.15;gap:6px;white-space:nowrap}.overview-row .credit-mark{font-size:1.2rem}.overview-row .label{font-size:.75rem;margin-bottom:3px}.overview-row .income{padding-bottom:2px;gap:3px;white-space:nowrap}.overview-row .income>span:first-child{font-size:1rem}.overview-row .income>span:last-child{font-size:.68rem}.overview-row .factory-stats{margin:0;border-radius:13px;min-width:0}.overview-row .factory-stats>div{padding:9px 7px;gap:4px 6px}.overview-row .factory-stats strong{font-size:1.05rem}.overview-row .factory-stats small{font-size:.7rem}.overview-row .evolution{margin:0;padding:11px 14px;border:1px solid var(--line);border-radius:13px;background:#19252eee;min-width:0}.overview-row .evolution-copy{font-size:.75rem;gap:10px}.overview-row .evolution-copy>span:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.overview-row .evolution-copy strong{font-size:.78rem}.overview-row .evolution-copy small{font-size:.7rem}.overview-row .progress-track{margin-top:8px}.game-layout{padding-top:0}.machine-toolbar{justify-content:flex-start}.fullscreen-credits{display:none!important}html:fullscreen,html.fullscreen-active{background:#111922;width:100%;min-height:100dvh}html.fallback-fullscreen{width:100%;min-height:100dvh}html.fullscreen-active .machine-toolbar{flex-wrap:nowrap}html.fullscreen-active .machine-viewport{border-radius:22px}html.fullscreen-active .fullscreen-button{margin-left:0}
@media(min-width:1100px) and (min-height:600px){html,body{height:100%;overflow:hidden}.app-shell{height:100dvh;max-height:100dvh;display:grid;grid-template-areas:"header" "banner" "overview" "game" "footer";grid-template-rows:64px auto auto minmax(0,1fr) 28px;overflow:hidden;padding:0 28px}.topbar{grid-area:header;height:64px;min-height:0}.brand{width:220px}.session-banner{grid-area:banner;margin:8px 0 0;padding:8px 12px;font-size:.8rem}.overview-row{grid-area:overview;min-height:0}.game-layout{grid-area:game;min-height:0;height:100%;margin:0;grid-template-columns:minmax(0,1.85fr) minmax(330px,.9fr);gap:22px;padding:0}.factory-panel{min-height:0;height:100%;overflow:hidden}.machine-viewport{height:100%!important;max-height:100%;min-height:0;margin:0;border-radius:20px}.upgrade-panel{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:3px 7px 8px 0;scrollbar-width:thin;scrollbar-color:#596775 transparent}.upgrade-heading h2{font-size:1.5rem}.buy-toggle{margin:12px 0}.branch-cards{gap:9px}.branch-card{padding:12px 14px}.branch-top{gap:10px}.branch-icon{width:34px;height:34px;font-size:1.45rem;border-radius:10px}.branch-bottom{margin-top:9px}.buy-button{min-height:43px;padding:8px 10px}.mini-progress{margin-top:9px;height:3px}.lifetime-row{margin-top:13px}.machine-toolbar{top:10px;left:16px;right:16px}.machine-readout{bottom:9px}footer{grid-area:footer;margin:0;padding:5px 0;min-height:0;gap:10px;font-size:.6rem;border-top:0}footer>span{font-size:.7rem;width:auto;order:0}footer>button{font-size:.72rem;padding:2px 0}.header-right{gap:9px}}
@media(max-width:1099px){.overview-row{grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr)}.overview-row .evolution{grid-column:1/-1;padding:9px 12px}.overview-row .evolution-copy>span:first-child{flex-direction:row;align-items:center;gap:12px}.overview-row .progress-track{margin-top:6px}.game-layout{padding-top:0}.overview-row .balance{font-size:1.7rem}.overview-row .factory-stats small{font-size:.66rem}}
@media(max-width:650px){.topbar{height:72px}.brand{width:197px}.header-right{gap:6px}.header-right .icon-button{width:37px;min-width:37px;height:37px;border-radius:10px}.overview-row{grid-template-columns:1fr;gap:8px;padding:9px 0 11px}.overview-row .balance-panel{padding:8px 12px;align-items:center}.overview-row .balance-panel>div:first-child{display:flex;align-items:center;gap:12px}.overview-row .label{margin:0;font-size:.8rem}.overview-row .balance{font-size:1.7rem}.overview-row .income>span:first-child{font-size:.96rem}.overview-row .income>span:last-child{font-size:.65rem}.overview-row .factory-stats{min-height:61px}.overview-row .factory-stats>div{padding:8px 5px}.overview-row .factory-stats strong{font-size:1rem}.overview-row .factory-stats small{font-size:.67rem}.overview-row .evolution{padding:8px 12px}.overview-row .evolution-copy strong{font-size:.72rem}.overview-row .evolution-copy small{font-size:.65rem}.overview-row .progress-track{height:4px}.game-layout{gap:24px}.machine-viewport{height:465px}.machine-toolbar{top:10px}.machine-toolbar>span{font-size:.7rem}html.fullscreen-active .app-shell{min-height:100dvh}html.fullscreen-active .machine-viewport{height:465px}}
@media(max-width:370px){.brand{width:175px}.overview-row .balance-panel>div:first-child{gap:8px}.overview-row .label{font-size:.73rem}.overview-row .balance{font-size:1.5rem}.overview-row .income>span:first-child{font-size:.86rem}.overview-row .income>span:last-child{font-size:.6rem}.header-right{gap:5px}.header-right .icon-button{width:35px;min-width:35px;height:37px}}
.crystal-balance{margin-left:8px;color:#c8b6ff;white-space:nowrap;font-size:.75rem}.crystal-balance b{font-weight:800}.prestige-button{color:#decbff;background:#463b60;border:1px solid #77638e;border-radius:9px;font-size:.75rem;font-weight:800;padding:9px 10px;min-height:38px;white-space:nowrap}.upgrade-heading{gap:8px}.upgrade-heading .text-button{font-size:.7rem}.progression-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:13px 0 12px}.progression-tabs button{background:#202f3b;border:1px solid #40505e;border-radius:8px;padding:10px 3px;min-height:40px;color:#b7cbd4;font-size:.7rem}.progression-tabs button[aria-pressed=true]{background:#365550;color:#b9ffe5;border-color:#72beac}.panel-note{font-size:.78rem;color:#a9bdc8;line-height:1.6;margin:9px 1px 15px}.systems-cards{display:grid;gap:10px}.system-card{padding:15px;border:1px solid #43515e;border-radius:14px;background:#1d2b36;display:flex;gap:12px;align-items:center;justify-content:space-between}.system-card h3{font-size:.9rem;margin-bottom:6px}.system-card h3 small{color:#b7c6d4;font-size:.72rem;font-weight:400;margin-left:4px}.system-card p{font-size:.75rem;color:#b3c7d1;line-height:1.6}.system-card button{font-size:.8rem;padding:10px 11px;min-height:42px;white-space:nowrap;min-width:82px;color:#c9eee2}.milestone-card{padding:13px;border:1px solid #3b4a56;border-radius:12px;background:#1c2a35}.milestone-card>div:first-child{display:flex;gap:12px;justify-content:space-between;font-size:.8rem;margin-bottom:7px}.milestone-card>div>span{color:#c9b4ff;white-space:nowrap}.milestone-card small{font-size:.75rem;color:#adc6d1}.milestone-card .progress-track{height:4px}.auto-buy-box{margin-top:15px;padding:13px;background:#172732;border:1px solid #3a4d59;border-radius:12px;display:flex;flex-direction:column;gap:10px}.auto-buy-box label{display:flex;gap:8px;align-items:center;font-size:.82rem}.auto-buy-box input{width:18px;height:18px;accent-color:#72e4c3}.auto-buy-box select{font-size:.78rem}.auto-buy-box small{font-size:.7rem;color:#a1b9c7}.buy-toggle>span{font-size:.76rem}.buy-toggle button{min-height:32px;padding:6px 9px}.overview-row .label{white-space:nowrap}.collection-pop.rare-hit{color:#ffe684;text-shadow:0 2px 15px #db9b3b;font-size:1.25rem}@media(max-width:430px){.progression-tabs button{font-size:.68rem;min-height:42px}.prestige-button{font-size:.72rem;padding:8px}.system-card{padding:13px}.system-card p{font-size:.76rem}.crystal-balance{font-size:.7rem;margin-left:4px}.overview-row .balance-panel>div:first-child{gap:8px}.overview-row .label{font-size:.71rem}.overview-row .balance{font-size:1.5rem}.overview-row .income>span:last-child{font-size:.58rem}}
.progression-tabs button{font-size:.875rem;min-height:42px}.panel-note,.system-card p{font-size:.875rem;line-height:1.55}.system-card button{font-size:.875rem}.overview-row .balance-panel>div:first-child{min-width:0}.overview-row .label{white-space:normal}@media(max-width:430px){.progression-tabs button{font-size:.78rem}.panel-note,.system-card p{font-size:.82rem}.overview-row .balance-panel>div:first-child{flex-wrap:wrap;column-gap:10px;row-gap:1px}}

/* Keep tutorial gutters inside the usable viewport, including scrollbars. */
.tutorial{max-width:calc(100% - 32px)}.tour-highlight,.branch-card{scroll-margin-top:12px}

/* Keep fallback status clear of the collectors and payout popups. */
#visual-fallback{top:10px;bottom:auto;left:auto;right:16px;transform:none;width:auto;max-width:calc(100% - 150px);padding:8px 12px}.fallback-title{margin-bottom:3px}

/* Crisp collector badges remain legible in both 3D and Simple view. */
.collector-label{position:absolute;z-index:2;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:5%;pointer-events:none;isolation:isolate;white-space:nowrap;color:#173440;line-height:1;font-variant-numeric:tabular-nums}
.collector-number{display:grid;place-items:center;min-width:36%;height:87%;padding:0 4%;font-size:var(--collector-number-size,22px);font-weight:900;letter-spacing:-.05em;background:linear-gradient(145deg,#fffbe4,#e6eadb);border:1px solid #fff5c5;border-radius:28%;box-shadow:0 2px 0 #1734404d,0 1px 5px #17344035,inset 0 1px 0 #fff;text-shadow:0 1px #fff}
.collector-multiplier{font-size:var(--collector-multiplier-size,16px);font-weight:900;letter-spacing:-.06em;text-shadow:0 1px 0 #ffffff80}

/* Give the board the available width and keep all four branches within reach. */
@media(min-width:1100px) and (min-height:600px){
 .game-layout{grid-template-columns:minmax(0,1fr) clamp(340px,30vw,430px);gap:18px}
 .upgrade-heading{min-height:32px}.upgrade-heading h2{font-size:1.4rem}
 .progression-tabs{margin:8px 0}.progression-tabs button{min-height:36px;padding:7px 3px;font-size:.82rem}
 .buy-toggle{margin:6px 0 8px}.buy-toggle button{min-height:28px;padding:4px 9px}
 .branch-cards{gap:5px}.branch-card{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:3px 10px;padding:7px 12px;border-radius:15px}
 .branch-top{grid-column:1;gap:7px;min-width:0}.branch-icon{width:25px;height:25px;flex-shrink:0;border-radius:8px;font-size:1.15rem}
 .branch-title h3{font-size:.9rem}.branch-level{font-size:.65rem;white-space:nowrap}.branch-level strong{font-size:.8rem}
 .branch-bottom{display:contents}.next-details{grid-column:1}.next-details strong{font-size:.77rem;line-height:1.15}.next-details small{font-size:.71rem;line-height:1.2;margin-top:2px}
 .buy-button{grid-column:2;grid-row:1/3;align-self:center;min-width:0;min-height:48px;padding:7px 6px;font-size:.85rem;border-radius:10px}
 .mini-progress{grid-column:1/-1;margin-top:2px;height:3px}.branch-card::before{top:13px;bottom:13px}
 .auto-buy-box{margin-top:10px;padding:10px;gap:7px}.lifetime-row{margin-top:10px}
}
/* Useful readouts occupy the cabinet margins without changing its size. */
.board-insights{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:1px solid #3b535d;border-radius:17px;padding:14px 12px;background:linear-gradient(145deg,#243c43e8,#172731e6);box-shadow:0 8px 25px #08161b22;font-variant-numeric:tabular-nums;pointer-events:none}
.candy-insights{left:6px}.collector-insights{right:6px}.board-insights h3{font-size:.9rem;color:#def5ed;margin-bottom:5px}.insight-caption{font-size:.66rem;color:#9fb9c2;line-height:1.4;margin-bottom:12px}.candy-value-row,.collector-stat-row{display:flex;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #8db2b51c}.candy-value-row>div,.collector-stat-row>div{flex:1;min-width:0}.candy-value-row span,.collector-stat-row span{display:block;font-size:.72rem}.candy-value-row small,.collector-stat-row small{display:block;color:#9fb9c2;font-size:.61rem;margin-top:3px}.candy-value-row>b,.collector-stat-row>strong{font-size:.83rem;color:#e8f7ea;overflow-wrap:anywhere;max-width:45%}.candy-chip{display:block;width:18px;height:18px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff7,#fff0 45%),#f28fbc;box-shadow:inset -3px -3px 4px #58134566,0 2px 4px #0018}.candy-chip.gold{background:radial-gradient(circle at 32% 25%,#fffcd3,#f9d24f 35%,#98611e)}.candy-chip.rainbow{background:linear-gradient(135deg,#ff81b1,#fbd96b,#72ead8,#b395ff)}.candy-chip.giant{background:repeating-linear-gradient(30deg,#f99ac5 0 5px,#fff1d9 5px 8px);width:21px;height:21px}.insight-foot{font-size:.64rem;line-height:1.5;color:#a7c2c8;margin-top:11px}.batch-insight{font-weight:700;color:#b0f3db}.collector-stat-row>b{display:grid;place-items:center;width:23px;height:25px;flex-shrink:0;border-radius:7px;background:var(--cup-color);color:#193841;font-size:.9rem;box-shadow:inset 0 1px 0 #fff8}.collector-stat-row.next-cup{background:#91efcf0e}.next-landing{margin-top:12px;display:grid;gap:5px}.next-landing>span{font-size:.65rem;color:#a6bcc7}.next-landing strong{font-size:1.15rem;color:#9cebd3}.next-landing small{font-size:.64rem;line-height:1.4;color:#c2d8de}.board-insights.slim{padding:11px 8px}.slim .candy-chip{display:none}.slim .candy-value-row,.slim .collector-stat-row{gap:5px}.slim .collector-stat-row>div span{font-size:.65rem}.slim .collector-stat-row>b{width:18px;height:23px;font-size:.8rem}