:root{--scale:1;--gold:#e7cd8a;--cream:#fbf2d9;--muted:#b6c9b9;--panel:#12261e;color-scheme:dark;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--cream);background:#000}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000}body{display:grid;place-items:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.36;cursor:default}button[hidden],.hidden{display:none!important}#app{position:absolute;left:50%;top:50%;width:600px;height:600px;transform:translate(-50%,-50%) scale(var(--scale));transform-origin:center;overflow:hidden;background:#000}.screen{position:absolute;inset:0;overflow:hidden}.screen:not(#game){background:radial-gradient(ellipse at 50% 25%,#173427 0%,#08130e 55%,#000 85%)}.screen:not(#game)::before{content:'';position:absolute;inset:8px;border:1px solid #d4bc6940;border-radius:24px;pointer-events:none}.screen:not(#game)::after{content:'◆';color:#c9b474;position:absolute;right:27px;bottom:23px;font-size:13px;pointer-events:none}
.focusable:focus{outline:3px solid #fff0b9;outline-offset:3px;box-shadow:0 0 0 6px #dcc27e28}.focusable:focus-visible{outline:3px solid #fff0b9}.focusable:active{filter:brightness(1.22)}.menu-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:22px 40px}.brand{text-align:center}.brand-mark{height:98px;position:relative;display:grid;place-items:center}.brand-mark::before{content:'';position:absolute;width:106px;height:106px;border:1px solid #b49a5a88;transform:rotate(45deg);border-radius:20px;background:linear-gradient(145deg,#234b38,#101d15);box-shadow:inset 0 0 0 5px #0b1813,inset 0 0 0 6px #bba46b55}.brand-svg{position:relative;width:88px;height:88px;filter:sepia(.6)}.brand-title{font-family:Georgia,'Times New Roman',serif;font-size:49px;font-weight:500;letter-spacing:5px;margin:20px 0 4px;color:#f4e5b6}.brand-sub{font-size:13px;letter-spacing:4px;color:#c4bf97;font-weight:650}.menu-list{display:flex;flex-direction:column;gap:12px;width:360px;max-width:100%}.menu-btn{min-height:54px;width:100%;padding:12px 18px;border:1px solid #9b936b88;border-radius:11px;background:linear-gradient(180deg,#20392b,#11231b);font-size:20px;font-weight:600;letter-spacing:.15px;box-shadow:inset 0 1px #ebf3d21a,0 3px #0004}.menu-btn.primary{background:linear-gradient(180deg,#f0d797,#ceb06e);color:#1a281c;border-color:#fff0c2;box-shadow:inset 0 1px #fff7d4,0 3px #0006}.menu-foot{font-size:15px;color:#b4b69c;margin-top:0}.screen-header{height:92px;display:flex;align-items:center;gap:22px;padding:23px 30px}.screen-header h2{font-family:Georgia,serif;font-size:31px;font-weight:500;margin:0}.back-btn{width:48px;height:44px;border:1px solid #b7a36d;border-radius:10px;background:#182e22;font-size:26px}.opt-list{display:flex;flex-direction:column;gap:24px;padding:24px 42px}.opt-btn{min-height:112px;text-align:left;border-radius:16px;border:1px solid #a99d6588;background:linear-gradient(130deg,#294733,#0f2119);padding:20px 25px}.opt-title{font-family:Georgia,serif;font-size:30px;color:#f0d99d}.opt-sub{font-size:18px;margin-top:8px;color:#c6d5bc}
#table{display:block;width:600px;height:600px}.table-menu{position:absolute;top:8px;right:8px;width:84px;height:40px;border:1px solid #bba373;border-radius:10px;background:linear-gradient(#263a2a,#14231a);color:#f7e4b6;font-size:16px;font-weight:700}.action-bar{position:absolute;left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:1fr 1.25fr 1.25fr 1fr;gap:9px}.act-btn{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #b5ad8199;border-radius:10px;background:linear-gradient(#24382c,#12231b);box-shadow:inset 0 1px #cee0b322;color:#f3eccf}.act-label{font-size:17px;font-weight:800;letter-spacing:1px}.act-sub{font-size:15px;color:#e7d7aa;font-variant-numeric:tabular-nums}.act-btn:focus{background:linear-gradient(#eed69d,#c6ac72);color:#12251b}.act-btn:focus .act-sub{color:#233023}.act-btn.allin:not(:disabled){border-color:#b7816c}.act-btn.fold:not(:disabled){color:#e7bcb0}#turn-status{position:absolute;top:510px;left:20px;right:20px;height:21px;text-align:center;color:#b8c2ab;font-size:15px;font-weight:550;letter-spacing:.25px}#turn-status.your-turn{color:#fae1a0}
.modal{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:25px;background:#000c}#pause{z-index:12}.modal-card{width:480px;max-height:550px;overflow:auto;padding:25px 28px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(145deg,#203c2c,#0e2018);border:1px solid #d5bc7e;border-radius:21px;box-shadow:inset 0 0 0 5px #0c1c14,inset 0 0 0 6px #bcab6833,0 12px 0 #0004;text-align:center}.eyebrow{font-size:12px;letter-spacing:3px;color:#c9bd94;font-weight:700;margin-top:4px}.modal-title{font-family:Georgia,serif;font-weight:500;font-size:35px;color:#f8e6b6;line-height:1.2;margin:2px 0 8px}.amount-control{display:flex;align-items:center;justify-content:space-between;gap:16px}.sizer-amount{font-size:50px;font-weight:650;color:#fff0c1;line-height:1.2;font-variant-numeric:tabular-nums}.step-btn{width:55px;height:55px;flex-shrink:0;border:1px solid #bdaa6b;border-radius:50%;background:#213b2a;font-size:33px}.sizer-detail{font-size:17px;color:#c3d4bc}.sizer-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:9px}.preset-btn{height:48px;border:1px solid #758c6f;border-radius:9px;background:#10291d;font-size:17px;font-weight:650}.preset-btn.active{background:#beaa72;color:#11251b;border-color:#f2dc9b}.sizer-hint{font-size:15px;line-height:1.6;color:#becbb6}.sizer-buttons{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.sizer-buttons .menu-btn{font-size:18px;padding:10px 7px}.result-detail{font-size:21px;color:#e7ebd2;line-height:1.5}.result-board{font-size:32px;font-weight:700;color:#f3d892;padding:15px 0}.over-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}.over-result{font-family:Georgia,serif;font-size:47px;color:#f3dc9d}.over-detail{font-size:23px;color:#c4d0b9}.stats-content{padding:8px 42px}.stat-row{display:flex;justify-content:space-between;padding:18px 8px;border-bottom:1px solid #c0b9763d;font-size:20px}.stat-val{color:#f7de9b;font-weight:700}.stats-content>.menu-btn{margin-top:25px}.how-content{height:462px;margin:0 36px;padding:3px 5px 20px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#baa773 #17291f;scrollbar-width:thin}.how-row{display:flex;gap:20px;font-size:19px;line-height:1.5;padding:14px 0;border-bottom:1px solid #c4b97933}.how-key{min-width:78px;color:#eddbad;font-weight:750}.how-tip{color:#c3d0b6}.how-rank-title{font-size:22px;color:#ecd69e;margin:25px 0 15px}.how-ranks{display:grid;gap:10px;font-size:19px;color:#d2ddc9}.how-ranks>div{padding:9px 14px;background:#182d20;border-left:2px solid #ae995e}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:599px) and (min-height:600px){.step-btn{min-width:calc(44px / var(--scale))}}
@media(max-width:599px) and (min-height:600px){#app{height:760px}.action-bar{grid-template-columns:1fr 1fr;gap:12px;bottom:12px}.act-btn{min-height:calc(44px / var(--scale))}.act-label{font-size:calc(14px / var(--scale))}.act-sub{font-size:calc(13px / var(--scale))}.table-menu{font-size:calc(14px / var(--scale));height:calc(44px / var(--scale));width:98px}.menu-btn,.preset-btn,.step-btn{min-height:calc(44px / var(--scale));font-size:calc(14px / var(--scale))}.modal-card{max-height:714px;width:540px;padding:25px 24px}.modal{padding:12px}.sizer-presets{gap:10px}.sizer-buttons{grid-template-columns:1fr 1.65fr}.sizer-buttons .menu-btn{font-size:calc(14px / var(--scale))}.sizer-hint,.sizer-detail{font-size:calc(13px / var(--scale))}.menu-wrap{gap:24px}.how-content{height:640px}.how-row{font-size:calc(14px / var(--scale))}.how-key{min-width:90px}.opt-sub{font-size:calc(14px / var(--scale))}}