:root{font-family: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}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{font-family:Roboto Slab,sans-serif;line-height:1.5;color:#ebe7ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;width:100%;height:100%}body{height:98%;width:98%;background:radial-gradient(circle at top,#f1d246fa,#fab067de),url(bg-pattern-dark.png);background-repeat:repeat;background-size:100% 100%,30% 30%,100% 100%}#root{left:0;bottom:0;right:0;height:100%;width:100%;margin:0;padding:0;box-sizing:border-box;position:relative}.scales-header{width:100%;height:5%;text-align:center;color:#2d2d44;display:flex;align-items:center;justify-content:center;font-style:italic;font-size:1rem;font-weight:600;letter-spacing:.5px}.scales-stack-container{display:flex;align-items:center;justify-content:center;width:100%;height:65%}.scales-stack{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:1rem;flex-direction:row}.scale-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.scale{background-color:#fab0674d;aspect-ratio:3 / 2;max-width:90%;max-height:90%;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 0 10px #0003;display:flex;justify-content:center;align-items:center;min-width:100px;min-height:67px;width:100%;height:auto}@keyframes deck-stack-bounce-animation{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.pan{position:absolute;width:25%;display:flex;justify-content:center;gap:2px;flex-direction:row;align-items:center;padding:4px}@keyframes pan-bounce-animation{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.pan.selected{background-color:#ffffff20;box-shadow:0 0 10px #00000080;border-radius:8%;animation:pan-bounce-animation 1.5s ease-in-out infinite}.left-pan{left:6%}.right-pan{right:6%}.top-pan{top:9.5%;height:40%}.middle-pan{top:17%;height:40%}.bottom-pan{top:26%;height:40%}.pan-stack{justify-content:flex-end;gap:2%;flex-direction:column;width:20%;height:100%;display:flex;align-items:center}.stone{aspect-ratio:1/1;height:8%;border-radius:20%;position:relative;box-shadow:0 4px 8px #0000002e;z-index:1;background:none;overflow:visible;display:flex;align-items:flex-end;justify-content:center}.stone.current-round{opacity:.5}.scale-image{mix-blend-mode:multiply;position:absolute;left:6%;right:6%;bottom:6%;width:88%;height:auto;aspect-ratio:765 / 245;object-fit:contain;z-index:0;pointer-events:none}.buttons-container{margin-right:10px;position:absolute;width:95%;height:10%;display:flex;justify-content:right;align-items:center;gap:1rem}button{height:38px;min-height:2rem;max-height:100%;border-radius:8px;border:1px solid transparent;font-weight:500;padding:.1rem 1.5rem;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#ebe7ef}.deck{position:fixed;bottom:2%;left:0;right:0;width:100%;height:18%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(1,1fr);align-items:center;justify-items:center}.deck-stack-container{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;width:60%;height:auto;border-radius:10%}.deck-stack-container.selected{animation:deck-stack-bounce-animation 1.5s ease-in-out infinite}.deck-stack{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center;width:80%;height:auto;aspect-ratio:4 / 3}.deck-stone{width:80%;aspect-ratio:1;border-radius:20%}.deck-stone.current-round{opacity:.5}.red .deck-stone,.red .stone{background-color:tomato}.deck-stack-container.red{background-color:#ff634750}.blue .deck-stone,.blue .stone{background-color:#005680}.deck-stack-container.blue{background-color:#00568050}.green .deck-stone,.green .stone{background-color:#004d1f}.deck-stack-container.green{background-color:#004d1f50}.yellow .deck-stone,.yellow .stone{background-color:gold}.deck-stack-container.yellow{background-color:#ffd70050}.beige .deck-stone,.beige .stone{background-color:#e4c49b}.deck-stack-container.beige{background-color:#e4c49b50}.results-form-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e1e28b3;display:flex;align-items:center;justify-content:center;z-index:1000}.results-form{background:#1e1e28e6;border-radius:18px;box-shadow:0 8px 32px #0000002e;padding:2.5rem 2rem 2rem;min-width:320px;max-width:80vw;display:flex;flex-direction:column;align-items:center}.results-form h2{margin-bottom:1.5rem;color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px}.results-form ul{list-style:none;padding:0;margin:0 0 2rem;width:100%}.results-form li{margin-bottom:1.2rem;display:flex;justify-content:flex-start;align-items:center;padding-left:20%}.results-form label{font-size:1.1rem;color:#fff;display:flex;align-items:center;gap:.7rem;width:100%}.results-form select{width:70px;padding:.4rem .6rem;border-radius:6px;background:#fff;font-size:1rem;color:#333;margin-left:.5rem;box-shadow:0 1px 2px #0000000a;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.results-form button{background:#4f5bd5;color:#fff;border:none;border-radius:8px;padding:.1rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .18s,transform .12s;box-shadow:0 2px 8px #4f5bd514}.results-form button:hover{background:#3741a0;transform:translateY(-2px) scale(1.04)}.results-form button:active{background:#2d326b}.results-form>div:last-child,.results-form>.results-form-buttons{width:100%;display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem}.results-form button+button{margin-left:1rem}.final-screen-image{position:relative;height:150px;object-fit:contain;z-index:0;pointer-events:none;margin-bottom:1rem;border-radius:4%}.final-message{font-size:1.2rem;color:#d1d5db;font-style:italic;font-weight:400;margin-bottom:2rem;text-align:center}@media screen and (orientation: portrait){.scales-header{font-size:.8rem}.scales-stack-container{height:65%}.scales-stack{flex-direction:column}.scale{width:auto;height:100%}.deck{height:18%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.deck-stack-container{width:auto;height:80%}}