:root{--piano-ink: #311f0f;--charcoal: #545454;--gold: #f9c61e;--soft-gold: #fcd65d;--amber: #e68f23;--cocoa: #81461a;--cream: #fefcf8;--white: #ffffff;--muted-cream: #f8f0e3;--shadow: 0 24px 70px rgba(49, 31, 15, .2);color:var(--piano-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:300px;background:var(--cream)}body{min-width:300px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 8% 18%,rgba(249,198,30,.14),transparent 24rem),radial-gradient(circle at 92% 45%,rgba(230,143,35,.1),transparent 22rem),var(--cream)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(129,70,26,.028) 1px,transparent 1px);background-size:100% 4px;content:"";pointer-events:none}button,input{font:inherit}button{color:inherit}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:20;padding:.65rem .9rem;transform:translateY(-160%);border-radius:.5rem;background:var(--white);color:var(--piano-ink);font-weight:700}.skip-link:focus{transform:translateY(0)}.site-header{display:flex;width:min(100% - 2rem,70rem);margin-inline:auto;padding-block:1.1rem;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:.7rem;align-items:center;color:var(--piano-ink);font-family:Georgia,Times New Roman,serif;font-size:1.02rem;font-weight:700;letter-spacing:.01em;text-decoration:none}.brand-mark{position:relative;display:flex;width:2.35rem;height:2.35rem;padding:.3rem;gap:1px;align-items:flex-end;border:1px solid rgba(49,31,15,.14);border-radius:50%;background:var(--white);box-shadow:0 5px 16px #311f0f1a}.brand-mark i{position:relative;width:20%;height:80%;border-radius:1px 1px 3px 3px;background:var(--gold)}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){height:100%;background:var(--piano-ink)}.language-switcher{display:flex;padding:.2rem;border:1px solid rgba(129,70,26,.2);border-radius:999px;background:#ffffffad}.language-button{min-width:2.45rem;padding:.45rem .6rem;border:0;border-radius:999px;background:transparent;color:var(--charcoal);cursor:pointer;font-size:.76rem;font-weight:800;letter-spacing:.08em}.language-button[aria-pressed=true]{background:var(--piano-ink);color:var(--white)}main{width:min(100% - 2rem,52rem);margin-inline:auto}.hero{max-width:43rem;margin:2.6rem auto 2rem;text-align:center}.eyebrow{margin:0 0 .8rem;color:var(--cocoa);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,10vw,4.5rem);font-weight:500;letter-spacing:-.045em;line-height:.99}.hero-copy{max-width:35rem;margin:1.2rem auto 0;color:var(--charcoal);font-size:clamp(.96rem,3vw,1.1rem);line-height:1.65}.selector-card{position:relative;padding:1.1rem;border:1px solid rgba(249,198,30,.35);border-radius:1.35rem;background:linear-gradient(145deg,rgba(255,255,255,.06),transparent 35%),var(--piano-ink);box-shadow:var(--shadow),inset 0 0 0 1px #ffffff0b}.machine-top{position:absolute;top:.85rem;right:1rem;display:flex;gap:.35rem}.machine-top span{width:.38rem;height:.38rem;border-radius:50%;background:var(--amber);box-shadow:0 0 8px #e68f238c}.machine-top span:nth-child(2){background:var(--gold)}.machine-label-row{display:flex;margin:.25rem 0 .8rem;padding-right:4rem;align-items:center;gap:.65rem}.machine-label-row h2{margin:0;color:var(--white);font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:500;letter-spacing:.02em}.machine-badge{padding:.22rem .52rem;border:1px solid rgba(252,214,93,.3);border-radius:999px;color:var(--soft-gold);font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.reel-frame{position:relative;padding:.55rem;border:1px solid rgba(249,198,30,.75);border-radius:.85rem;background:linear-gradient(180deg,#a86726,var(--cocoa));box-shadow:inset 0 3px 12px #311f0fa6,0 0 22px #f9c61e14}.reels{display:grid;grid-template-columns:repeat(var(--slot-count, 3),minmax(0,1fr));gap:clamp(.25rem,1.6vw,.65rem)}.reel-window{position:relative;display:grid;min-width:0;aspect-ratio:.82;place-items:center;overflow:hidden;border:1px solid rgba(49,31,15,.18);border-radius:.55rem;background:linear-gradient(180deg,rgba(49,31,15,.08),transparent 22%,transparent 78%,rgba(49,31,15,.08)),var(--white);box-shadow:inset 0 0 15px #81461a1f,0 3px 5px #311f0f4d}.reel-window:before,.reel-window:after{position:absolute;z-index:1;right:0;left:0;height:1px;background:#81461a1f;content:""}.reel-window:before{top:24%}.reel-window:after{bottom:24%}.reel-note{color:var(--piano-ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.15rem,7vw,2.65rem);font-weight:700;letter-spacing:-.07em;white-space:nowrap}.reel-window.is-empty .reel-note{color:#5454544d;font-weight:400}.reels.is-spinning .reel-window:not(.is-settled) .reel-note{animation:reel-flicker .13s linear infinite}.reel-window.is-settled{animation:settle .22s ease-out}.visible-status{min-height:1.3rem;margin:.75rem 0 0;color:#ffffffb8;font-size:.74rem;text-align:center}.controls-panel{display:grid;margin-top:.9rem;padding:1rem;gap:1.05rem;border-radius:.95rem;background:var(--white)}.control-heading,.switch-control{display:flex;align-items:center;justify-content:space-between;gap:1rem}.control-heading label,.switch-control strong{color:var(--piano-ink);font-size:.9rem;font-weight:750}.control-heading output{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--muted-cream);color:var(--cocoa);font-weight:800}input[type=range]{width:100%;height:1.1rem;margin:.65rem 0 0;border-radius:999px;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-runnable-track{height:.35rem;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--amber))}input[type=range]::-webkit-slider-thumb{width:1.3rem;height:1.3rem;margin-top:-.47rem;border:3px solid var(--white);border-radius:50%;background:var(--piano-ink);box-shadow:0 2px 7px #311f0f47;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-moz-range-track{height:.35rem;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--amber))}input[type=range]::-moz-range-thumb{width:1rem;height:1rem;border:3px solid var(--white);border-radius:50%;background:var(--piano-ink);box-shadow:0 2px 7px #311f0f47}.range-labels{display:flex;margin-top:-.2rem;justify-content:space-between;color:#777;font-size:.68rem}.switch-control{cursor:pointer}.switch-control>span:first-child{display:grid;gap:.2rem}.switch-control small{color:#777;font-size:.7rem;line-height:1.3}.switch-control input{position:absolute;width:1px;height:1px;opacity:0}.switch-track{display:flex;width:3rem;height:1.65rem;flex:0 0 auto;padding:.2rem;align-items:center;border-radius:999px;background:#d6d0c9;transition:background-color .18s ease}.switch-track span{width:1.25rem;height:1.25rem;border-radius:50%;background:var(--white);box-shadow:0 2px 4px #311f0f40;transition:transform .18s ease}.switch-control input:checked+.switch-track{background:var(--cocoa)}.switch-control input:checked+.switch-track span{transform:translate(1.35rem)}.select-button{display:flex;width:100%;min-height:3.25rem;padding:.85rem 1.2rem;gap:.65rem;align-items:center;justify-content:center;border:0;border-radius:.75rem;background:linear-gradient(135deg,var(--gold),var(--amber));color:var(--piano-ink);box-shadow:0 7px 16px #e68f2340;cursor:pointer;font-weight:850;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.select-button svg{width:1.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.select-button:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,var(--soft-gold),var(--gold));box-shadow:0 9px 20px #e68f2357}.select-button:active:not(:disabled){transform:translateY(0)}:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,input:focus-visible+.switch-track,input[type=range]:focus-visible{outline:3px solid var(--soft-gold);outline-offset:3px}.closing-note{margin:1.5rem 0 0;color:var(--cocoa);font-family:Georgia,Times New Roman,serif;font-size:.9rem;font-style:italic;text-align:center}footer{padding:3rem 1rem 1.5rem;color:var(--charcoal);font-size:.72rem;text-align:center}footer p{margin:0}footer span[aria-hidden]{color:var(--amber)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes reel-flicker{0%{transform:translateY(-12%);opacity:.45;filter:blur(1px)}50%{transform:translateY(0);opacity:1}to{transform:translateY(12%);opacity:.45;filter:blur(1px)}}@keyframes settle{0%{transform:scale(.94)}65%{transform:scale(1.035)}to{transform:scale(1)}}@media(min-width:42rem){.site-header{padding-block:1.5rem}.hero{margin-top:3.8rem;margin-bottom:2.8rem}.selector-card{padding:1.5rem;border-radius:1.7rem}.reel-frame{padding:.8rem}.controls-panel{grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr) minmax(10rem,.8fr);padding:1.2rem;align-items:center;gap:1.4rem}.select-button{align-self:stretch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}