@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--red:#f44b35;--ink:#171313;--cream:#f9f3e9;--yellow:#ffd45e}*{box-sizing:border-box}body{margin:0;background:#d8d0c5;color:var(--ink);font-family:'Noto Sans SC',sans-serif}.app-shell{max-width:520px;min-height:100svh;margin:auto;background:var(--cream);overflow:hidden;position:relative}.topbar{height:64px;padding:0 24px;display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em;font-weight:700;border-bottom:1px solid #ded5c9}.brand-mark{display:grid;place-items:center;background:var(--red);color:white;width:27px;height:27px;border-radius:50%;font-size:16px}.live-dot{margin-left:auto;font:500 10px 'DM Mono';color:var(--red);border:1px solid #f5ad9e;padding:5px 8px;border-radius:20px}.hero{padding:56px 24px 34px;position:relative}.eyebrow,.result-kicker,.label{font:500 11px 'DM Mono',monospace;letter-spacing:.12em;color:#a37668;text-transform:uppercase}.hero h1{font-size:64px;line-height:.98;letter-spacing:-.08em;margin:15px 0 13px;font-weight:900}.hero h1 em{color:var(--red);font-style:normal}.dek{font-size:16px;margin:0}.hero-art{position:absolute;right:12px;top:115px;width:180px;height:190px;pointer-events:none}.coin{position:absolute;display:grid;place-items:center;width:47px;height:57px;border-radius:7px;background:linear-gradient(135deg,#ff7053,#d92e21);color:#ffd98a;font-size:23px;font-weight:900;box-shadow:0 10px 18px #b52b2533;transform:rotate(13deg)}.coin:after{content:'';position:absolute;inset:5px;border:1px solid #ffcf7a66;border-radius:4px}.c1{right:18px;top:12px}.c2{right:72px;top:62px;transform:rotate(-18deg);background:#f5b42d;color:#fff2bd}.c3{right:124px;top:108px;transform:rotate(25deg)}.c4{right:10px;top:132px;transform:rotate(-9deg);background:#f5b42d;color:#fff2bd}.c5{right:68px;top:5px;transform:rotate(-25deg);opacity:.8}.qr-card{margin-top:110px;border-top:1px solid #d9cfc1;border-bottom:1px solid #d9cfc1;padding:18px 0;display:flex;align-items:center;gap:15px}.qr{width:76px;height:76px;background:conic-gradient(#171313 25%,#fff 0 50%,#171313 0 75%,#fff 0);background-size:12px 12px;position:relative;border:7px solid #fff;box-shadow:inset 0 0 0 3px #171313}.qr:before,.qr:after{content:'';position:absolute;width:18px;height:18px;border:4px solid #171313;background:#fff}.qr:before{left:-2px;top:-2px}.qr:after{right:-2px;bottom:-2px}.qr-card strong{display:block;font-size:15px;margin-bottom:6px}.qr-card small{font-size:12px;line-height:1.7;color:#8f8175}.primary{border:0;border-radius:5px;background:var(--red);color:#fff;width:100%;height:56px;margin-top:25px;font-size:15px;font-weight:700;box-shadow:0 10px 22px #f44b3540;cursor:pointer}.primary span{float:right;margin-right:18px;font-size:22px;line-height:17px}.game{padding:27px 18px 30px}.game-head{display:flex;justify-content:space-between;align-items:end;padding:0 6px 15px}.game-head strong{display:block;font:500 36px 'DM Mono';letter-spacing:-.08em}.timer{text-align:right}.timer strong{display:inline;font-size:30px}.timer small{font:12px 'DM Mono';color:#a37668}.rain-field{height:calc(100svh - 205px);min-height:520px;background:linear-gradient(#fff9efaa,#fff9efaa),repeating-linear-gradient(105deg,transparent 0 42px,#e8d8c544 43px 44px);border:1px solid #e6d9cc;border-radius:8px;position:relative;overflow:hidden;touch-action:manipulation}.hint{position:absolute;top:50%;left:0;right:0;text-align:center;color:#a37668;font-size:13px;pointer-events:none}.drop{position:absolute;width:48px;height:57px;background:linear-gradient(140deg,#ff7658,#dd2f23);border-radius:7px;color:#ffd98a;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 5px 12px #b52b2540;animation:fall linear forwards;cursor:pointer;user-select:none}.drop:after{content:'';position:absolute;inset:5px;border:1px solid #ffcf7a66;border-radius:4px}@keyframes fall{from{transform:translateY(-90px) rotate(-12deg)}to{transform:translateY(calc(100% + 130px)) rotate(25deg)}}.progress{height:4px;background:#e4d7ca;margin:16px 6px 0}.progress i{display:block;height:100%;background:var(--red);width:100%;transform-origin:left}.result{text-align:center;padding:90px 24px}.result h2{font-size:36px;margin:15px 0 25px;letter-spacing:-.06em}.final-score{color:var(--red);font:500 86px 'DM Mono';letter-spacing:-.12em}.final-score small{font:700 18px 'Noto Sans SC';letter-spacing:0;color:var(--ink)}.result p{color:#8f8175;font-size:14px;margin:10px 0 20px}footer{display:flex;justify-content:space-between;padding:18px 24px;font:10px 'DM Mono';color:#a37668;border-top:1px solid #ded5c9}@media(max-width:380px){.hero h1{font-size:54px}.hero-art{transform:scale(.85);transform-origin:top right}}