:root{--font-cardo:"Cardo", serif;--text-white:#f5f5f5;--accent-gold:#ffb450cc}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-cardo);color:var(--text-white);background-color:#050505;background-image:url(/bg_wood.png);background-position:50%;background-size:cover;width:100vw;height:100vh;position:relative;overflow:hidden}#vignette{pointer-events:none;z-index:6;background:radial-gradient(circle,#0000 30%,#000000d9 100%);position:absolute;inset:0}#komboskini-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#subtitle-container{text-align:right;pointer-events:auto;width:35%;max-width:500px;max-height:80vh;transition:opacity .3s ease-in-out,all 1s ease-in-out;position:absolute;bottom:50%;right:5%;overflow-y:auto;transform:translateY(50%)}#subtitle-container::-webkit-scrollbar{width:0}#subtitle-container.hidden{opacity:0}#prayer-text{color:var(--text-white);text-shadow:0 2px 5px #000000e6;letter-spacing:.5px;font-size:1.2rem;font-weight:400;line-height:1.4;transition:font-size 1s}#start-btn{color:var(--text-white);font-family:var(--font-cardo);letter-spacing:2px;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:uppercase;background:#0009;border:1px solid #fff3;border-radius:4px;padding:12px 30px;font-size:1.4rem;transition:all .3s;position:absolute;bottom:45%;right:5%;transform:translateY(50%);box-shadow:0 4px 15px #000000b3}#start-btn:hover{background:#ffffff26;border-color:#fff9;box-shadow:0 0 25px #ffc8644d}#start-btn.hidden,#abort-btn.hidden{opacity:0;pointer-events:none}#abort-btn{color:#ffc882d9;width:50px;height:50px;font-family:var(--font-cardo);cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#3a2518,#1a0f0a);border:2px solid #0a0502;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:5%;right:5%;box-shadow:inset 0 2px 5px #ffffff1a,0 4px 15px #000c}#abort-btn:hover{color:#ff6b6b;background:linear-gradient(135deg,#4a3020,#251610);box-shadow:0 0 20px #ff646466}.donate-group{position:relative}.donate-btn-circle{border-color:#ffcd5666;text-decoration:none}.donate-btn-circle:hover{background:#ffcd5626;box-shadow:0 0 15px #ffcd5666}.coin-icon{stroke:#ffcd56;opacity:.9;width:24px;height:24px}.donate-tooltip{color:#ffcd56;width:max-content;max-width:200px;font-size:.9rem;font-family:var(--font-cardo);text-align:center;opacity:0;pointer-events:none;z-index:100;background:linear-gradient(135deg,#3a2518,#1a0f0a);border:1px solid #ffcd56;border-radius:6px;margin-bottom:15px;padding:8px 12px;transition:all .3s;position:absolute;bottom:100%;right:0;transform:translateY(10px);box-shadow:0 4px 15px #ffcd564d}.donate-tooltip:after{content:"";border:6px solid #0000;border-top-color:#ffcd56;position:absolute;top:100%;right:15px}.donate-group:hover .donate-tooltip{opacity:1;transform:translateY(0)}#controls-panel{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:5%;right:5%}#roulette-wrapper{perspective:800px;cursor:grab;background:linear-gradient(#111,#3a2518,#111);border:2px solid #0a0502;border-radius:8px;width:140px;height:60px;position:relative;overflow:hidden;box-shadow:inset 0 5px 15px #000000e6,0 5px 15px #000c}#roulette-wrapper:active{cursor:grabbing}#roulette-cylinder{width:100%;height:100%;transform-style:preserve-3d;transition:transform .1s ease-out;position:absolute}.roulette-face{letter-spacing:1px;color:#ffc882d9;text-shadow:-1px -1px 2px #000000e6,1px 1px 1px #ffffff1a;backface-visibility:hidden;justify-content:center;align-items:center;gap:10px;width:100%;height:30px;font-family:MedievalSharp,cursive;font-size:1.2rem;font-weight:700;display:flex;position:absolute;top:15px;left:0}.roulette-overlay{pointer-events:none;background:linear-gradient(#000000e6 0%,#0000 35% 65%,#000000e6 100%);position:absolute;inset:0}#controls{gap:25px;display:flex}.control-group{flex-direction:column;align-items:center;gap:10px;display:flex}.sound-label{cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.sound-label:hover{background:#ffffff26;box-shadow:0 0 15px #ffc86433}.sound-label input{display:none}.sound-icon{opacity:.5;width:24px;height:24px;transition:opacity .3s}.sound-label input:checked+.sound-icon{opacity:1}.knob-container{flex-direction:column;align-items:center;gap:5px;display:flex}.knob{cursor:grab;background:linear-gradient(135deg,#333,#111);border:2px solid #222;border-radius:50%;width:40px;height:40px;position:relative;transform:rotate(-135deg);box-shadow:inset 0 2px 5px #ffffff1a,0 4px 10px #000c}.knob:active{cursor:grabbing}.knob-marker{background:var(--accent-gold);width:4px;height:10px;box-shadow:0 0 5px var(--accent-gold);border-radius:2px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.knob-label{opacity:.6;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}@media (width<=768px){#subtitle-container{text-align:center;width:90%;max-width:none;max-height:40vh;inset:5% auto auto 5%;transform:none}#prayer-text{text-align:center;font-size:1.1rem}#start-btn{bottom:50%;left:50%;right:auto;transform:translate(-50%,50%)}#abort-btn{top:3%;right:3%}#controls-panel{flex-flow:wrap;justify-content:center;align-items:flex-end;gap:10px;bottom:2%;left:2%;right:2%}#controls{flex-wrap:wrap;justify-content:center;gap:10px}.donate-tooltip{bottom:120%;right:50%;transform:translate(50%)translateY(10px)}.donate-tooltip:after{right:50%;transform:translate(50%)}.donate-group:hover .donate-tooltip{transform:translate(50%)translateY(0)}}