*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--orange:#d4622a;--orange-light:#f5ede4;--peach-from:#f5e4ce;--peach-to:#edcfae}body{background:linear-gradient(160deg,var(--peach-from)0%,var(--peach-to)100%);flex-direction:column;align-items:center;gap:1.5rem;min-height:100vh;padding:2rem 1rem 3rem;font-family:DM Sans,sans-serif;display:flex}.page-logo{color:var(--orange);letter-spacing:.5px;font-family:Caveat,cursive;font-size:32px}.card-wrap{background:#fff;border:1px solid #00000014;border-radius:18px;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:440px;padding:2rem 1.5rem;display:flex;box-shadow:0 4px 32px #b4501414}.logo{align-items:center;gap:6px;font-size:12px;display:flex}.ls{color:#0f6e56;font-weight:500}.lk{color:#993c1d;font-weight:500}.sep{color:#aaa}.hero{text-align:center;flex-direction:column;gap:8px;display:flex}.hero h1{color:#1a1a1a;font-size:22px;font-weight:500;line-height:1.3}.hero p{color:#666;max-width:300px;margin:0 auto;font-size:14px;line-height:1.65}.dir{justify-content:space-between;width:100%;font-size:13px;display:flex}.hdr{justify-content:space-between;align-items:center;width:100%;display:flex}.cnt{color:#888;font-variant-numeric:tabular-nums;font-size:13px}.dots{gap:5px;display:flex}.dot{background:#ddd;border-radius:50%;width:6px;height:6px;transition:background .25s,transform .2s}.dot-d{background:#0f6e56}.dot-c{background:#1a1a1a;transform:scale(1.5)}.dot-w{background:#993c1d}.game-card{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#fafaf8;border:1px solid #eee;border-radius:14px;flex-direction:column;gap:.85rem;width:100%;padding:1.4rem 1.2rem;display:flex;position:relative}.game-card:active{cursor:grabbing}.ctag{color:#aaa;letter-spacing:.4px;font-size:11px}.cstmt{color:#1a1a1a;font-size:15px;font-weight:500;line-height:1.55}.chint{color:#bbb;font-size:12px}.badge{pointer-events:none;opacity:0;border:1px solid;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;top:1rem}.sb-s{color:#0f6e56;background:#e1f5ee;border-color:#5dcaa5;right:1rem}.sb-k{color:#993c1d;background:#faece7;border-color:#f0997b;left:1rem}@keyframes flyL{to{opacity:0;transform:translate(-160%)rotate(-14deg)}}@keyframes flyR{to{opacity:0;transform:translate(160%)rotate(14deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fly-l{animation:.35s cubic-bezier(.4,0,1,1) forwards flyL}.fly-r{animation:.35s cubic-bezier(.4,0,1,1) forwards flyR}.rev{background:#fafaf8;border:1px solid #eee;border-radius:14px;flex-direction:column;gap:.85rem;width:100%;padding:1.4rem 1.2rem;animation:.3s forwards slideUp;display:flex}.rpill{border:1px solid;border-radius:8px;align-items:center;gap:5px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.rp-ok{color:#0f6e56;background:#e1f5ee;border-color:#5dcaa5}.rp-no{color:#993c1d;background:#faece7;border-color:#f0997b}.crow{align-items:center;gap:12px;display:flex}.cav{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:500;display:flex}.cav-logo{object-fit:contain;background:#fff;border:1px solid #eee;border-radius:10px;flex-shrink:0;width:40px;height:40px}.cname{color:#1a1a1a;font-size:15px;font-weight:500}.cyr{color:#888;font-size:12px}.expl{color:#555;font-size:13px;line-height:1.7}.pbox{background:#f5ede4;border-radius:10px;flex-direction:column;gap:5px;padding:12px 14px;display:flex}.plbl{color:var(--orange);letter-spacing:.8px;text-transform:uppercase;font-size:10px}.ptxt{color:#1a1a1a;font-size:13px;line-height:1.6}.btn{cursor:pointer;color:#1a1a1a;background:0 0;border:1px solid #ddd;border-radius:10px;padding:11px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:background .12s,opacity .12s}.btn:hover{background:#f5f5f5}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.32;cursor:default}.brow{gap:10px;width:100%;display:flex}.btn-sk{color:#993c1d;background:#faece7;border-color:#f0997b;flex:1}.btn-sh{color:#0f6e56;background:#e1f5ee;border-color:#5dcaa5;flex:1}.btn-sk:hover,.btn-sh:hover{opacity:.8}.btn-orange{background:var(--orange);color:#fff;border-color:#0000;padding:13px}.btn-orange:hover{opacity:.88}.btn-w{width:100%}.btn-ghost{color:#888;border-color:#e5e5e5;padding:9px 14px;font-size:13px}.attr{color:#aaa;text-align:center;font-size:11px}.attr a{color:var(--orange);text-decoration:none}.attr a:hover{text-decoration:underline}.sc-wrap{text-align:center;flex-direction:column;gap:4px;display:flex}.sc-num{color:#1a1a1a;font-family:monospace;font-size:64px;font-weight:500;line-height:1}.sc-den{color:#aaa;font-family:monospace;font-size:28px}.sc-title{color:#1a1a1a;font-size:18px;font-weight:500}.sc-sub{color:#888;font-size:13px}.rank-box{background:#f5ede4;border-radius:12px;flex-direction:column;gap:10px;width:100%;padding:1rem 1.2rem;display:flex}.rank-row{justify-content:space-between;align-items:center;display:flex}.rank-lbl{color:#888;font-size:12px}.rank-val{color:#1a1a1a;font-size:14px;font-weight:500}.rank-div{background:#ddd;height:.5px}.pct-big{color:var(--orange);font-size:22px;font-weight:500}.sdots{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.sdot{border-radius:50%;width:14px;height:14px}.sdot-y{background:#0f6e56}.sdot-n{background:#993c1d}.name-wrap{flex-direction:column;gap:6px;width:100%;display:flex}.nlbl{color:#555;font-size:12px}.nhint{color:#aaa;font-size:11px}.name-row{gap:8px;width:100%;display:flex}.name-row input{color:#1a1a1a;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:14px}.name-row input:focus{border-color:var(--orange)}.tomorrow{color:#aaa;text-align:center;padding:4px 0;font-size:13px}.streak-line{color:#d4622a;text-align:center;margin:0;font-size:14px;font-weight:500}.streak-count{color:#d4622a;text-align:center;margin-top:4px;font-size:14px;font-weight:600}.streak-hint{color:#d4622a;font-size:11px}.week-dots-wrap{flex-direction:column;align-items:center;gap:5px;display:flex}.week-labels{gap:8px;display:flex}.wdot-label{text-align:center;color:#aaa;width:10px;font-size:10px}.week-dots{gap:8px;display:flex}.wdot{background:#e5e5e5;border-radius:50%;width:10px;height:10px}.wdot-played{background:#d4622a}.wdot-today{outline-offset:2px;outline:2px solid #d4622a}.two-btn{gap:8px;width:100%;display:flex}.lb-list{flex-direction:column;gap:2px;width:100%;display:flex}.lb-row{border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.lb-row:hover{background:#f9f9f9}.lb-row.me{background:#f5ede4;border:1px solid #e8a882}.lb-rank{color:#aaa;text-align:right;flex-shrink:0;width:22px;font-size:12px}.lb-name{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.lb-score{color:#1a1a1a;flex-shrink:0;font-size:13px;font-weight:500}.lb-time{color:#aaa;flex-shrink:0;font-size:11px}.lb-top .lb-rank{color:#1a1a1a;font-weight:500}.lbtitle{color:#1a1a1a;font-size:18px;font-weight:500}.dist-box{background:#f5ede4;border-radius:12px;flex-direction:column;gap:7px;width:100%;padding:1rem 1.2rem;display:flex}.dist-title{color:var(--orange);letter-spacing:.6px;text-transform:uppercase;font-size:11px}.dist-row{align-items:center;gap:8px;display:flex}.dist-lbl{color:#888;text-align:right;flex-shrink:0;width:24px;font-size:12px}.dist-bar-wrap{background:#00000014;border-radius:4px;flex:1;height:8px;overflow:hidden}.dist-bar{background:#c8956a;border-radius:4px;height:100%}.dist-bar.mine{background:var(--orange)}.dist-cnt{color:#aaa;text-align:right;flex-shrink:0;width:18px;font-size:11px}.top-pct-banner{background:var(--orange);border-radius:12px;flex-direction:column;gap:3px;width:100%;padding:1rem 1.2rem;display:flex}.top-pct-label{color:#ffffffbf;letter-spacing:.6px;text-transform:uppercase;font-size:11px}.top-pct-val{color:#fff;font-size:26px;font-weight:500;line-height:1.2}.top-pct-sub{color:#ffffffbf;font-size:12px}.tough-box{background:#f5ede4;border-radius:12px;flex-direction:column;gap:5px;width:100%;padding:1rem 1.2rem;display:flex}.tough-lbl{color:var(--orange);letter-spacing:.6px;text-transform:uppercase;font-size:11px}.tough-co{color:#1a1a1a;font-size:14px;font-weight:500}.tough-stat{color:#888;font-size:12px}.rv-nav{justify-content:space-between;align-items:center;width:100%;display:flex}.empty{color:#aaa;text-align:center;padding:1.5rem 0;font-size:13px}.story-link{color:var(--orange);align-items:center;gap:4px;font-size:10px;text-decoration:none;display:inline-flex}.story-link:hover{text-decoration:underline}.share-row{flex-direction:column;gap:8px;width:100%;display:flex}.share-lbl{color:#aaa;text-transform:uppercase;letter-spacing:.6px;font-size:11px}.share-btns{gap:8px;width:100%;display:flex}.share-btn{flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:13px;display:flex}.share-x{color:#fff;background:#000;border-color:#000}.share-x:hover{background:#222}.share-li{color:#fff;background:#0a66c2;border-color:#0a66c2}.share-li:hover{background:#0958a8}.share-dl{color:#555;background:#f5f5f5;border-color:#ddd}.share-dl:hover{background:#eee}.share-copy{color:#555;background:#f5f5f5;border-color:#ddd}.share-copy:hover{background:#eee}.page-attr{color:#96501eb3;text-align:center;letter-spacing:.2px;font-size:11px}.page-attr a{color:var(--orange);text-decoration:none}.page-attr a:hover{text-decoration:underline}