*{box-sizing:border-box}body{margin:0;background:#e9e4d9;font-family:'Microsoft YaHei',sans-serif;overflow:hidden}button{touch-action:manipulation;cursor:pointer}#mount{position:relative;width:100vw;height:100dvh}.loading{text-align:center;padding:20vh 0;color:#34423b}.public-game-shell .game-background{background:#faf5e8!important}.question{height:100px;display:flex;align-items:center;justify-content:center;gap:16px;color:#33413b;font-size:34px;font-weight:700}.question img{width:72px;height:72px;object-fit:contain}.side{position:absolute;top:108px;width:584px;height:492px;border-radius:28px;background:#ede7d8;border:2px solid #d7ceba;padding:16px;cursor:pointer;touch-action:none}.side.left{left:28px}.side.right{right:28px}.plate{width:548px;height:220px;position:relative;border:5px solid #dedbd1;background:#fffef9;border-radius:48px;box-shadow:inset 0 0 0 5px #f3f0e7,0 3px 5px #76664812}.plate+.plate{margin-top:14px}.item{position:absolute;width:84px;height:84px;object-fit:contain;pointer-events:none;border-radius:14px}.item.counted{outline:4px solid #407b4d;outline-offset:0;background:#edf5e5}.single .plate{height:456px}.answer{position:absolute;bottom:24px;height:76px;border:2px solid #a49b86;border-radius:20px;background:#fffdf6;color:#38443b;font:700 29px 'Microsoft YaHei',sans-serif;touch-action:none}.left-answer{left:150px;width:336px}.right-answer{right:150px;width:336px}.equal{left:530px;width:220px;background:#edf3e5;border-color:#91a580}.answer:active,.side.pressed{background:#e0e8d3}.help{position:absolute;right:34px;top:20px;width:182px;height:60px;border:2px solid #9eae94;border-radius:18px;background:#edf3e5;color:#364b35;font:700 25px 'Microsoft YaHei',sans-serif}.count-total{position:absolute;top:-22px;left:190px;z-index:2;padding:4px 22px;background:#f3f8ec;border:2px solid #779166;border-radius:16px;color:#334c2c;font-size:25px;font-weight:bold}.help-status{position:absolute;left:130px;top:35px;font-size:23px;color:#526448}.game-area[data-locked=true] .side,.game-area[data-locked=true] .answer{cursor:default}.small{font-size:13px;line-height:1.6;color:#53605a}#settings-toggle{position:fixed;z-index:500;left:8px;top:78px;background:#fffdf7ec;border:1px solid #958d7b;border-radius:8px;padding:6px 12px;color:#38443b;font:15px 'Microsoft YaHei',sans-serif}#settings{position:fixed;z-index:501;left:8px;top:116px;max-height:calc(100dvh - 125px);overflow:auto;width:300px;background:#fffef8;box-shadow:0 10px 40px #0003;border:1px solid #b8b09e;border-radius:16px;padding:20px;color:#34423b}#settings h2{font-size:21px;margin:0 0 8px}#settings label{display:block;margin:14px 0}#settings select,#settings input{display:block;width:100%;margin-top:8px}#settings select{padding:8px;font-size:17px}#settings output{float:right}#settings button{padding:10px;margin:4px 4px 4px 0;border:1px solid #91a580;border-radius:9px;background:#eff4e9;color:#34423b;font-size:15px}#active-settings{background:#f1eee5;border-radius:8px;padding:10px;font-size:14px;line-height:1.7}#pending-settings{font-size:14px;color:#6c633d}


/* Three answers are equally prominent and keep the same tap area. */
.answer{height:84px;width:336px;bottom:20px;background:#2f6b46;color:#fff;border:3px solid #245236;font-size:32px;box-shadow:0 5px 0 #20462e}
.left-answer{left:100px}.equal{left:472px}.right-answer{right:100px}
.answer:hover{background:#367b50}
.answer:active{background:#244f34;transform:translateY(3px);box-shadow:0 2px 0 #20462e}
.answer:focus-visible{outline:4px solid #d58725;outline-offset:4px}