:root{--ink:#2b2118;--title-color:white;--body-text:#e2e2e2;--canvas-bg:#7ec4ff;--background-color:#b66363;--modal-clr:#fff6dc;--modal-font:black;--modal-head-font:#761313;--modal-backdrop:#0003;--modal-btn-clr:#ff000080;--modal-btn-clr2:#ff000045;--modal-btn-font:black;--progress-bar-bg:#dfdfdf;--progress-bar-color:#ff3f3f}@font-face{font-family:DemocrazyFont;src:url(Lato-Regular.ad872c70.ttf)format("truetype")}@font-face{font-family:TitleFont;src:url(Alphakind.2de15190.ttf)format("truetype")}div,img{-webkit-tap-highlight-color:transparent}body{background-color:var(--background-color)}button{cursor:pointer}body,button,input,select,textarea{font-family:DemocrazyFont,Comic Sans MS,Chalkboard SE,Comic Neue,system-ui,sans-serif}h2{color:var(--title-color);font-family:TitleFont,sans-serif}body{margin:0;padding-top:70px}dialog{z-index:10;border:3px solid var(--ink);background-color:var(--modal-clr);width:80%;min-width:0;max-width:none;box-shadow:3px 3px 0 var(--ink);color:var(--modal-font);border-radius:10px;margin:auto;padding-top:40px;padding-bottom:40px;inset:0}.big-dialog{width:fit-content!important;max-width:80%!important}dialog strong{color:var(--modal-head-font);font-family:TitleFont;font-size:1.2rem;font-weight:600}dialog button{border:3px solid var(--ink);background-color:var(--modal-clr);min-width:50px;min-height:35px;box-shadow:3px 3px 0 var(--ink);background-color:var(--modal-btn-clr);color:var(--modal-btn-font);border-radius:5px;outline:none;font-weight:500}dialog button:disabled{opacity:.6}.button-region{justify-content:right;width:100%;display:flex}.button-region button{border:3px solid var(--ink);min-width:50px;min-height:35px;box-shadow:3px 3px 0 var(--ink);background-color:var(--modal-btn-clr);color:#fff;border-radius:5px;outline:none;margin-right:50px;font-weight:500}.cast-btn{background-color:var(--modal-btn-clr2)!important;margin-right:10px!important}.source-code{margin-top:10px;font-family:TitleFont;font-size:.9rem}.source-code a{color:#c18d8d;text-decoration:none}.text-class{text-align:center;color:var(--body-text);justify-content:center;align-items:center;margin-bottom:10px;font-size:.9rem;font-weight:400}.game-area:has(>dialog[open]):after{content:"";z-index:9;background:var(--modal-backdrop);border-radius:10px;position:absolute;inset:0}.justify-center{justify-content:center;align-items:center;gap:1rem;display:flex}.d-none{display:none!important}.margin-b{margin-bottom:1rem}.row{flex-direction:row}.column{text-align:left;flex-direction:column;justify-content:left;align-items:center;display:flex}.column.right{width:50%}.column.left{width:20%}.cast-container{align-items:flex-start;height:fit-content;max-height:60dvh;overflow-y:auto}.cast-item{text-align:left;width:100%;height:100px;color:var(--modal-font);justify-content:left;align-items:center;font-size:1rem;font-weight:600;display:flex}.cast-item.center{text-align:center!important;justify-content:center!important}.cast-item img{width:100px}.modal-body{text-align:center;justify-content:center;align-items:center}.game-canvas-container{flex-direction:column;justify-content:center;align-items:center;height:93dvh;display:flex}.game-area{aspect-ratio:4/5;border:none;height:70dvh;max-height:115dvw;position:relative}.game-canvas{background-color:var(--canvas-bg);background-image:url(bg_.9b3dda6e.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;width:100%;height:100%}.canvas-overlay{justify-content:right;align-items:top;width:calc(100% - 20px);height:calc(100% - 20px);padding:10px;display:flex;position:absolute;top:0;left:0}.game-paddle-container{justify-content:right;align-items:top;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.game-paddle-container .paddle{width:100%;height:100%}.progress-section{width:60%}.progress-container{background-color:var(--progress-bar-bg);border:3px solid var(--ink);background-color:var(--modal-clr);width:70%;height:15px;box-shadow:3px 3px 0 var(--ink);color:var(--modal-font);border-radius:15px;margin:20px 0;overflow:hidden}.loading-progress-bar{background-color:var(--progress-bar-color);width:3%;height:100%;transition:width .2s}.mic-bar{--level:0;--threshold:.6;pointer-events:none;align-items:center;gap:8px;width:65%;display:flex;position:absolute;top:12px;left:12px}.mic-bar-meter{flex:1;position:relative}.mic-bar-track{border:3px solid var(--ink);height:20px;box-shadow:3px 3px 0 var(--ink);background:#fff6dc;border-radius:999px;position:relative;overflow:hidden}.mic-bar-fill{clip-path:inset(0 calc((1 - var(--level)) * 100%) 0 0 round 999px);background:linear-gradient(90deg,#7be07b,#ffd84d 55%,#ff6b6b);position:absolute;inset:0}.mic-bar-fill:after{content:"";background:#fff9;border-radius:999px;height:4px;position:absolute;top:3px;left:8px;right:8px}.mic-bar-threshold{top:0;bottom:0;left:calc(var(--threshold) * 100%);background:var(--ink);border-radius:2px;width:3px;margin-left:-1.5px;position:absolute}.mic-bar-label{color:#fff;border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);letter-spacing:1px;text-shadow:1px 1px 0 var(--ink);background:#ff6b6b;border-radius:999px;padding:2px 8px;font-size:13px;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);transform:scale(0)rotate(-12deg)}.mic-bar.is-loud .mic-bar-label{transform:scale(1)rotate(-6deg)}.mic-bar.is-loud .mic-bar-track{background:#ffe1e1}.mic-bar.is-loud .mic-bar-meter{animation:.22s ease-in-out infinite mic-bar-wobble}@keyframes mic-bar-wobble{0%,to{transform:rotate(0)scale(1.02)}25%{transform:rotate(-1.5deg)scale(1.04)}75%{transform:rotate(1.5deg)scale(1.04)}}@media (prefers-reduced-motion:reduce){.mic-bar.is-loud .mic-bar-meter{animation:none}}.mic-hint{z-index:1;color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;transform-origin:27px -12px;background:#fff6dc;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:700;display:flex;position:absolute;top:calc(100% + 14px);left:0}.mic-hint-word{color:#fff;border:2px solid var(--ink);text-shadow:1px 1px 0 var(--ink);background:#ff6b6b;border-radius:8px;padding:0 6px;animation:1.2s ease-in-out infinite mic-hint-shout;display:inline-block;transform:rotate(-3deg)}@keyframes mic-hint-shout{0%,55%,to{transform:rotate(-3deg)scale(1)}65%{transform:rotate(-5deg)scale(1.15)}80%{transform:rotate(-2deg)scale(.97)}}footer{color:#dedede;margin-top:3dvh;margin-bottom:76px;font-size:.75rem}footer a{color:#600;text-decoration:none}