@import"https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";.sj-root{min-height:100vh;background:radial-gradient(ellipse at 50% -10%,#1d1830,#0d0b14 55%,#0a0810);color:#e9e0c8;font-family:Zen Kaku Gothic New,sans-serif;display:flex;align-items:center;justify-content:center;padding:20px 14px}.sj-frame{width:100%;max-width:480px;position:relative;background:linear-gradient(180deg,#171325,#131022);border:1px solid #B08D3E;border-radius:4px;box-shadow:0 0 0 4px #131022,0 0 0 5px #6e5722,0 18px 50px #0009;padding:30px 24px 28px}.sj-corner{position:absolute;width:18px;height:18px;border-color:#e4c56a;border-style:solid}.sj-tl{top:6px;left:6px;border-width:2px 0 0 2px}.sj-tr{top:6px;right:6px;border-width:2px 2px 0 0}.sj-bl{bottom:6px;left:6px;border-width:0 0 2px 2px}.sj-br{bottom:6px;right:6px;border-width:0 2px 2px 0}.sj-eyebrow{letter-spacing:.35em;font-size:11px;color:#9a854e;text-align:center;margin-bottom:10px}.sj-title{font-family:Shippori Mincho,serif;font-weight:800;font-size:34px;line-height:1.3;text-align:center;color:#e4c56a;text-shadow:0 0 18px rgba(228,197,106,.35);margin:0 0 6px}.sj-sub{text-align:center;color:#b4a87f;font-size:13px;margin-bottom:26px;line-height:1.9}.sj-btn{display:block;width:100%;padding:14px;margin-top:10px;cursor:pointer;background:linear-gradient(180deg,#241e3a,#1b1730);color:#e9e0c8;border:1px solid #6E5722;border-radius:3px;font-size:15px;font-family:Zen Kaku Gothic New,sans-serif;transition:all .15s}.sj-btn:hover{border-color:#e4c56a;background:#2a2344}.sj-btn:focus-visible{outline:2px solid #E4C56A;outline-offset:2px}.sj-btn-main{background:linear-gradient(180deg,#8a6b23,#6e5722);border-color:#e4c56a;font-weight:700;letter-spacing:.15em;font-size:16px}.sj-btn-main:hover{background:linear-gradient(180deg,#a38032,#7e6428)}.sj-btn.sj-picked{border-color:#e4c56a;background:#3a2f16}.sj-progress-wrap{display:flex;align-items:center;gap:10px;margin-bottom:22px}.sj-progress-label{font-size:11px;letter-spacing:.2em;color:#9a854e;white-space:nowrap}.sj-progress{flex:1;height:6px;background:#262038;border-radius:3px;overflow:hidden}.sj-progress>div{height:100%;background:linear-gradient(90deg,#8a6b23,#e4c56a);transition:width .3s}.sj-flavor{font-family:Shippori Mincho,serif;font-size:13px;color:#9a854e;text-align:center;margin-bottom:14px;min-height:2.4em;line-height:1.8}.sj-q{font-size:17px;font-weight:700;line-height:1.9;text-align:center;padding:16px 12px;margin-bottom:18px;border-top:1px solid #3A3352;border-bottom:1px solid #3A3352}.sj-job{font-family:Shippori Mincho,serif;font-weight:800;font-size:32px;text-align:center;color:#e4c56a;margin:4px 0 8px;text-shadow:0 0 20px rgba(228,197,106,.45);animation:sjReveal .8s ease-out}.sj-copy{text-align:center;font-size:14px;color:#c9b98a;margin-bottom:4px;line-height:1.9}.sj-stars{text-align:center;color:#e4c56a;font-size:18px;letter-spacing:.2em;margin-bottom:2px}.sj-rank{text-align:center;font-size:12px;color:#9a854e;letter-spacing:.3em;margin-bottom:14px}.sj-statlist{margin:14px 0 6px;font-size:13px}.sj-statrow{display:flex;align-items:center;gap:10px;margin-bottom:7px}.sj-statname{width:68px;color:#c9b98a}.sj-statbar{flex:1;height:7px;background:#262038;border-radius:3px;overflow:hidden}.sj-statbar>div{height:100%;background:linear-gradient(90deg,#6e5722,#e4c56a)}.sj-statval{width:34px;text-align:right;font-variant-numeric:tabular-nums;color:#e9e0c8}.sj-divider{border:none;border-top:1px solid #3A3352;margin:18px 0}@keyframes sjReveal{0%{opacity:0;transform:scale(.85);letter-spacing:.4em}to{opacity:1;transform:scale(1);letter-spacing:normal}}.sj-poly{animation:sjPoly .9s ease-out;transform-origin:130px 120px}@keyframes sjPoly{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.sj-job,.sj-poly{animation:none}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:#0a0810;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit}