:root{--green-900: #0f2e13;--green-800: #17461c;--green-700: #2f6b24;--green-600: #4f8b21;--gold-500: #b58e3f;--gold-400: #d6b568;--text-main: #f5f4e9;--text-muted: #d7e1cf}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;touch-action:auto}body{color:var(--text-main);font-family:Roboto,Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 25%,rgba(107,161,62,.3),transparent 42%),radial-gradient(circle at 90% 10%,rgba(243,168,58,.18),transparent 32%),linear-gradient(160deg,var(--green-800) 0%,var(--green-900) 82%);user-select:none;-webkit-user-select:none;text-size-adjust:none;-webkit-text-size-adjust:none;display:flex;align-items:center;justify-content:center}.app-shell{width:100%;max-width:1320px;height:100dvh;max-height:100dvh;margin:0 auto;display:flex;flex-direction:column;padding:8px;gap:8px;overflow:hidden}.app-shell:fullscreen{max-width:100%;width:100%;height:100%;max-height:100%;padding:0;gap:0;background:radial-gradient(circle at 10% 25%,rgba(107,161,62,.3),transparent 42%),radial-gradient(circle at 90% 10%,rgba(243,168,58,.18),transparent 32%),linear-gradient(160deg,var(--green-800) 0%,var(--green-900) 82%)}.app-shell:fullscreen .game-stage{border-radius:0}.app-shell:fullscreen .game-frame{border-radius:0}.glass,.chrome{border:1px solid rgba(255,199,105,.3);border-radius:14px;background:linear-gradient(90deg,#194a1fd9,#28621d94);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:inset 0 0 0 1px #ffffff0d,0 14px 30px #00000047}.game-stage{flex:1 1 0;min-height:0;position:relative;overflow:hidden;border-radius:14px}.game-frame{width:100%;height:100%;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#295c22cc,#132f12eb)}#gameRoot canvas{width:100%!important;height:100%!important;display:block;z-index:1;cursor:inherit;touch-action:auto}.mobile-top-bar{display:none}.top-overlay{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none;z-index:20}.field-pill,.metrics{pointer-events:auto}.field-pill{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:999px;background:#22541be6;border:1px solid rgba(141,181,96,.45);font-weight:600}.field-btn-group{display:flex;gap:4px;background:#0003;border-radius:999px;padding:3px;border:1px solid rgba(113,152,76,.4)}.field-btn{height:26px;padding:0 12px;border-radius:999px;border:none;background:transparent;color:#9cbf85;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.field-btn:hover{background:#ffffff14;color:#d4edba}.field-btn.active{background:linear-gradient(180deg,#5a9a28,#3f7018);color:#e8f8d0;box-shadow:0 2px 6px #0000004d}.metrics{display:flex;gap:10px;font-size:.95rem;font-weight:600;color:#f3f7e6;background:#103114c2;border:1px solid rgba(255,199,105,.28);border-radius:999px;padding:6px 10px}.sound-pill{pointer-events:auto;width:44px;height:34px;border-radius:999px;border:1px solid rgba(255,199,105,.35);background:linear-gradient(180deg,#ffffff1f,#ffffff0f);color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.sound-pill:hover{background:linear-gradient(180deg,#fff3,#ffffff1a)}.sound-pill svg{width:20px;height:20px;fill:none;stroke:#f0e8c8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.action-dock{position:absolute;bottom:8px;left:12px;right:12px;z-index:25;border-radius:16px;border:1px solid rgba(255,188,94,.42);background:linear-gradient(90deg,#1a4a1ceb,#356c1fd6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:8px;padding:8px 12px}.dock-info-bar{display:contents}.dock-field-group,.dock-next-pill,.dock-balance-pill,.dock-sound-btn{display:none}.bet-input-pill{order:1}.dock-help-btn{order:3}.play-mode-toggle{order:4}#actionBtn{order:5}.bet-input-pill{height:50px;min-width:260px;border:1px solid rgba(0,0,0,.53);box-shadow:inset 1px 1px #fff1cd33;border-radius:30px;background:#3e6c00;display:flex;align-items:center;padding:0 4px;gap:0}.bet-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px}.bet-center label{font-size:.7rem;font-weight:600;color:#a4c47a;letter-spacing:.3px}.bet-center input{width:100%;max-width:140px;height:26px;border:1px solid rgba(0,0,0,.3);border-radius:999px;background:#00000040;color:#f0f7e6;text-align:center;font-size:1rem;font-weight:600;padding:0 8px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.bet-center input:disabled{opacity:.5;cursor:not-allowed}.bet-center input::-webkit-inner-spin-button,.bet-center input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;border:1px solid rgba(255,255,255,.1);background:#0003;cursor:pointer;flex-shrink:0}.icon-btn svg{width:20px;height:20px;fill:none;stroke:#ebf8d5;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.dock-help-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid #2f5f18;background:linear-gradient(180deg,#4d8b20,#3f741c);color:#ebf8d5;font-size:1.1rem;font-weight:700;cursor:pointer}.play-mode-toggle{display:flex;gap:4px;background:#00000038;border-radius:999px;padding:4px;border:1px solid rgba(113,152,76,.45)}.play-mode-btn{height:50px;padding:0 18px;border-radius:999px;border:none;background:transparent;color:#9cbf85;font-size:.85rem;font-weight:600;cursor:pointer;letter-spacing:.2px;white-space:nowrap;transition:background .15s,color .15s}.play-mode-btn:hover{background:#ffffff14;color:#d4edba}.play-mode-btn.active{background:linear-gradient(180deg,#5a9a28,#3f7018);color:#e8f8d0;box-shadow:0 2px 6px #0000004d}.action-btn{justify-self:end;min-width:260px;height:50px;border-radius:20px;border:2px solid #2d7500;background:radial-gradient(circle at 50% 50%,#61a503,#2d7500 94%);box-shadow:0 6px 12px #00000047;color:#e8f8d0;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 22px;font-size:1rem;font-weight:600;letter-spacing:.3px;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,filter .15s}.action-btn.cashout-mode{border-color:#c4872e;background:radial-gradient(44% 44% at 49.36% 52%,#dba355,#c4872e);color:#fff8ee}.action-btn:not(:disabled):hover{filter:brightness(1.08)}.action-btn:not(:disabled):active{filter:brightness(.95)}.action-sub{padding:1px 6px;border-radius:7px;background:#00000038;font-size:.78rem;font-weight:600}.action-sub:empty{display:none}button:disabled{opacity:.52;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{position:relative;background:linear-gradient(160deg,#1a4a1f,#0f2e13);border:1px solid rgba(255,199,105,.45);border-radius:16px;padding:32px 36px;max-width:480px;width:90%;box-shadow:0 20px 50px #00000080;color:var(--text-main)}.modal-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,199,105,.4);background:#ffc7691f;color:var(--gold-400);font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ffc76940}.modal-title{margin:0 0 16px;font-size:1.4rem;font-weight:900;color:var(--gold-400);letter-spacing:.5px}.modal-rules{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:12px;font-size:1rem;line-height:1.5;color:var(--text-muted)}.modal-rules li strong{color:var(--gold-400)}@media (max-width: 960px){.bet-box,.cashout-pill{min-width:0}.play-mode-btn{padding:0 12px}}@media (max-width: 640px){.app-shell{max-height:none;padding:4px;gap:4px}.top-overlay{display:none!important}.action-dock{bottom:4px;left:4px;right:4px;grid-template-columns:auto 1fr 1fr;grid-template-rows:auto auto;gap:5px;padding:6px 8px;border-radius:12px}.dock-info-bar{display:flex;align-items:center;justify-content:center;gap:5px;grid-column:1 / -1;grid-row:1;order:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0}.dock-info-bar::-webkit-scrollbar{display:none}.dock-field-group{display:flex;gap:2px;background:#00000038;border-radius:999px;padding:3px;border:1px solid rgba(113,152,76,.4);flex-shrink:0}.dock-field-btn{height:28px;min-width:32px;padding:0 10px;border-radius:999px;border:none;background:transparent;color:#9cbf85;font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.dock-field-btn.active{background:linear-gradient(180deg,#5a9a28,#3f7018);color:#e8f8d0;box-shadow:0 2px 6px #0000004d}.dock-next-pill{display:inline-flex;flex-shrink:0;padding:4px 8px;border-radius:999px;background:#103114c2;border:1px solid rgba(255,199,105,.28);font-size:.72rem;font-weight:600;color:var(--gold-400);white-space:nowrap}.dock-balance-pill,.dock-help-btn,.dock-sound-btn{display:none!important}.mobile-top-bar{display:flex;align-items:center;gap:6px;position:absolute;top:8px;left:8px;z-index:20;pointer-events:auto}.mtb-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,199,105,.35);background:#103114d1;color:#f0e8c8;font-size:.85rem;font-weight:700;cursor:pointer}.mtb-btn svg{width:16px;height:16px;fill:none;stroke:#f0e8c8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mtb-balance{display:inline-flex;padding:5px 10px;border-radius:999px;background:#103114d1;border:1px solid rgba(255,199,105,.28);font-size:.75rem;font-weight:600;color:#f3f7e6;white-space:nowrap;pointer-events:none}.play-mode-toggle{flex-shrink:0;padding:2px;gap:2px;order:unset}.play-mode-btn{height:28px;padding:0 8px;font-size:.68rem;letter-spacing:.2px}.bet-input-pill{grid-column:1 / 3;grid-row:2;min-width:0;height:42px;order:unset}.icon-btn{width:34px;height:34px}.icon-btn svg{width:14px;height:14px}.bet-center label{font-size:.6rem}.bet-center input{height:20px;font-size:16px}#actionBtn{grid-column:3;grid-row:2;min-width:0;width:100%;height:44px;font-size:.8rem;padding:0 10px;justify-self:stretch;order:unset}.action-sub{font-size:.68rem}}