:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;font-size:10px;margin:0;background:#050505;color:#fff;font-family:"Press Start 2P",monospace}.app{width:100%;max-width:1100px;padding:20px;text-align:center}.pool{background:#151c3a;padding:16px;border-radius:10px;box-shadow:0 0 12px #0008}.jobGrid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:2px}.job{width:100px;padding:10px;border-radius:8px;background:#313131;cursor:pointer;transition:.2s}.job.readonly{cursor:default}.job img{width:52px;height:52px}.job:not(.readonly):hover{transform:scale(1.1)}.job.banned{opacity:.25;filter:grayscale(1)}.job.locked{outline:3px solid white}.jobName{font-size:8px;margin-top:6px}.result{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px}.resultText{display:flex;flex-direction:column;text-align:left}.header{margin-bottom:40px}.crystalContainer{position:relative;width:110px;height:110px;margin:20px auto;z-index:100}.crystal{width:110px;height:110px;clip-path:polygon(50% 0%,85% 25%,85% 75%,50% 100%,15% 75%,15% 25%);animation:crystalSpin 10s linear infinite,crystalElement 8s linear infinite;box-shadow:0 0 18px currentColor}.crystalGlow{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(30px);animation:crystalPulse 4s ease-in-out infinite,crystalElement 8s linear infinite}@keyframes crystalElement{0%{color:#5bff7a;background:#5bff7a}25%{color:#3fa7ff;background:#3fa7ff}50%{color:#ff4d4d;background:#ff4d4d}75%{color:#ffd24a;background:#ffd24a}to{color:#5bff7a;background:#5bff7a}}.results{margin-top:40px}.resultGrid{display:grid;grid-template-columns:repeat(2,220px);gap:20px;justify-content:center;margin-top:20px}.resultIcon{width:48px;height:48px;image-rendering:pixelated}.resultText{display:flex;flex-direction:column}.resultPool{font-size:12px;opacity:.6}.resultJob{font-size:18px}.poolGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;margin:40px auto}.resultGrid{display:grid;grid-template-columns:repeat(2,180px);gap:20px;justify-content:center;margin-top:20px}.resultCard{background:#0a0a0a;border:1px solid #ffffff33;border-radius:8px;padding:14px}.jobLabel{font-size:10px;opacity:.7;margin-bottom:6px}.resultIcon{width:40px;height:40px;image-rendering:pixelated;margin-bottom:6px}.resultJob{font-size:14px;text-align:center}.poolTitle{font-size:12px;margin-bottom:10px;opacity:.8}.poolHeader{display:flex;align-items:center;gap:10px;margin-bottom:10px}.jobBadge{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff55;border-radius:4px;font-size:10px;background:#000}.poolTitle{font-size:12px;margin:0;opacity:.85}.pool{background:#0a0a0a;border:1px solid #ffffff33;border-radius:10px;padding:16px;box-shadow:inset 0 0 12px #ffffff10}.rollButtonContainer{margin-top:30px;z-index:100}.rollButton{font-family:"Press Start 2P",monospace;font-size:14px;padding:16px 28px;background:#000;color:#fff;border:2px solid #ffffff55;border-radius:8px;cursor:pointer;transition:all .2s ease;z-index:100}.rollButton:hover{border-color:#fff}.rollButton:disabled{opacity:.4;cursor:default}.resultCard{min-height:90px}.crystal{width:110px;height:110px;clip-path:polygon(50% 0%,85% 25%,85% 75%,50% 100%,15% 75%,15% 25%);background:#fff;transition:all .25s ease}.crystalRolling{animation:crystalSpin .7s linear infinite}.crystalPulse{animation:crystalPulse .7s linear infinite}.phase-1{color:#fff;background:#fff}.phase0{color:#9affb4;background:#9affb4}.phase1{color:#3fa7ff;background:#3fa7ff}.phase2{color:#ff5a5a;background:#ff5a5a}.phase3{color:#ffd24a;background:#ffd24a}.crystalGlow{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(35px);opacity:.8}@keyframes crystalSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.resultCard{background:#0a0a0a;border:1px solid #ffffff33;border-radius:8px;padding:14px;transition:transform .25s ease}.settle{animation:settlePop .35s ease}@keyframes settlePop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.selectorArea{position:relative}.resultOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}.resultPanel{padding:30px;background:#050505;border:1px solid #ffffff33;border-radius:12px;box-shadow:0 0 40px #000;max-width:600px}.resultOverlay{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.resultCard{width:170px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0a;border:1px solid #ffffff33;border-radius:8px;padding:10px;box-sizing:border-box;overflow:hidden}.resultJob{margin-top:6px;font-size:12px;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resultGrid{display:grid;grid-template-columns:repeat(2,170px);gap:20px;justify-content:center}.overlayClose{position:absolute;top:12px;right:12px;background:none;border:1px solid #ffffff55;color:#fff;width:28px;height:28px;cursor:pointer;font-size:12px}.overlayClose:hover{border-color:#fff}.resultOverlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}.resultOverlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50}.resultPanel{position:relative;padding:32px;background:#0b0b0b;border:1px solid #ffffff22;border-radius:14px}.resultTitle{text-align:center;font-size:18px;margin-bottom:24px;letter-spacing:2px}.resultGrid{display:grid;grid-template-columns:repeat(2,180px);gap:20px;justify-content:center}.runHash{margin-top:20px;font-size:11px;opacity:.6;text-align:center;word-break:break-all}.resultCard.locked{border-color:#fff6;box-shadow:0 0 12px #fff2}.shareButton{margin-top:18px;padding:12px 20px;font-size:14px;border:1px solid #ffffff55;background:#111;color:#fff;cursor:pointer;border-radius:8px}.shareButton{width:100%}.shareButtons{display:flex;gap:12px;margin-top:20px}.shareButton{flex:1;padding:14px;font-size:14px;border:1px solid #ffffff55;background:#111;color:#fff;cursor:pointer;border-radius:8px}.shareButton:hover{border-color:#fff}.job.readonly.selected{border:2px solid gold;transform:scale(1.08);transition:transform .2s ease;background-color:#868686}a.title{color:#fff}