:root{color-scheme:light;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#372e25;background:#f4ecdc}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button{font:inherit;cursor:pointer;border:0;border-radius:100px;background:#ad462a;color:#fff7e9;min-height:56px;font-size:18px;font-weight:700;width:min(100%,320px);box-shadow:0 7px 20px #9b462729}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #326947;outline-offset:5px}[hidden]{display:none!important}#camera{position:fixed;inset:0;overflow:hidden;background:#151e18}#camera canvas{pointer-events:none}.screen{position:fixed;inset:0;z-index:5;overflow:auto;display:flex;align-items:center;flex-direction:column;text-align:center;padding:max(30px,env(safe-area-inset-top)) 24px max(25px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 0,#ed9867 0,transparent 62%),#f3eddf}.brand{font-family:serif;font-size:27px;letter-spacing:4px}.brand span{font-family:sans-serif;display:block;font-size:13px;letter-spacing:3px;margin-top:8px;color:#6e503d}.art{width:140px;height:205px;margin:28px 0 8px;filter:drop-shadow(0 9px 7px #5c422526)}.art img{width:100%;height:100%;object-fit:contain}h1{font-family:serif;font-size:26px;font-weight:500;margin:14px 0}p{font-size:16px;line-height:1.8;color:#67594c;margin:8px 0 18px}.rules{display:flex;gap:30px;margin:10px 0 27px}.rules div{width:62px;display:grid;place-items:center;gap:9px}.rules img{width:62px;height:46px;object-fit:contain}.rules b{color:#385a3d;font-size:17px}.rules div:last-child b{color:#aa3f2a}#status{font-size:14px;max-width:340px;margin-top:17px}.target-link{color:#775b49;font-size:14px;text-underline-offset:4px}#hud{position:fixed;top:max(20px,env(safe-area-inset-top));left:18px;right:18px;display:flex;justify-content:space-between;z-index:3;pointer-events:none}.pill{background:#fff7eaeF;border:1px solid #d6cbb7;border-radius:99px;padding:11px 18px;color:#5e4937;font-size:14px}.pill strong{font-size:23px;margin-left:8px;color:#8c3e25;font-variant-numeric:tabular-nums}#scan{position:fixed;inset:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.scan-frame{width:min(70vw,320px);aspect-ratio:.707;border:2px dashed #fff7dd88;border-radius:12px}#scan p{color:white;text-shadow:0 2px 5px #000;background:#201b18aa;padding:10px 20px;border-radius:99px;margin-top:24px;font-size:14px}#gesture{position:fixed;bottom:max(28px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;z-index:3;color:white;text-shadow:0 2px 4px #000;pointer-events:none;font-size:14px}.total{display:flex;flex-direction:column;gap:8px;margin:45px 0 25px}.total strong{font-family:serif;font-size:90px;color:#9b442c}.total span{color:#766352}#result{justify-content:center}#result button{margin:20px 0}body.playing{touch-action:none}.preview-canvas{position:absolute;inset:0;margin:auto;width:min(100vw,470px);height:min(100dvh,705px);object-fit:contain}#result p{white-space:pre-line}@media(max-height:720px){.art{height:140px;width:100px;margin-top:12px}.rules{margin-bottom:17px}h1{font-size:23px}.screen{padding-top:20px}p{margin-bottom:12px}}

.sound-toggle{position:fixed;right:16px;bottom:max(18px,env(safe-area-inset-bottom));z-index:10;width:auto;min-height:40px;padding:8px 14px;font-size:14px;background:#fff5e5;color:#71472e;border:1px solid #c8aa89;box-shadow:0 2px 10px #21160918}#gesture{bottom:max(70px,calc(env(safe-area-inset-bottom) + 52px))}