:root{--ink:#22213a;--purple:#7047eb;--yellow:#ffe575;--pink:#ff719b}*{box-sizing:border-box}body{margin:0;background:#f6f2ff;color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC",sans-serif;background-image:radial-gradient(#cfc0ef 1px,transparent 1px);background-size:22px 22px}header{padding:22px 5%;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:2px solid var(--ink)}header a{font-size:24px;font-weight:900;text-decoration:none;color:var(--ink)}header span{display:block;font-size:12px;color:var(--purple);letter-spacing:3px}header small{color:#7b718d}main{max-width:1150px;margin:30px auto;padding:0 18px 50px}h1{font-size:clamp(28px,5vw,48px);margin:10px 0}h2{margin-top:0}p{line-height:1.6}.eyebrow{font-size:13px;font-weight:800;color:var(--purple);letter-spacing:2px}.card{background:white;border:2px solid var(--ink);border-radius:22px;padding:24px;box-shadow:5px 5px 0 #d9ccf7;margin-bottom:22px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hero{background:var(--yellow)}button,.button{border:2px solid var(--ink);background:var(--purple);color:white;padding:13px 20px;border-radius:13px;font-size:16px;font-weight:800;cursor:pointer;display:inline-block;text-decoration:none;box-shadow:3px 3px 0 var(--ink)}button:active{transform:translate(2px,2px);box-shadow:none}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:var(--yellow);color:var(--ink)}input{width:100%;padding:13px;border:2px solid #ded9eb;border-radius:12px;font:inherit;margin:6px 0 15px}label{display:block;font-weight:650;font-size:14px}input[type=checkbox]{width:auto;margin:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.avatars button{font-size:28px;padding:10px;background:#fff;box-shadow:none}.avatars button.selected{background:var(--yellow);border-color:var(--purple)}.tag{background:#eee7ff;border-radius:20px;padding:7px 12px;font-size:13px;display:inline-block}.picture{width:100%;height:280px;object-fit:contain;border-radius:15px;background:#f1ecff}.mystery{display:flex;align-items:center;justify-content:center;font-size:120px;color:var(--purple);background:repeating-linear-gradient(45deg,#eee5ff,#eee5ff 20px,#f6efff 20px,#f6efff 40px)}.price{font-size:60px;font-weight:950;color:var(--purple);line-height:1.2;margin:12px 0}.count{font-size:30px;font-weight:900;background:var(--yellow);border-radius:14px;padding:10px 18px;display:inline-block}.urgent{color:#ef244e;animation:pulse .5s infinite alternate}.muted{color:#877e98;font-size:14px}.item{padding:14px 0;border-bottom:1px solid #ece5f7}.item:last-child{border:0}.item button{padding:8px 12px;font-size:14px}.leaderboard-entry{padding:14px 0;border-bottom:1px solid #eee;display:flex;gap:12px;align-items:center}.leaderboard-entry .avatar{font-size:32px}.leaderboard-entry .details{flex:1}.leaderboard-entry strong{display:block}.links a{overflow-wrap:anywhere;color:var(--purple)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:16px;padding:16px 24px;z-index:20;max-width:90%;display:none}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10}.result{background:var(--yellow);padding:20px;border-radius:16px;margin-top:18px;font-size:22px;font-weight:800}.screen main{max-width:1500px}.screen .grid{grid-template-columns:1.3fr 1fr}.screen .picture{height:50vh}.screen .price{font-size:90px}.screen .count{font-size:60px}.qr{position:fixed;right:22px;bottom:18px;background:white;padding:10px;border:2px solid var(--ink);border-radius:15px;text-align:center;font-weight:800;z-index:3}.qr img{display:block;width:120px;height:120px}.danmaku{position:fixed;left:100%;white-space:nowrap;z-index:5;background:var(--yellow);border:2px solid var(--ink);padding:12px 20px;border-radius:40px;font-size:25px;font-weight:800;animation:fly 9s linear forwards;pointer-events:none}@keyframes fly{to{transform:translateX(calc(-100vw - 100%))}}@keyframes pulse{to{transform:scale(1.12)}}@media(max-width:700px){.grid{grid-template-columns:1fr}.card{padding:20px}header small{display:none}main{margin-top:20px}.price{font-size:50px}.picture{height:240px}.screen .grid{grid-template-columns:1.2fr 1fr;gap:12px}.screen .card{padding:12px}.screen .price{font-size:45px}.screen .count{font-size:30px}.qr img{width:85px;height:85px}.qr{right:10px;bottom:10px;font-size:12px}.row button{padding:12px 8px;font-size:14px}}
body.screen header{padding-top:6px;padding-bottom:6px}
.screen main{padding-top:8px;padding-bottom:8px}
.screen .grid>section,.screen .grid>.card{min-height:0}
.screen .card p{margin:6px 0}
.screen .picture{height:30vh;max-height:30vh;object-fit:contain;width:100%}
.screen h1{font-size:clamp(26px,4.2vh,46px);margin:6px 0;line-height:1.15}
.screen .price{font-size:clamp(40px,8vh,84px);line-height:1}
.screen .count{font-size:clamp(28px,5vh,56px);padding:6px 16px}
.screen .result{font-size:clamp(20px,3.2vh,36px);margin-top:6px}
.screen [data-testid=leaderboard]{max-height:calc(100vh - 130px);overflow:hidden}