.roulette-page{--gold:#e7b94f;--cream:#fff0d2;--blue:#123c70;min-height:100vh;color:var(--cream);background:radial-gradient(circle at 18% 14%,#225c4457,#0000 34%),repeating-linear-gradient(35deg,#ffffff03 0 1px,#0000 1px 5px),linear-gradient(#063127,#021d17),#031e17;padding:clamp(.7rem,2vw,1.4rem);font-family:Arial,Helvetica,sans-serif;position:relative;overflow-x:hidden}.roulette-home-link{z-index:5;color:#ffebc6c7;font-size:.78rem;text-decoration:none;position:absolute;top:.8rem;left:clamp(.7rem,2vw,1.4rem)}.roulette-home-link:hover,.roulette-home-link:focus-visible{color:#fff4dd}.roulette-heading{text-align:center;margin:0 auto clamp(.5rem,1.5vw,1rem)}.roulette-heading h1{color:#0000;filter:drop-shadow(0 3px #482406);letter-spacing:.04em;background:linear-gradient(#fff3b3 15%,#e6a82e 52%,#8d4d0c 90%);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.75rem,5vw,3.6rem)}.roulette-heading p{color:#ffedccc7;margin:.28rem 0 0;font-size:clamp(.78rem,2vw,1rem)}.roulette-account-row{justify-content:space-between;align-items:center;gap:.8rem;width:min(100%,74rem);margin:0 auto .45rem;display:flex}.roulette-user-status{color:#ffeecfb8;gap:.65rem;font-size:.72rem;display:flex}.roulette-form-preference{color:#ffeecfc7;border:0;align-items:center;gap:.45rem;min-width:0;margin:0;padding:0;font-size:.72rem;display:flex}.roulette-form-preference legend{white-space:nowrap;font:inherit;padding:0}.roulette-form-options{flex-wrap:wrap;gap:.3rem;display:flex}.roulette-form-option{color:#173d32;cursor:pointer;white-space:nowrap;background:#fff0d2e0;border:1px solid #ffe8bcb8;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .48rem;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.roulette-form-option:hover,.roulette-form-option:focus-within{background:#fff4dd;border-color:#f2c765}.roulette-form-option.is-selected{background:#fff7e7;border-color:#e5ad35;font-weight:700;box-shadow:0 0 0 1px #e5ad3552}.roulette-form-option input{accent-color:#9a5a1f;width:.82rem;height:.82rem;margin:0}.roulette-user-status button{color:#e9ba57;cursor:pointer;font:inherit;text-underline-offset:.15rem;background:0 0;border:0;padding:0;text-decoration:underline}.roulette-layout{grid-template-columns:minmax(18rem,1fr) minmax(20rem,.92fr);align-items:center;gap:clamp(1rem,3vw,2.4rem);width:min(100%,74rem);margin:0 auto;display:grid}.wheel-zone{justify-items:center;display:grid;position:relative}.wheel-shell{aspect-ratio:1;background:radial-gradient(circle,#7a491d 0 8%,#25150d 9% 58%,#9a5a1f 59% 62%,#2b180d 63%);border:clamp(.45rem,1vw,.8rem) ridge #dca83b;border-radius:50%;width:min(82vw,35rem);padding:clamp(.55rem,1.6vw,1rem);position:relative;box-shadow:inset 0 0 1.2rem #120905,0 1.2rem 2rem #0000008c,0 0 0 .3rem #6f3811}.roulette-pointer{z-index:4;filter:drop-shadow(0 .18rem #7e450d)drop-shadow(0 .3rem .28rem #00000080);border-top:2.1rem solid #ffd96f;border-left:1rem solid #0000;border-right:1rem solid #0000;width:0;height:0;position:absolute;top:-.1rem;left:50%;transform:translate(-50%)}.roulette-wheel{width:100%;height:100%;transform:rotate(var(--wheel-end,0deg));background:radial-gradient(circle, transparent 0 52%, #09090d61 52.5% 55%, transparent 55.5%), repeating-conic-gradient(from -8.1818deg, #f4c14ce6 0 .5deg, transparent .5deg 16.3636deg), repeating-conic-gradient(from -8.1818deg, #f7ead0 0 16.3636deg, #123c70 16.3636deg 32.7272deg);border:.24rem solid #f3ca62;border-radius:50%;position:relative;box-shadow:inset 0 0 1rem #000000b3,0 0 0 .35rem #704016}.roulette-wheel.is-spinning{animation:roulette-wheel-spin var(--spin-duration) cubic-bezier(.08, .72, .04, 1) both}@keyframes roulette-wheel-spin{0%{transform:rotate(var(--wheel-start))}to{transform:rotate(var(--wheel-end))}}.wheel-letter{width:2.2rem;height:47%;transform:translate(-50%, -100%) rotate(var(--letter-angle));transform-origin:50% 100%;text-align:center;position:absolute;top:50%;left:50%}.wheel-letter b{transform:rotate(var(--letter-counter));color:#111e2a;filter:drop-shadow(0 1px #ffffff8c);font-family:Arial,Noto Sans Hebrew,sans-serif;font-size:clamp(1rem,3.6vw,1.9rem);line-height:1;display:block}.wheel-letter:nth-child(2n) b{color:#fff4dc;filter:drop-shadow(0 1px #07111d)}.wheel-hub{aspect-ratio:1;background:radial-gradient(circle at 38% 32%,#ffe49a,#c27818 28%,#4a250a 70%);border:.35rem ridge #d99b29;border-radius:50%;width:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .6rem .9rem #00000080}.ball-orbit{z-index:8;animation:roulette-ball-spin var(--spin-duration) cubic-bezier(.08,.64,.08,1) both;pointer-events:none;border-radius:50%;position:absolute;inset:1.5%}.roulette-ball{aspect-ratio:1;background:radial-gradient(circle at 30% 24%,#fff,#fff8df 34%,#d9c898 72%,#88754d 100%);border:1px solid #fff6cde6;border-radius:50%;width:clamp(.98rem,2.7vw,1.45rem);position:absolute;top:4%;left:50%;transform:translate(-50%);box-shadow:0 .28rem .46rem #000000e6,0 0 .55rem #ffcd5bc7}@keyframes roulette-ball-spin{0%{inset:1.5%;transform:rotate(0)}78%{transform:rotate(var(--ball-turn-one));inset:2%}86%{transform:rotate(var(--ball-turn-two));inset:4%}92%{transform:rotate(var(--ball-turn-three));inset:6%}97%{transform:rotate(calc(var(--ball-turn-final) - 4deg));inset:7.5%}to{transform:rotate(var(--ball-turn-final));inset:8%}}.spin-button{color:#ffe9aa;cursor:pointer;letter-spacing:.035em;background:linear-gradient(#174d83,#082c55);border:.15rem solid #e5b64b;border-radius:999px;min-width:min(100%,20rem);margin-top:1.2rem;padding:.85rem 1.4rem;font:800 clamp(1rem,3vw,1.35rem)/1 Arial,sans-serif;box-shadow:inset 0 1px #ffffff40,0 .45rem #061b32,0 .75rem 1rem #00000061}.spin-button:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.65}.spin-button:not(:disabled):active{transform:translateY(.25rem);box-shadow:inset 0 1px #fff3,0 .2rem #061b32}.spin-counter{color:#e5bd6e;margin-top:.8rem;font-size:.82rem}.roulette-result{text-align:center;background:linear-gradient(#01211aed,#011814f5);border:.12rem solid #e2b044b8;border-radius:1rem;align-content:start;min-height:23rem;padding:clamp(1rem,3vw,1.8rem);display:grid;box-shadow:inset 0 0 1.2rem #0000008c,0 1rem 2rem #00000059}.result-heading{justify-content:center;align-items:center;gap:.55rem;min-width:0;margin:0 0 .65rem;display:flex}.result-label{color:#e9ba57;margin:0;font-weight:700}.result-letter{color:#ffd96a;text-shadow:0 3px #6f370d;font-family:Arial,Noto Sans Hebrew,sans-serif;font-size:clamp(2.15rem,5vw,3.5rem);line-height:1}.roulette-expression{color:#fff8e8;cursor:pointer;font:inherit;background:0 0;border:0;padding:.35rem;transition:filter .15s,transform .15s}.roulette-expression span{font-family:Arial,Noto Sans Hebrew,sans-serif;font-size:clamp(1.8rem,5vw,3.3rem);font-weight:700;line-height:1.25}.roulette-expression:hover{transform:scale(1.015)}.roulette-expression:focus-visible{outline-offset:.2rem;outline:1px solid #ffd96ab8}.roulette-expression.is-speaking{filter:drop-shadow(0 0 .6rem #ffd770b8)}.roulette-transcription{color:#a8b7c5;margin:.35rem auto 0;font-size:clamp(.9rem,2vw,1.15rem)}.roulette-translation{color:#f0bd55;margin:.4rem auto 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,2.6vw,1.45rem);line-height:1.35}.roulette-speech-error{color:#ffebcda6;margin-top:.45rem;font-size:.65rem}.result-empty{min-height:7rem}.registration-gate{border-top:1px solid #e7b94f59;gap:.55rem;width:min(100%,25rem);margin:1rem auto 0;padding-top:1rem;display:grid}.registration-gate strong{color:#f3d18b}.registration-gate label{text-align:left;gap:.18rem;display:grid}.registration-gate input{color:#fff6e6;width:100%;font:inherit;background:#fffaeb14;border:1px solid #e7b94f7a;border-radius:.5rem;padding:.7rem .8rem}.registration-gate input::placeholder{color:#fff2db94}.registration-gate button{color:#fff7e3;cursor:pointer;font:inherit;background:#a46824;border:1px solid #d7a744;border-radius:.55rem;padding:.72rem 1rem;font-weight:700}.registration-gate button:disabled{cursor:wait;opacity:.65}.registration-gate small{color:#ffeccab8}.registration-gate .registration-error{color:#ffc2ae;font-size:.7rem}.registration-gate .registration-message{line-height:1.35}.registration-gate .registration-dev-message{color:#ffd18a;line-height:1.35}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:48rem){.roulette-layout{grid-template-columns:1fr}.wheel-shell{width:min(92vw,32rem)}.roulette-result{min-height:0;padding:1rem .8rem 1.15rem}.result-heading{margin-bottom:.4rem}.roulette-expression{padding-block:.2rem}.roulette-account-row{flex-direction:column-reverse;align-items:flex-start;gap:.35rem;padding-inline:.25rem}.roulette-user-status{flex-wrap:wrap}.roulette-form-preference{flex-direction:column;align-items:flex-start;width:100%}}@media (max-width:25rem){.roulette-page{padding-inline:.4rem}.wheel-shell{width:min(94vw,24rem)}.roulette-pointer{border-top-width:1.55rem;border-left-width:.7rem;border-right-width:.7rem}.spin-button{margin-top:.9rem}.result-heading{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.roulette-wheel.is-spinning,.ball-orbit{animation-timing-function:ease-out}}