:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111416;--panel:#1a1f22;--line:#334047;--text:#f4f0e7;--muted:#aab1ad;--gold:#f3bd4f;--mint:#57d6aa;--shadow:0 24px 70px #0000005c;--panel-gap:10px;--panel-padding:16px;--desktop-stage-height:958px;font-family:Pretendard,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 18% 16%,#57d6aa29,#0000 28rem),radial-gradient(circle at 88% 8%,#f3bd4f24,#0000 24rem),linear-gradient(145deg,#101315 0%,#151a1d 45%,#221d1b 100%);margin:0}body.reveal-open{overflow:hidden}button{cursor:pointer;font:inherit;border:0}.app{width:min(1320px,100% - 32px);margin:0 auto;padding:28px 0 42px}.topbar{max-width:760px;margin-bottom:26px}.eyebrow{color:var(--mint);letter-spacing:0;margin:0 0 8px;font-size:.86rem;font-weight:800}h1{letter-spacing:0;margin:0;font-size:clamp(2rem,4.4vw,4.5rem);line-height:.96}.summary{max-width:52rem;color:var(--muted);word-break:keep-all;margin:14px 0 0;line-height:1.65}.bank{gap:var(--panel-gap);grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.bank-stat,.stage,.controls,.history,.utility-panel{box-shadow:var(--shadow);background:#1a1f22e6;border:1px solid #ffffff14;border-radius:8px}.bank-stat{min-width:0;min-height:72px;box-shadow:none;padding:12px 14px}.bank-stat span{color:var(--muted);font-size:.75rem;font-weight:700;display:block}.bank-stat strong{margin-top:4px;font-size:1.25rem;display:block}.layout{grid-template-columns:minmax(0,860px) minmax(390px,440px);align-items:start;gap:18px;display:grid}.stage{padding:18px;overflow:hidden}.notice{color:#ffd7d6;background:#5a1e1e73;border:1px solid #ef6f6c73;border-radius:8px;margin-bottom:16px;padding:12px 14px}.wheel-wrap{background-color:#151a1d;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff0f;border-radius:8px;place-items:center;min-height:856px;display:grid;position:relative}.pointer{z-index:6;border-left:18px solid #0000;border-right:18px solid #0000;border-top:36px solid var(--gold);filter:drop-shadow(0 6px 12px #00000080);width:0;height:0;position:absolute;top:22px;left:50%;transform:translate(-50%)}.wheel{aspect-ratio:1;width:min(800px,100%);transform:rotate(var(--rotation,0deg));background:conic-gradient(#3f5962 0deg 36deg,#755f42 36deg 72deg,#405449 72deg 108deg,#613f55 108deg 144deg,#435a78 144deg 180deg,#766442 180deg 216deg,#3f5962 216deg 252deg,#405449 252deg 288deg,#613f55 288deg 324deg,#755f42 324deg 360deg);border:20px solid #242b2f;border-radius:50%;position:relative;box-shadow:inset 0 0 0 2px #ffffff24,inset 0 0 38px #0000006b,0 28px 60px #00000061}.wheel:before,.wheel:after{content:"";background:#171c1f;border-radius:50%;position:absolute;inset:16%;box-shadow:inset 0 0 0 2px #ffffff1a}.wheel:after{z-index:2;background:linear-gradient(145deg,#f7d372,#b87831);inset:40%;box-shadow:0 0 0 16px #22282c,0 12px 30px #0006}.segment-label{top:calc(50% + var(--label-y));left:calc(50% + var(--label-x));z-index:3;width:112px;height:80px;transform:translate(-50%, -50%) rotate(var(--label-rotation));color:#0000;-webkit-text-stroke:2.4px #fffffff5;text-shadow:0 2px 7px #00000073;pointer-events:none;place-items:center;font-family:Comic Sans MS,Segoe Print,Pretendard,cursive;font-size:clamp(2.2rem,4.6vw,3.8rem);font-weight:900;display:inline-grid;position:absolute}.draw-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.draw-button,.draw-10-button,.reset-button,.confirm-button,.skip-button,.catalog-button,.catalog-close{border-radius:8px;justify-content:center;align-items:center;min-height:52px;font-weight:900;display:inline-flex}.draw-button{color:#1b1510;background:linear-gradient(135deg,#ffe08b,#f0a23a);box-shadow:0 12px 28px #f0a23a3d}.draw-10-button{color:#121617;background:linear-gradient(135deg,#78edc1,#58a8ff);box-shadow:0 12px 28px #57d6aa33}.catalog-button{color:#101617;background:linear-gradient(135deg,#f6df9a,#57d6aa);width:100%;height:100%;min-height:72px;box-shadow:0 12px 28px #57d6aa2e}.reset-button{min-height:34px;color:var(--text);background:#2a3338;border:1px solid #ffffff14;padding:0 12px;font-size:.82rem}button:disabled{cursor:wait;filter:grayscale(.5);opacity:.75}.portrait{aspect-ratio:3/4;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;background:#15191b;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:104px;display:grid;position:relative;overflow:hidden}.portrait canvas,.portrait img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.portrait img{object-fit:cover;-webkit-user-drag:none}.grade{color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:.55px #000000eb;background:color-mix(in srgb, var(--grade-color) 82%, black 18%);text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;border:1px solid #ffffffb8;border-radius:999px;place-items:center;min-width:46px;height:28px;padding:0 10px;font-size:.82rem;font-weight:1000;display:inline-grid;box-shadow:inset 0 1px #ffffff57,0 0 0 2px #0000009e,0 5px 14px #0000005c}.side-panel{gap:var(--panel-gap);height:var(--desktop-stage-height);grid-template-rows:auto auto 1fr;min-height:100%;display:grid;overflow:hidden}.controls,.history,.utility-panel{width:100%;padding:var(--panel-padding)}.controls{margin-bottom:0}.utility-panel{gap:var(--panel-gap);grid-template-columns:minmax(0,1fr) 112px;align-items:stretch;display:grid}.rates{gap:var(--panel-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.rate{background:#151a1d;border:1px solid #ffffff12;border-radius:8px;min-height:84px;padding:10px}.rate strong{align-items:center;gap:6px;margin-bottom:6px;font-size:.9rem;display:flex}.rate span:last-child{color:var(--muted);font-size:.85rem}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-title h2{margin:0;font-size:1.1rem}.history-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.history-tools span,.history-item small{color:var(--muted);font-size:.84rem}.history{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.history-list{align-content:start;gap:8px;min-height:0;padding-right:4px;display:grid;overflow:auto}.history-item{width:100%;color:var(--text);text-align:left;background:#151a1d;border:1px solid #ffffff0f;border-radius:8px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.history-item.empty{min-height:62px}.history-item:hover,.history-item:focus-visible{border-color:color-mix(in srgb, var(--grade-color,#f3bd4f) 48%, white 10%);box-shadow:0 0 0 2px color-mix(in srgb, var(--grade-color,#f3bd4f) 18%, transparent)}.history-item .portrait{border-radius:6px;width:42px}.history-item strong{font-size:.9rem;display:block}.flash{animation:.9s flash}.reveal,.summary-reveal{z-index:30;background:radial-gradient(circle at 50% 42%, var(--reveal-aura), transparent var(--reveal-aura-size)), #050708c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.reveal.is-ssr{background:radial-gradient(circle at 50% 38%,#ffffff38,#0000 7rem),radial-gradient(circle at 50% 42%,#ffd56a8f,#0000 19rem),radial-gradient(circle at 20% 18%,#57d6aa29,#0000 18rem),radial-gradient(circle at 80% 72%,#ff7f6129,#0000 20rem),#050708d6;animation:1.18s ease-out both ssr-screen-flash}.reveal.is-sr{background:radial-gradient(circle at 50% 40%,#a9cfff3d,#0000 8rem),radial-gradient(circle at 50% 44%,#75a7ff70,#0000 21rem),radial-gradient(circle at 18% 18%,#57d6aa24,#0000 16rem),#050708cc;animation:.72s ease-out both sr-screen-glow}.summary-reveal{background:#050708c7}.sr-showcase{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sr-showcase:before{content:"";aspect-ratio:1;opacity:.56;background:conic-gradient(from 18deg,#0000 0deg 42deg,#a6d5ff73 58deg,#0000 76deg 156deg,#75a7ff52 176deg,#0000 204deg 360deg);border-radius:50%;width:min(82vw,560px);animation:6s linear infinite sr-rays-spin;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.sr-ring{aspect-ratio:1;opacity:0;border:1px solid #a6d5ff80;border-radius:50%;width:min(70vw,460px);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)scale(.45)}.sr-ring-1{animation:.98s ease-out 80ms both sr-ring-pulse}.sr-ring-2{width:min(78vw,520px);animation:1.18s ease-out .21s both sr-ring-pulse}.sr-spark{background:#cbe4ff;border-radius:50%;width:8px;height:8px;animation:1.1s ease-out both sr-spark-pop;position:absolute;top:44%;left:50%;box-shadow:0 0 16px #75a7ffc7,0 0 34px #57d6aa4d}.sr-spark-1{--spark-x:-210px;--spark-y:-140px;animation-delay:.12s}.sr-spark-2{--spark-x:210px;--spark-y:-90px;width:10px;height:10px;animation-delay:.19s}.sr-spark-3{--spark-x:-190px;--spark-y:120px;width:6px;height:6px;animation-delay:.26s}.sr-spark-4{--spark-x:185px;--spark-y:155px;animation-delay:.33s}.ssr-showcase{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ssr-showcase:before,.ssr-showcase:after{content:"";aspect-ratio:1;border-radius:50%;width:min(92vw,720px);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.ssr-showcase:before{filter:blur(.5px);opacity:.72;background:conic-gradient(#0000 0deg 12deg,#fff1a9e6 18deg,#0000 26deg 48deg,#ffbb4994 56deg,#0000 68deg 360deg);animation:4.8s linear infinite ssr-rays-spin}.ssr-showcase:after{background:radial-gradient(circle,#0000 38%,#ffe38457 39%,#0000 43% 56%,#ffffff47 57%,#0000 60%);width:min(78vw,580px);animation:1.6s ease-out infinite ssr-halo-pulse}.ssr-ring{aspect-ratio:1;opacity:0;border:1px solid #ffe6928a;border-radius:50%;width:min(78vw,560px);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)scale(.3)}.ssr-ring-1{animation:1.2s ease-out .12s both ssr-ring-burst}.ssr-ring-2{width:min(92vw,680px);animation:1.45s ease-out .26s both ssr-ring-burst}.ssr-star,.ssr-shard{background:#fff4b8;position:absolute;top:44%;left:50%;box-shadow:0 0 18px #ffdc67c7,0 0 42px #f3bd4f73}.ssr-star{clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);width:12px;height:12px;animation:1.5s cubic-bezier(.16,1,.3,1) both ssr-star-pop}.ssr-star-1{--star-x:-250px;--star-y:-205px;animation-delay:.17s}.ssr-star-2{--star-x:260px;--star-y:-160px;width:16px;height:16px;animation-delay:.24s}.ssr-star-3{--star-x:-310px;--star-y:50px;width:10px;height:10px;animation-delay:.3s}.ssr-star-4{--star-x:300px;--star-y:95px;animation-delay:.38s}.ssr-star-5{--star-x:-160px;--star-y:220px;width:15px;height:15px;animation-delay:.46s}.ssr-star-6{--star-x:170px;--star-y:230px;width:9px;height:9px;animation-delay:.52s}.ssr-shard{transform-origin:0;border-radius:999px;width:78px;height:3px;animation:.98s ease-out both ssr-shard-streak}.ssr-shard-1{--shard-x:-340px;--shard-y:-118px;--shard-r:-18deg;animation-delay:.12s}.ssr-shard-2{--shard-x:280px;--shard-y:-42px;--shard-r:24deg;animation-delay:.18s}.ssr-shard-3{--shard-x:-300px;--shard-y:160px;--shard-r:16deg;animation-delay:.26s}.ssr-shard-4{--shard-x:250px;--shard-y:186px;--shard-r:-26deg;animation-delay:.32s}.reveal-card,.summary-card{background:linear-gradient(160deg,#ffffff21,#0000 38%),linear-gradient(145deg,#20272b,#111416);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000008c}.reveal-card{border:1px solid color-mix(in srgb, var(--grade-color) 58%, white 10%);width:min(800px,100vw - 48px);max-height:calc(100dvh - 48px);box-shadow:0 0 var(--reveal-glow) color-mix(in srgb, var(--grade-color) var(--reveal-glow-mix), transparent), 0 28px 80px #0000008c;justify-items:center;padding:30px 30px 25px;animation:.68s cubic-bezier(.16,1.22,.24,1) forwards reveal-pop;display:grid}.reveal.is-ssr .reveal-card{background:linear-gradient(135deg,#fff4b842,#0000 28%),linear-gradient(160deg,#ffffff2e,#0000 36%),linear-gradient(145deg,#2e2418,#111416 62%,#1b1d1f);border:1px solid #ffeeaceb;animation:.9s cubic-bezier(.13,1.28,.24,1) forwards ssr-card-arrive;box-shadow:0 0 0 1px #fffada47,0 0 74px #f3bd4fb8,0 0 140px #ff7f6138,0 34px 92px #0000009e}.reveal.is-sr .reveal-card{background:linear-gradient(135deg,#75a7ff33,#0000 30%),linear-gradient(160deg,#ffffff26,#0000 38%),linear-gradient(145deg,#1f2a3e,#111416 62%,#171d24);border-color:#a6d5ffd1;animation:.62s cubic-bezier(.16,1.08,.28,1) forwards sr-card-arrive;box-shadow:0 0 0 1px #c9e5ff2e,0 0 58px #75a7ff94,0 30px 82px #00000094}.reveal-card:before{content:"";background:conic-gradient(from 0deg, transparent 0deg 54deg, color-mix(in srgb, var(--grade-color) 52%, white 20%) 70deg, transparent 88deg 360deg);opacity:var(--reveal-rays);animation:5.5s linear infinite reveal-rays;position:absolute;inset:-35%}.reveal.is-sr .reveal-card:before{opacity:.42;animation-duration:4.2s;inset:-40%}.reveal.is-ssr .reveal-card:before{opacity:.86;background:conic-gradient(#0000 0deg 28deg,#fff6bfdb 38deg,#0000 52deg 82deg,#ffba3ea3 94deg,#0000 110deg 360deg);animation-duration:3.2s;inset:-44%}.reveal.is-ssr .reveal-card:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 0% 36%,#ffffffa3 46%,#0000 56% 100%);animation:1.45s ease-out .42s both ssr-card-shine;position:absolute;inset:0;transform:translate(-130%)}.reveal-card .portrait{z-index:1;width:min(600px,74vw,47dvh);box-shadow:0 0 0 2px color-mix(in srgb, var(--grade-color) 72%, white 8%), 0 0 var(--reveal-glow) color-mix(in srgb, var(--grade-color) var(--reveal-glow-mix), transparent)}.reveal.is-sr .reveal-card .portrait{box-shadow:0 0 0 2px #badcffdb,0 0 26px #75a7ffb3,0 0 64px #57d6aa38}.reveal.is-ssr .reveal-card .portrait{animation:2.1s ease-in-out .86s infinite ssr-portrait-float;box-shadow:0 0 0 2px #fff7c6eb,0 0 30px #fff1a9cc,0 0 86px #f3bd4fad}.reveal-info{z-index:1;text-align:center;width:100%;margin-top:16px;position:relative}.reveal.is-ssr .reveal-info{z-index:3}.reveal.is-ssr .grade{animation:1.2s ease-in-out .82s infinite ssr-badge-pulse;box-shadow:0 0 22px #f3bd4f8c}.reveal-info h2{margin:12px 0 6px;font-size:clamp(1.8rem,7vw,2.65rem);line-height:1.04}.reveal-info p{color:var(--muted);margin:0;line-height:1.55}.reveal-actions{z-index:1;justify-content:center;gap:10px;width:100%;display:flex;position:relative}.reveal.is-ssr .reveal-actions{z-index:3}.confirm-button{color:#151617;background:linear-gradient(135deg, #fff1a9, var(--grade-color,#f3bd4f));width:min(220px,100%);min-height:50px;box-shadow:0 14px 34px color-mix(in srgb, var(--grade-color,#f3bd4f) 28%, transparent);margin-top:16px;font-size:1rem}.skip-button{width:min(220px,100%);min-height:50px;color:var(--text);background:#2a3338;border:1px solid #ffffff1f;margin-top:16px;padding:0 18px;font-size:1rem;display:none}.skip-button.is-visible{display:inline-flex}.summary-card{border:1px solid #ffffff1f;width:min(1080px,100%);max-height:min(860px,100vh - 48px);padding:26px;animation:.36s forwards summary-pop}.summary-card .confirm-button{margin-left:auto;margin-right:auto;display:flex}.summary-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.summary-head h2{margin:0;font-size:clamp(1.7rem,5vw,2.55rem);line-height:1.05}.summary-head p{color:var(--muted);margin:6px 0 0;line-height:1.45}.summary-list{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.summary-item{min-width:0;min-height:260px;color:var(--text);text-align:inherit;background:#151a1d;border:1px solid #ffffff12;border-radius:8px;grid-template-rows:1fr auto auto;align-content:stretch;gap:8px;padding:10px;display:grid}.summary-item:hover,.summary-item:focus-visible{border-color:color-mix(in srgb, var(--grade-color,#f3bd4f) 55%, white 12%);box-shadow:0 0 0 2px color-mix(in srgb, var(--grade-color,#f3bd4f) 24%, transparent)}.summary-item .portrait{border-radius:6px;place-self:stretch center;width:min(150px,100%)}.summary-item strong{text-align:center;overflow-wrap:anywhere;font-size:1.08rem;line-height:1.2;display:block}.summary-item small{display:none}.summary-item .grade{justify-self:center}.catalog-overlay{z-index:28;background:#050708c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.catalog-card{background:linear-gradient(160deg,#ffffff1c,#0000 34%),linear-gradient(145deg,#20272b,#111416);border:1px solid #ffffff1f;border-radius:8px;width:min(1120px,100%);max-height:min(860px,100vh - 48px);padding:24px;overflow:hidden;box-shadow:0 28px 80px #0000008c}.catalog-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.catalog-head h2{margin:0;font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.05}.catalog-head p{color:var(--muted);margin:6px 0 0;font-weight:800}.catalog-close{min-height:42px;color:var(--text);background:#2a3338;border:1px solid #ffffff1f;padding:0 16px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:12px;max-height:min(680px,100vh - 170px);padding-right:4px;display:grid;overflow:auto}.catalog-item{min-width:0;min-height:260px;color:var(--text);text-align:center;background:#151a1d;border:1px solid #ffffff12;border-radius:8px;grid-template-rows:auto 1fr;gap:10px;padding:10px;display:grid}.catalog-item.is-acquired:hover,.catalog-item.is-acquired:focus-visible{border-color:color-mix(in srgb, var(--grade-color,#f3bd4f) 55%, white 12%);box-shadow:0 0 0 2px color-mix(in srgb, var(--grade-color,#f3bd4f) 24%, transparent)}.catalog-item:disabled{cursor:default;filter:none;opacity:1}.catalog-item .portrait{border-radius:6px;justify-self:center;width:min(150px,100%)}.catalog-item strong{overflow-wrap:anywhere;min-height:2.5em;margin-bottom:8px;font-size:.98rem;line-height:1.25;display:block}.catalog-item .grade{margin:0 auto}.locked-portrait{background:linear-gradient(135deg,#ffffff0d,#0000 42%),repeating-linear-gradient(135deg,#ffffff0b 0 8px,#0000 8px 16px),#171c1f;border-style:dashed}.locked-portrait span{aspect-ratio:1;background:#ffffff14;border-radius:50%;width:48%;box-shadow:0 52px 0 18px #ffffff12}@keyframes reveal-pop{0%{opacity:0;filter:brightness(1.6);transform:translateY(24px)scale(.82)}62%{opacity:1;transform:translateY(0)scale(1.04)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)}}@keyframes reveal-rays{to{transform:rotate(360deg)}}@keyframes sr-screen-glow{0%{opacity:0;filter:brightness(1.65)}32%{opacity:1;filter:brightness(1.25)}to{filter:brightness()}}@keyframes sr-rays-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes sr-ring-pulse{0%{opacity:.78;transform:translate(-50%,-50%)scale(.35)}76%{opacity:.22}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes sr-spark-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}24%{opacity:.95}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)), calc(-50% + var(--spark-y))) scale(1.05)}}@keyframes ssr-screen-flash{0%{opacity:0;filter:brightness(2.4)}12%{opacity:1;filter:brightness(2.05)}38%,to{filter:brightness()}}@keyframes ssr-rays-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes ssr-halo-pulse{0%{opacity:.28;transform:translate(-50%,-50%)scale(.84)}60%{opacity:.72}to{opacity:.2;transform:translate(-50%,-50%)scale(1.08)}}@keyframes ssr-ring-burst{0%{opacity:.86;filter:blur();transform:translate(-50%,-50%)scale(.22)}72%{opacity:.28}to{opacity:0;filter:blur(3px);transform:translate(-50%,-50%)scale(1)}}@keyframes ssr-star-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}22%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--star-x)), calc(-50% + var(--star-y))) scale(1.15) rotate(240deg)}}@keyframes ssr-shard-streak{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--shard-r)) scaleX(0)}18%{opacity:.95}to{opacity:0;transform:translate(calc(-50% + var(--shard-x)), calc(-50% + var(--shard-y))) rotate(var(--shard-r)) scaleX(1)}}@keyframes ssr-card-arrive{0%{opacity:0;filter:brightness(2.1)saturate(1.4);transform:translateY(30px)scale(.68)rotate(-2deg)}48%{opacity:1;filter:brightness(1.35)saturate(1.25);transform:translateY(-8px)scale(1.1)rotate(1deg)}72%{transform:translateY(2px)scale(.98)rotate(-.4deg)}to{opacity:1;filter:brightness()saturate();transform:translateY(0)scale(1)rotate(0)}}@keyframes sr-card-arrive{0%{opacity:0;filter:brightness(1.7)saturate(1.25);transform:translateY(22px)scale(.84)}60%{opacity:1;filter:brightness(1.16)saturate(1.12);transform:translateY(-4px)scale(1.04)}to{opacity:1;filter:brightness()saturate();transform:translateY(0)scale(1)}}@keyframes ssr-card-shine{0%{opacity:0;transform:translate(-130%)}22%{opacity:1}to{opacity:0;transform:translate(130%)}}@keyframes ssr-portrait-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ssr-badge-pulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.18);transform:scale(1.08)}}@keyframes summary-pop{0%{transform:translateY(18px)scale(.96)}to{transform:translateY(0)scale(1)}}@keyframes flash{0%,to{box-shadow:var(--shadow)}45%{box-shadow:0 0 0 2px var(--grade-color), 0 0 48px #f3bd4f61}}@media (width<=900px){.layout{grid-template-columns:1fr}.topbar{max-width:none}.side-panel{height:auto;overflow:visible}.reveal,.summary-reveal{padding:16px}.reveal-card{width:min(760px,100vw - 32px);max-height:calc(100dvh - 32px);padding:18px 16px 14px}.reveal-card .portrait{width:min(540px,70vw,38dvh)}.reveal-info{margin-top:9px}.reveal-info .grade{min-width:44px;height:27px;padding:0 9px;font-size:.8rem}.reveal-info h2{margin:8px 0 3px;font-size:clamp(1.45rem,5vw,2.1rem)}.reveal-info p{font-size:.92rem;line-height:1.35}.confirm-button,.skip-button{min-height:44px;margin-top:7px;font-size:.96rem}.wheel-wrap{min-height:680px}.wheel{width:min(100%,640px)}.history{min-height:360px}.segment-label{-webkit-text-stroke:1.8px #fffffff5;width:88px;height:62px;font-size:clamp(1.8rem,5vw,3rem)}}@media (width<=620px){.app{width:min(100% - 20px,1300px);padding-top:18px}.bank{grid-template-columns:repeat(2,minmax(0,1fr))}.rates{grid-template-columns:repeat(3,minmax(0,1fr))}.rate{min-height:76px;padding:9px 8px}.rate .grade{min-width:42px;height:26px;padding:0 8px;font-size:.78rem}.utility-panel{grid-template-columns:1fr}.utility-panel .bank{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-panel .catalog-button{min-height:52px}.draw-controls,.summary-head{grid-template-columns:1fr;display:grid}.reveal,.summary-reveal{padding:12px}.reveal-card{width:min(100%,100vw - 24px);max-height:calc(100dvh - 24px);padding:13px 13px 11px}.reveal-card .portrait{width:min(100%,68vw,31dvh)}.reveal-info{margin-top:7px}.reveal-info .grade{min-width:42px;height:26px;padding:0 9px;font-size:.78rem}.reveal-info h2{margin:6px 0 2px;font-size:clamp(1.35rem,6.2vw,2rem)}.reveal-info p{font-size:.9rem;line-height:1.35}.reveal-actions{grid-template-columns:1fr;justify-items:center;gap:8px;display:grid}.reveal-actions .confirm-button,.reveal-actions .skip-button{width:min(220px,100%);min-width:0;min-height:42px;margin-top:5px;font-size:.95rem}.summary-card{padding:16px}.summary-list{grid-template-columns:repeat(5,minmax(50px,1fr));gap:7px}.summary-item{gap:6px;min-height:170px;padding:6px 4px}.summary-item .portrait{width:min(86px,100%)}.summary-item strong{font-size:.82rem}.summary-item .grade{min-width:38px;height:24px;padding:0 7px;font-size:.72rem}.catalog-overlay{padding:12px}.catalog-card{max-height:calc(100vh - 24px);padding:16px}.catalog-head{align-items:center}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:calc(100vh - 140px)}.catalog-item{min-height:224px;padding:8px 6px}.catalog-item .portrait{width:min(118px,100%)}.catalog-item strong{font-size:.88rem}.wheel-wrap{min-height:420px}.wheel{width:min(88vw,390px)}.segment-label{-webkit-text-stroke:1.25px #fffffff5;width:60px;height:44px;font-size:clamp(1.25rem,4.6vw,2rem)}.sr-spark-1{--spark-x:-34vw;--spark-y:-120px}.sr-spark-2{--spark-x:34vw;--spark-y:-78px}.sr-spark-3{--spark-x:-32vw;--spark-y:105px}.sr-spark-4{--spark-x:32vw;--spark-y:130px}.ssr-star-1{--star-x:-42vw;--star-y:-180px}.ssr-star-2{--star-x:38vw;--star-y:-150px}.ssr-star-3{--star-x:-40vw;--star-y:45px}.ssr-star-4{--star-x:39vw;--star-y:80px}.ssr-star-5{--star-x:-28vw;--star-y:190px}.ssr-star-6{--star-x:30vw;--star-y:200px}.ssr-shard-1{--shard-x:-46vw;--shard-y:-96px}.ssr-shard-2{--shard-x:42vw;--shard-y:-32px}.ssr-shard-3{--shard-x:-44vw;--shard-y:132px}.ssr-shard-4{--shard-x:38vw;--shard-y:148px}}@media (height<=820px){.reveal,.summary-reveal{padding:10px}.reveal-card{width:min(760px,100vw - 20px);max-height:calc(100dvh - 20px);padding:11px}.reveal-card .portrait{width:min(560px,68vw,31dvh)}.reveal-info{margin-top:7px}.reveal-info .grade{min-width:42px;height:26px;padding:0 9px;font-size:.78rem}.reveal-info h2{margin:6px 0 2px;font-size:clamp(1.3rem,5.6vw,1.9rem)}.reveal-info p{font-size:.88rem;line-height:1.3}.confirm-button,.skip-button{min-height:40px;margin-top:5px;font-size:.95rem}}@media (height<=680px){.reveal-card{padding:9px}.reveal-card .portrait{width:min(500px,66vw,27dvh)}.reveal-info{margin-top:5px}.reveal-info .grade{height:24px;font-size:.74rem}.reveal-info h2{margin:5px 0 1px;font-size:clamp(1.2rem,5vw,1.7rem)}.reveal-info p{font-size:.82rem;line-height:1.25}.confirm-button,.skip-button{min-height:36px;margin-top:4px;font-size:.9rem}}