:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#f5ead2;background:#050609;font-synthesis:none;text-rendering:optimizeLegibility;--gold: #e9bc62;--red: #b9292f;--blue: #38a9d4;--panel: rgba(12, 12, 16, .88);--edge: rgba(228, 184, 96, .34)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;background:#050609}html,body{overflow:hidden;overscroll-behavior:none}body{min-height:100dvh;touch-action:manipulation}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;isolation:isolate;background:#050609}.game-canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important;touch-action:none;background:#050609}.hud-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.panel{position:absolute;top:50%;width:clamp(210px,18vw,286px);max-height:calc(100dvh - 40px);overflow:auto;transform:translateY(-50%);padding:16px;pointer-events:auto;border:1px solid var(--edge);border-radius:7px;background:linear-gradient(180deg,#ffffff06,#00000026),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),var(--panel);box-shadow:inset 0 0 0 1px #ffffff06,0 14px 42px #00000061;backdrop-filter:blur(13px);scrollbar-width:thin;scrollbar-color:rgba(233,188,98,.45) transparent}.panel:before,.panel:after{content:"";position:absolute;width:10px;height:10px;border:2px solid rgba(233,188,98,.55)}.panel:before{top:6px;left:6px;border-right:0;border-bottom:0}.panel:after{right:6px;bottom:6px;border-left:0;border-top:0}.panel-left{left:18px}.panel-right{right:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(233,188,98,.22);text-transform:uppercase}.panel-title span{font-weight:900;letter-spacing:.12em;color:#f4d892}.panel-title em{font-size:10px;font-style:normal;color:#6cc7ed;letter-spacing:.08em}.balance-block{display:grid;grid-template-columns:1fr auto;align-items:end;padding:12px;margin-bottom:12px;background:#08090c;border:1px solid rgba(69,171,210,.22);box-shadow:inset 0 0 24px #1978a31f}.balance-block small{grid-column:1;color:#8e9da7}.balance-block strong{grid-column:2;grid-row:1 / 3;font-family:Courier New,monospace;font-size:clamp(30px,3.1vw,44px);line-height:1;color:#ffd674;text-shadow:0 0 14px rgba(255,183,54,.45)}.balance-block span{grid-column:1;margin-top:6px;font-size:11px;color:#b7c2c8}.section-label{margin:13px 0 7px;color:#8d989f;font-size:11px;letter-spacing:.12em}.button-grid{display:grid;gap:7px}.button-grid.two{grid-template-columns:1fr 1fr}.button-grid.three{grid-template-columns:repeat(3,1fr)}.machine-button{min-height:36px;padding:7px 9px;color:#e8dbc2;border:1px solid rgba(210,169,91,.25);border-radius:4px;background:linear-gradient(180deg,#25252b,#121317);box-shadow:inset 0 1px #ffffff0f,0 2px #07080a;cursor:pointer;transition:transform .13s ease,border-color .13s ease,color .13s ease,filter .13s ease}.machine-button:hover:not(:disabled){border-color:#e9bc62b8;color:#fff0c7;filter:brightness(1.12)}.machine-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 6px #00000080}.machine-button.active{color:#16100b;background:linear-gradient(180deg,#f2ca74,#ac6c21);border-color:#ffe5a2;font-weight:900}.machine-button:disabled{opacity:.38;cursor:not-allowed}.start-button{width:100%;min-height:48px;margin-top:12px;color:#fff2d6;font-weight:900;letter-spacing:.13em;border-color:#dc4d43;background:linear-gradient(180deg,#c83336,#6d1017);box-shadow:inset 0 1px #ffffff29,0 3px #350408,0 0 24px #bb1f243d}.range-row,.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;margin-top:8px;color:#b7c0c6;font-size:12px}.range-row input[type=range]{min-width:0;width:58%;accent-color:#d2a14e}.custom-row input[type=number]{width:72px;padding:6px 8px;color:#f3dca9;background:#08090c;border:1px solid rgba(233,188,98,.35);border-radius:3px}.switch-row input{width:34px;height:18px;accent-color:#c22c32}.meter-list{display:grid;gap:7px}.meter-list>div{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 9px;background:#020507b8;border-left:2px solid rgba(233,188,98,.4)}.meter-list span{color:#8e9aa1;font-size:12px}.meter-list strong{font-family:Courier New,monospace;font-size:18px;color:#f1d99d}.meter-list .gold{color:#ffd56c;text-shadow:0 0 12px rgba(255,183,51,.4)}.meter-list .blue{color:#72dcff}.result-window{min-height:56px;margin-top:11px;padding:11px;display:grid;place-items:center;text-align:center;color:#dce7eb;font-size:12px;line-height:1.5;background:radial-gradient(circle at center,#18638038,#020507d9);border:1px solid rgba(72,178,220,.2)}.bonus-banner{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:10px;padding:9px;background:#481115;border:1px solid #c83b3f}.bonus-banner b{color:#ffe18c;font:900 34px/1 Courier New,monospace}.bonus-banner span{font-size:12px;color:#ffd2c8}.quality-grid{margin-top:7px}.utility-actions{display:flex;gap:8px;margin-top:11px}.utility-actions button{flex:1;padding:7px;border:1px solid rgba(255,255,255,.12);color:#9ca6ab;background:#0c0d10;cursor:pointer;font-size:11px}.operation-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);max-width:640px;padding:9px 18px;color:#d8dfe1;font-size:12px;text-align:center;border:1px solid rgba(233,188,98,.25);background:#050608cc;backdrop-filter:blur(8px)}.operation-hint .pulse{color:#ffe091;animation:hint-pulse 1.15s ease-in-out infinite alternate}@keyframes hint-pulse{to{text-shadow:0 0 16px rgba(255,191,64,.75)}}.mobile-status,.mobile-controls{display:none}.tutorial-shell,.pause-screen,.fatal-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#020305b8;backdrop-filter:blur(10px)}.tutorial-card,.pause-screen>div,.fatal-screen>div{width:min(420px,100%);padding:28px;border:1px solid rgba(233,188,98,.5);background:linear-gradient(145deg,#1b1513,#090a0d);box-shadow:0 25px 80px #0009,inset 0 0 0 1px #ffffff06}.tutorial-index{display:inline-grid;place-items:center;width:54px;height:54px;color:#18100a;background:#e8bb61;font:900 24px/1 Courier New,monospace}.tutorial-card h2{margin:18px 0 8px;color:#f8d98e;letter-spacing:.08em}.tutorial-card p{min-height:48px;margin:0;color:#b6c1c7;line-height:1.7}.tutorial-progress{display:flex;gap:6px;margin:18px 0}.tutorial-progress i{width:18px;height:3px;background:#34363a}.tutorial-progress i.active{background:#e6b95f;box-shadow:0 0 9px #e6b95fb3}.tutorial-buttons{display:flex;justify-content:flex-end;gap:10px}.tutorial-buttons button,.pause-screen button,.fatal-screen button{padding:9px 18px;color:#d3d9dc;border:1px solid rgba(255,255,255,.15);background:#15171b;cursor:pointer}.tutorial-buttons .primary,.pause-screen button,.fatal-screen button{color:#1a1008;border-color:#ffd98a;background:#e5b75c;font-weight:900}.pause-screen h2,.fatal-screen h1{color:#f2cf81}.pause-screen p,.fatal-screen p{color:#adb8bd;line-height:1.6}.fatal-screen code{display:block;margin:12px 0 18px;padding:10px;overflow-wrap:anywhere;color:#ffb4a8;background:#120708}.toast{position:fixed;z-index:30;left:50%;top:22px;transform:translate(-50%);padding:10px 17px;color:#181008;font-weight:800;background:#e8bd67;border:1px solid #ffe2a0;box-shadow:0 8px 30px #00000073;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}.debug-panel{position:fixed;z-index:12;left:50%;top:10px;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:min(920px,calc(100% - 24px));padding:8px;color:#b8f0ff;font:11px/1.3 monospace;background:#00080ce6;border:1px solid #1ba3cc}.debug-panel strong{padding:4px 6px;color:#081014;background:#5de2ff}.debug-actions{display:flex;gap:5px;margin-left:auto}.debug-actions button{padding:5px 7px;color:#d7f8ff;background:#08212a;border:1px solid #1f7e9b;cursor:pointer}@media(max-width:980px){.panel{width:208px;padding:12px}.panel-left{left:8px}.panel-right{right:8px}.machine-button{min-height:32px;padding:6px;font-size:11px}}@media(max-width:760px){.panel,.operation-hint{display:none}.mobile-status{position:absolute;top:max(7px,env(safe-area-inset-top));left:max(7px,env(safe-area-inset-left));right:max(7px,env(safe-area-inset-right));display:grid;grid-template-columns:repeat(3,1fr);gap:6px;pointer-events:none}.mobile-status>div{min-width:0;padding:7px 9px;text-align:center;border:1px solid rgba(233,188,98,.28);background:#050608cc;backdrop-filter:blur(8px)}.mobile-status small{display:block;color:#8c989e;font-size:9px;letter-spacing:.12em}.mobile-status strong{display:block;overflow:hidden;color:#f2d17f;font:900 17px/1.25 Courier New,monospace;text-overflow:ellipsis}.mobile-status .bonus-clock{grid-column:1 / -1;background:#5e0e13db}.mobile-controls{position:fixed;z-index:8;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.mobile-start{width:78px;height:52px;color:#fff0cf;font-weight:900;letter-spacing:.08em;border:1px solid #e85c52;border-radius:4px;background:linear-gradient(#c73639,#6c0e15);box-shadow:0 4px #310408,0 0 22px #c1222747;pointer-events:auto}.mobile-start:disabled{opacity:.4}.touch-plunger{--pull: 0;position:relative;width:74px;height:148px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;padding-bottom:5px;color:#899398;font-size:9px;touch-action:none;pointer-events:auto;user-select:none}.touch-plunger:before{content:"";position:absolute;left:50%;top:8px;width:7px;height:105px;transform:translate(-50%);border-radius:5px;background:repeating-linear-gradient(to bottom,#c6cdd1 0 5px,#555b61 5px 9px);box-shadow:0 0 0 2px #14171a}.touch-plunger i{position:absolute;top:calc(3px + var(--pull) * 66px);left:50%;width:46px;height:46px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 35% 28%,#ff7774,#b41922 56%,#4a080c);box-shadow:inset -6px -8px 12px #00000059,0 5px #280305,0 0 18px #c91f2659;transition:filter .15s ease}.touch-plunger.ready i{filter:brightness(1.2);animation:plunger-glow 1s ease-in-out infinite alternate}@keyframes plunger-glow{to{box-shadow:inset -6px -8px 12px #00000059,0 5px #280305,0 0 28px #ff383fb8}}.toast{top:calc(max(7px,env(safe-area-inset-top)) + 72px);max-width:calc(100% - 30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.debug-panel{top:70px}}@media(max-width:760px)and (orientation:portrait){.game-canvas{transform:scale(1.02);transform-origin:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:760px){.mobile-wager{display:grid;gap:6px;width:min(210px,50vw);pointer-events:auto}.mobile-wager>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mobile-wager button{min-height:30px;color:#d9e0e2;border:1px solid rgba(233,188,98,.28);border-radius:3px;background:#08090ce0;font-size:10px}.mobile-wager button.active{color:#171007;border-color:#ffe39b;background:#deb258;font-weight:900}.mobile-wager .mobile-claim{color:#aeeaff;border-color:#43afdb73;background:#061c26e6}}.language-switch{position:fixed;z-index:16;top:14px;right:276px;display:flex;gap:3px;padding:3px;border:1px solid rgba(109,211,244,.3);border-radius:4px;background:#04080bdb;box-shadow:0 8px 24px #0000005c;backdrop-filter:blur(8px);pointer-events:auto}.language-switch button{min-width:40px;padding:5px 8px;color:#9aabb3;border:0;border-radius:2px;background:transparent;font:800 11px/1 sans-serif;cursor:pointer}.language-switch button.active{color:#081015;background:#72dcff;box-shadow:0 0 14px #36caff59}@media(max-width:980px)and (min-width:761px){.language-switch{right:224px}}@media(max-width:760px){.language-switch{top:calc(max(7px,env(safe-area-inset-top)) + 57px);right:max(8px,env(safe-area-inset-right))}.language-switch button{min-width:36px;padding:4px 7px;font-size:10px}}