:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f7f6;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:#f4f7f6;min-width:320px;min-height:100vh;margin:0}button{font:inherit;border:0}.app-shell{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:20px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.eyebrow,.muted{color:#66756f;margin:0;font-size:13px}h1,h2,p{margin:0}h1{color:#10211c;letter-spacing:0;margin-top:4px;font-size:28px;font-weight:760}h2{letter-spacing:0;font-size:18px}.icon-button,.secondary-button,.tabs button,.chest-card button,.modal button{cursor:pointer;justify-content:center;align-items:center;gap:8px;transition:transform .16s,background .16s,color .16s,box-shadow .16s;display:inline-flex}.icon-button{color:#24594f;background:#fff;border:1px solid #d7e1dd;border-radius:8px;width:40px;height:40px}.tabs{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #dbe5e1;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;padding:8px;display:grid;position:sticky;top:0}.tabs button{color:#53615d;background:0 0;border-radius:7px;min-height:40px}.tabs button.active{color:#fff;background:#184d43;box-shadow:0 10px 24px #184d432e}.screen{gap:16px;display:grid}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-panel,.panel,.metric,.chest-card{background:#fff;border:1px solid #dbe5e1;border-radius:8px;box-shadow:0 10px 28px #2937330f}.balance-panel,.rank-summary{grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.balance-panel div,.rank-summary div{padding:22px}.balance-panel div+div,.rank-summary div+div{border-left:1px solid #dbe5e1}.balance-panel strong,.rank-summary strong{color:#143b34;margin-top:6px;font-size:34px;line-height:1;display:block}.chest-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.chest-card{flex-direction:column;justify-content:space-between;min-height:188px;padding:16px;display:flex}.chest-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.chest-icon{color:#fff;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.bronze .chest-icon{background:#a35b33}.silver .chest-icon{background:#6e7b83}.gold .chest-icon{background:#b78a16}.diamond .chest-icon{background:#1d6f8f}.chest-card-head span{color:#315048;font-weight:700}.chest-card h2{color:#163d36}.chest-card button,.modal button,.secondary-button{color:#fff;background:#184d43;border-radius:8px;min-height:42px;font-weight:700}.chest-card button:disabled{cursor:not-allowed;color:#788681;background:#d8e0dd}.panel{padding:18px}.panel-title{color:#153d35;align-items:center;gap:9px;margin-bottom:14px;display:flex}.panel-title.between{justify-content:space-between}.panel-copy{color:#596864;line-height:1.7}.rank-list,.timeline{gap:10px;display:grid}.rank-row,.timeline-row{border-bottom:1px solid #edf2f0;align-items:center;gap:12px;min-height:48px;display:grid}.rank-row{grid-template-columns:36px 1fr auto}.self-row{background:#eef7f4;border-radius:8px;margin:0 -8px;padding:0 8px}.timeline-row{grid-template-columns:1fr auto;padding-bottom:10px}.timeline-row div{gap:4px;display:grid}.timeline-row span{color:#73817c;font-size:13px}.rank-badge{color:#244a42;background:#e7eeeb;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.rank-1{color:#3c2d00;background:#ffcf53}.rank-2{color:#28343b;background:#cbd5dc}.rank-3{color:#fff;background:#d58b57}.positive{color:#16794d}.negative{color:#b94b38}.metric-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric{padding:16px}.metric span{color:#73817c;font-size:13px;display:block}.metric strong{color:#163d36;margin-top:8px;font-size:22px;display:block}.secondary-button{min-width:112px;padding:0 14px}.notice{color:#6d4a0f;background:#fff8e9;border:1px solid #f1d39b;border-radius:8px;margin-bottom:14px;padding:11px 13px}.empty{color:#71807b;text-align:center;padding:18px 0}.loading{color:#184d43;place-items:center;gap:10px;min-height:100vh;display:grid}.spin{animation:1s linear infinite spin}.modal-backdrop{z-index:10;background:#0f1e1b70;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:8px;width:min(360px,100%);padding:24px;box-shadow:0 24px 80px #0000003d}.modal-mark{color:#fff;background:#184d43;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 14px;display:grid}.modal h2{color:#163d36;margin:6px 0 10px;font-size:24px}.modal p{color:#65736f}.modal button{width:100%;margin-top:18px}.wheel-backdrop{z-index:11;background:radial-gradient(circle at 50% 18%,#ffdf993d,#0000 30%),#0f1e1b8f}.wheel-modal{text-align:center;background:linear-gradient(132deg,#ffffff70 0 16%,#0000 16% 100%),radial-gradient(circle at 50% 9%,#ffffffe6,#0000 30%),linear-gradient(#ffe6cf 0%,#ffa255 58%,#ffc274 100%);border:1px solid #ef81416b;border-radius:8px;width:min(620px,100%);max-height:calc(100vh - 32px);padding:24px 18px 22px;overflow:auto;box-shadow:0 24px 80px #00000047}.wheel-modal h2{color:#df3d2c;text-shadow:0 3px #ffffffa3;margin-top:4px;font-size:30px;font-weight:900;line-height:1.15}.wheel-modal-copy{color:#fff7df;text-shadow:0 2px 8px #a74b1b42;margin-top:8px;font-size:14px;font-weight:700}.prize-wheel-stage{--wheel-size:min(360px, calc(100vw - 72px));width:var(--wheel-size);height:var(--wheel-size);place-items:center;margin:22px auto 0;display:grid;position:relative}.prize-wheel-ring{pointer-events:none;border:6px solid #ffffff73;border-radius:50%;position:absolute;inset:-9px}.prize-wheel-stage:after{z-index:0;filter:blur(16px);content:"";background:#9f401938;border-radius:50%;position:absolute;inset:48px 34px -16px}.prize-wheel-pointer{z-index:6;filter:drop-shadow(0 5px 6px #86321740);border-top:36px solid #d9412f;border-left:16px solid #0000;border-right:16px solid #0000;width:0;height:0;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.prize-wheel-disc{--label-distance:min(125px, calc(var(--wheel-size) * .35));z-index:1;border:10px solid #ffe09ef0;border-radius:50%;transition:transform 2.55s cubic-bezier(.12,.62,.16,1);position:absolute;inset:0;box-shadow:inset 0 0 0 4px #d85135,inset 0 0 0 16px #ffffff52,0 18px 36px #97401b3d}.prize-wheel-disc:before{content:"";background:linear-gradient(#ff8b45,#f3c55f);border:7px solid #fff;border-radius:50%;position:absolute;inset:29%;box-shadow:inset 0 0 0 5px #d64e35}.prize-wheel-disc.is-spinning{transition-duration:2.55s}.prize-wheel-label{color:#81422f;text-align:center;place-items:center;width:72px;min-height:32px;margin:-16px 0 0 -36px;display:grid;position:absolute;top:50%;left:50%}.prize-wheel-label span{color:#8f3f2e;background:#ffffff75;border-radius:999px;padding:4px 8px;font-size:15px;font-weight:900;line-height:1;box-shadow:0 4px 10px #8d402314}.prize-wheel-center{z-index:5;color:#fff;text-align:center;text-shadow:0 2px 8px #96401e3d;background:linear-gradient(#ff9b4d,#f0c65f);border:7px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:116px;height:116px;font-size:20px;font-weight:900;line-height:1.05;display:inline-flex;position:relative;box-shadow:inset 0 0 0 5px #d64e35,0 12px 24px #86331633}.prize-wheel-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.prize-wheel-prize{color:#513320;text-align:left;background:#ffffffb8;border:1px solid #ffe7b1c2;border-radius:8px;align-content:center;gap:4px;min-height:68px;padding:10px;display:grid;box-shadow:0 8px 18px #9942161a}.prize-wheel-prize span{color:#ba472f;font-size:12px;font-weight:900}.prize-wheel-prize strong{overflow-wrap:anywhere;color:#3d291d;font-size:14px;line-height:1.25}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.app-shell{padding:14px}.chest-grid,.two-column,.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){h1{font-size:24px}.tabs{gap:4px;padding:6px}.tabs button{flex-direction:column;gap:2px;min-height:38px;font-size:12px}.balance-panel,.rank-summary,.chest-grid,.metric-strip{grid-template-columns:1fr}.balance-panel div+div,.rank-summary div+div{border-top:1px solid #dbe5e1;border-left:0}.chest-card{min-height:164px}.wheel-modal{padding:20px 10px 18px}.wheel-modal h2{font-size:24px}.prize-wheel-stage{--wheel-size:min(292px, calc(100vw - 48px));margin-top:18px}.prize-wheel-ring{border-width:4px;inset:-6px}.prize-wheel-pointer{border-top-width:28px;border-left-width:12px;border-right-width:12px;top:-9px}.prize-wheel-disc{--label-distance:min(98px, calc(var(--wheel-size) * .335));border-width:8px;box-shadow:inset 0 0 0 3px #d85135,inset 0 0 0 12px #ffffff52,0 14px 28px #97401b38}.prize-wheel-disc:before{border-width:5px;inset:28%;box-shadow:inset 0 0 0 4px #d64e35}.prize-wheel-center{border-width:5px;width:88px;height:88px;font-size:16px;box-shadow:inset 0 0 0 4px #d64e35,0 10px 20px #8633162e}.prize-wheel-label{width:58px;min-height:28px;margin:-14px 0 0 -29px}.prize-wheel-label span{padding:3px 6px;font-size:12px}.prize-wheel-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px}.prize-wheel-prize{min-height:68px;padding:8px}.prize-wheel-prize strong{font-size:13px}}