/* Giramente: compact web and installed layouts. The original backgrounds stay in quiz.css. */
:root{color-scheme:light}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ffdb45;outline-offset:4px}[hidden]{display:none!important}.header{min-height:88px;padding-top:12px;padding-bottom:12px}.header .brand img{width:230px;max-height:75px;object-fit:contain}.header-audio{border:2px solid #291b41;border-radius:13px;background:#ffdb45;color:#291b41;font-size:24px;min-width:44px;height:44px;box-shadow:0 3px 0 #291b41;cursor:pointer}.page-heading{margin-bottom:24px}.page-heading h1{font-size:clamp(32px,4vw,48px)}.home-playground{max-width:1080px;margin:auto;gap:40px;align-items:center}.home-wheel-panel .quiz-wheel-stage{width:min(100%,430px);margin:auto}.home-mode-panel .mode-tabs>button{min-height:58px;font-size:22px}.mode-card{padding:25px!important}.mode-heading,.mode-auto-note,.mode-footnote{display:none!important}.mode-card h2{font-size:30px!important;margin:0 0 8px!important}.mode-card>p{margin:0 0 20px!important;line-height:1.5}.mode-card label{font-size:12px!important}.mode-card input,.mode-card select{min-height:48px;padding:10px 12px!important;font-size:16px!important}.mode-card .button{min-height:50px;margin-top:18px;background:#ff7651!important;color:#fff!important;border-color:#a43e32!important;box-shadow:0 4px 0 #a43e32!important}.multi-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px!important}.multi-settings .field{margin:0!important}.home-wheel-tag{font-size:18px!important}.home-resume{margin-top:25px}.site-footer{display:block!important;max-width:1180px;margin:28px auto 0;padding:20px 0 24px!important;border-top:1px solid #ffffff45;color:#fff}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-brand img{width:135px!important}.footer-brand-line{display:flex;gap:15px;align-items:center;font-size:12px}.footer-bottom{margin-top:18px}.footer-links{display:flex;gap:8px;flex-wrap:wrap}.footer-links a{padding:9px 15px;background:#36236f99;border:1px solid #ffffff60;border-radius:12px;color:#fff;text-decoration:none;font-weight:700;font-size:12px}.footer-links a:hover{background:#ffdb45;color:#291b41}.play-soon{display:flex;align-items:center;gap:10px;background:#241a39;color:#fff;border:1px solid #ffffff90;border-radius:12px;padding:8px 17px;font-weight:700;font-size:19px;text-decoration:none;box-shadow:0 3px 0 #1f1530}.play-soon>span:first-child{font-size:31px;color:#65dcba}.play-soon small{display:block;font-size:9px;letter-spacing:1px}.footer-copy{display:block;margin-top:18px;opacity:.8;font-size:10px}.info-card{max-width:850px;margin:auto;padding:clamp(22px,4vw,45px);color:#342344}.info-card section+section{margin-top:25px;padding-top:22px;border-top:1px solid #d6c7df}.info-card h2{font:600 24px Fredoka,sans-serif;margin-bottom:10px}.info-card p{line-height:1.8;font-size:14px;overflow-wrap:anywhere}.info-card a{color:#5422a1;font-weight:700}.info-card .button{color:white}.info-card .info-updated{font-size:11px;margin:25px 0}.info-card .actions{flex-wrap:wrap}.quiz-top{margin-bottom:15px}.quiz-top h1{font-size:28px!important}.quiz-grid{grid-template-columns:minmax(160px,240px) minmax(300px,1fr) 310px!important;gap:20px!important;align-items:start}.quiz-wheel-column .quiz-wheel-stage{width:100%;max-width:240px;margin:auto}.quiz-wheel-column .quiz-wheel-caption{font-size:12px;line-height:1.5;margin-top:12px}.quiz-question{padding:22px!important}.quiz-question-body{gap:15px!important;margin:15px 0!important}.quiz-question-body h2{font-size:27px!important}.quiz-letter{font-size:46px!important;width:70px!important;height:75px!important;min-width:70px!important}.quiz-question-label{font-size:11px!important}.quiz-countdown{margin:12px 0!important}.quiz-player-label{margin:12px 0!important}.quiz-solutions{margin-top:18px!important}.quiz-solution{padding:12px 7px!important;min-height:65px!important}.quiz-answer-note{font-size:11px!important;margin:12px 0 0!important}.quiz-toolbar{margin-top:18px!important}.app-panel{display:block!important;min-width:0}.panel-tabs{display:flex;gap:7px;margin-bottom:12px}.panel-tabs button{min-height:42px;flex:1;border:2px solid #291b41;border-radius:11px;background:#fffaf0;color:#482570;font:600 17px Fredoka,sans-serif;cursor:pointer;box-shadow:0 3px 0 #291b41}.panel-tabs button[aria-pressed=true]{background:#ffdb45}.panel-close{display:none!important}.app-panel .quiz-leaderboard,.app-panel .bonus-panel{margin:0!important}.app-panel .bonus-panel{padding:18px}.app-panel .bonus-title h2{font-size:24px}.panel-content{max-height:calc(100dvh - 240px);overflow:auto;overscroll-behavior:contain;padding:0 4px 5px 0}.game-bottom-nav,.panel-scrim{display:none}.room-host-controls{padding:8px 12px!important;margin-bottom:12px!important}.room-host-controls button{min-height:36px}body[data-page=game] .site-footer{display:none!important}body[data-page=game] #app{padding-bottom:25px}.quiz-aside .quiz-leaderboard li{padding:10px 0}.quiz-aside .bonus-choice img{width:50px;height:50px}.quiz-aside .bonus-panel>p{font-size:11px}.quiz-aside .bonus-target-heading{margin-top:13px}
@media(min-width:761px) and (max-width:1050px){.quiz-grid{grid-template-columns:140px minmax(240px,1fr) 265px!important;gap:12px!important}.quiz-question{padding:16px!important}.quiz-question-body h2{font-size:23px!important}.header .brand img{width:180px}.header nav{gap:6px}.header nav a{padding:9px!important;font-size:12px!important}}
@media(max-width:760px){.header{min-height:70px!important;padding:8px 14px!important;gap:10px!important}.header .brand img{width:155px!important;max-height:56px}.header .header-room{display:none!important}.header-audio{margin-left:auto;min-width:40px;height:40px}.header .mobile-menu{margin-left:0}.header nav{z-index:80}#app{padding:16px 14px 24px!important}.page-heading{text-align:left;margin:0 0 18px!important}.page-heading .eyebrow{font-size:9px}.page-heading h1{font-size:32px!important;line-height:1.06;margin:8px 0!important}.page-heading p{font-size:12px;line-height:1.5}.home-playground{display:flex!important;flex-direction:column;gap:12px!important;position:relative}.home-mode-panel{width:100%}.home-wheel-panel{position:absolute!important;right:0;top:-125px;width:92px!important;height:92px!important;padding:0!important;margin:0!important;pointer-events:none}.home-wheel-panel .quiz-wheel-stage{width:92px!important;height:92px!important;max-width:none!important}.home-wheel-panel .quiz-wheel-caption,.home-wheel-tag,.home-motion{display:none!important}body[data-page=home] .page-heading{min-height:105px;padding-right:100px}body[data-page=home] .page-heading h1{font-size:30px!important}body[data-page=home] .page-heading p{display:none}.home-mode-panel .mode-tabs{gap:8px;margin-bottom:12px}.home-mode-panel .mode-tabs>button{min-height:55px;font-size:20px}.mode-card{padding:20px!important;border-width:3px!important;border-radius:19px!important}.mode-card h2{font-size:25px!important}.mode-card>p{font-size:12px!important;margin-bottom:17px!important}.mode-card .field label{margin-bottom:7px}.mode-card .button{font-size:21px!important;min-height:49px;margin-top:19px}.multi-settings{gap:10px!important;margin-top:16px!important}.multi-settings label{font-size:10px!important}.home-join-card .join-form .button{margin-top:18px}.home-resume{padding:14px;gap:12px;flex-wrap:wrap;font-size:12px}.site-footer{margin:0 14px!important;padding:18px 0 24px!important;width:auto!important}.footer-top{gap:14px}.footer-brand-line>span{display:none}.footer-brand img{width:115px!important}.play-soon{font-size:15px;padding:7px 12px}.play-soon>span:first-child{font-size:24px}.footer-bottom{gap:15px}.footer-links{width:100%;justify-content:space-between;gap:5px}.footer-links a{padding:9px 13px;font-size:11px}#connection,#sound{font-size:10px!important}.footer-copy{margin-top:14px}.quiz-top{margin:0 0 12px!important;gap:10px;display:flex;align-items:center}.quiz-top h1{font-size:20px!important;line-height:1.1}.quiz-round{font-size:11px!important;padding:8px 10px!important;white-space:nowrap}.quiz-grid{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important}.quiz-wheel-column{grid-column:1/-1;display:flex!important;align-items:center;gap:14px;margin:0!important;padding:0!important;min-height:88px}.quiz-wheel-column .quiz-wheel-stage{width:88px!important;height:88px!important;min-width:88px;max-width:88px!important;margin:0}.quiz-wheel-column .quiz-wheel-caption{position:static!important;display:flex!important;flex-direction:column;gap:3px;align-items:flex-start;font-size:12px!important;margin:0!important;text-align:left!important}.quiz-question{grid-column:1/-1;padding:17px!important;border-width:3px!important;border-radius:18px!important;margin:0!important}.quiz-question-body{gap:12px!important;margin:10px 0!important;min-height:65px!important}.quiz-question-body h2{font-size:24px!important;line-height:1.15!important}.quiz-letter{font-size:39px!important;width:58px!important;height:62px!important;min-width:58px!important;line-height:1!important;display:grid;place-items:center}.quiz-countdown{margin:10px 0!important;gap:12px!important}.quiz-countdown .timer{font-size:24px!important}.quiz-player-label{font-size:11px!important;margin:10px 0!important}.quiz-answer-form{gap:8px!important}.quiz-answer-form input{min-width:0!important;min-height:48px!important;padding:10px!important;font-size:16px!important}.quiz-answer-form .button{min-height:48px!important;padding:10px 17px!important;font-size:20px!important}.quiz-solutions{gap:7px!important;margin-top:14px!important}.quiz-solution{min-height:57px!important;padding:9px 5px!important}.quiz-solution>span{font-size:20px!important;overflow-wrap:anywhere}.quiz-solution>b{font-size:10px!important}.quiz-answer-note{font-size:10px!important;line-height:1.5!important}.quiz-toolbar{grid-column:1/-1;flex-wrap:wrap;gap:8px!important;padding:12px 0!important;font-size:10px!important;margin-top:0!important}.quiz-toolbar>div{display:none}.dictionary-pill{font-size:10px!important}.quiz-status{font-size:10px!important}.room-host-controls{gap:8px;font-size:9px!important}.room-host-controls button{font-size:10px!important;padding:7px!important;min-height:32px}body[data-page=game] #app{padding-bottom:100px!important}.game-bottom-nav{display:flex;position:fixed;z-index:110;bottom:0;left:0;right:0;gap:6px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fffaf0;border-top:3px solid #291b41;box-shadow:0 -4px 20px #23163840}.game-bottom-nav button{flex:1;min-height:58px;border:0;border-radius:13px;background:transparent;color:#6c5284;font:600 15px Fredoka,sans-serif;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.game-bottom-nav button>span{height:27px;font-size:24px;line-height:1}.game-bottom-nav button b{font:700 11px 'DM Sans',sans-serif;background:#ff7651;color:white;border-radius:20px;padding:2px 6px;vertical-align:middle}.game-bottom-nav button[aria-pressed=true]{color:#462086;background:#eaddff}.app-panel{display:none!important;position:fixed;z-index:105;bottom:83px;bottom:calc(83px + env(safe-area-inset-bottom));left:8px;right:8px;max-height:calc(100dvh - 160px);border:3px solid #291b41;border-radius:22px 22px 8px 8px;background:#fffaf0;padding:15px 12px 6px;box-shadow:0 -8px 30px #23163866}.app-panel.is-open{display:block!important;animation:panel-in .18s ease-out}.panel-tabs{margin-bottom:10px}.panel-tabs .panel-close{display:block!important;flex:0 0 42px}.panel-content{max-height:calc(100dvh - 240px);padding:0 3px 5px 0}.app-panel .card{border:0!important;box-shadow:none!important;padding:12px!important}.app-panel .quiz-leaderboard-title{display:none}.app-panel .bonus-title{margin-top:0}.app-panel .bonus-choice img{width:58px;height:58px}.app-panel .bonus-target{min-height:48px;padding:8px}.app-panel .bonus-target b{font-size:14px}.app-panel .bonus-panel>p{font-size:11px!important;line-height:1.5}.app-panel .bonus-choice{padding:8px}.app-panel .bonus-choice b{font-size:12px}.app-panel .bonus-choice small{font-size:10px}.panel-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:100;border:0;background:#1b103c99;backdrop-filter:blur(3px)}.drawer-open{overflow:hidden}.malus-notice{padding:7px;margin-top:10px}.malus-notice img{width:36px;height:36px}.malus-notice b{font-size:14px}.malus-notice small{display:none}.info-card{padding:22px 18px}.info-card h2{font-size:22px}.info-card p{font-size:13px}.lobby-layout{gap:18px!important}.lobby-card{padding:20px!important}.ticket{padding:22px!important}.verdict{margin-top:10px!important;padding:12px!important}.verdict strong{font-size:34px!important}@keyframes panel-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.app-panel.is-open{animation:none}}
body[data-page=home] #app{min-height:0;padding-top:24px;padding-bottom:28px}.home-mode-panel #multi-form{margin-top:0}.multi-settings .field label{min-height:0!important}.site-footer .footer-links{border:0;padding:0;margin:0;order:0;width:auto;justify-content:flex-start}.site-footer .footer-brand-line{margin:0}.site-footer .footer-copy{line-height:1.4}.header{height:auto}.mode-card>p{margin-bottom:18px!important}
@media(max-width:760px){.header{height:74px!important;min-height:74px!important}.header .brand{flex:0 1 auto!important;width:auto!important}.header #main-nav{top:72px}.site-footer .footer-links{width:100%;justify-content:space-between}.site-footer .footer-brand-line{gap:0}.mode-card>p{margin-bottom:16px!important}.mode-card h2{font-size:24px!important}.site-footer .footer-copy{margin-top:12px}.site-footer{padding:16px 0 20px!important}.footer-top{flex-wrap:nowrap}.footer-bottom{margin-top:16px}body[data-page=home] #app{padding-top:14px!important;padding-bottom:24px!important}.home-wheel-panel{top:-119px}.home-mode-panel #multi-form{margin-top:0}}
.quiz-wheel-stage{aspect-ratio:1!important;container-type:inline-size}.quiz-wheel-column .quiz-wheel-stage{height:auto!important;padding:6px!important}.quiz-wheel-column .quiz-wheel{width:100%!important;height:auto!important;aspect-ratio:1!important}.quiz-wheel-column .quiz-wheel-center strong{font-size:22cqw!important}.home-wheel-panel .quiz-wheel-center strong{font-size:24cqw!important}.quiz-wheel-column .quiz-wheel-caption{padding:8px 0 0!important}.home-playground{grid-template-columns:1fr 1.12fr!important}.mode-card .multi-settings label{line-height:1.4!important}
@media(min-width:761px){body[data-page=home] .page-heading{margin-bottom:22px}.home-wheel-panel{padding-bottom:24px!important}.home-playground{gap:34px!important}.home-mode-panel .mode-card{min-height:0!important}.mode-card .multi-settings{margin-top:18px!important}.site-footer{margin-top:8px!important}}
@media(max-width:760px){.quiz-wheel-column .quiz-wheel-stage{height:88px!important}.quiz-wheel-column .quiz-wheel-center strong{font-size:23px!important}.home-wheel-panel .quiz-wheel-center strong{font-size:27px!important}.home-mode-panel .mode-tabs>button{font-size:19px}.home-mode-panel .mode-card{min-height:0!important}.mode-card .multi-settings{margin-top:16px!important}.quiz-top h1{display:none}.quiz-top{justify-content:flex-end!important}.quiz-top .quiz-round{margin:0}.quiz-board{position:relative}.quiz-wheel-column{margin-top:-20px!important}.quiz-wheel-column .quiz-wheel-caption{max-width:180px}.quiz-solutions .quiz-solution{height:auto!important}.quiz-solutions .quiz-solution>span{line-height:1.2}.site-footer .footer-brand-line{padding:0!important}.footer-links a:last-child{font-size:11px!important}}
.site-footer .footer-brand-line{flex:1 1 auto;min-width:0;width:auto!important}.site-footer .footer-brand{flex:none;width:auto!important}.site-footer .play-soon{flex:none;white-space:nowrap}.site-footer .play-soon>span{width:auto}.site-footer .footer-top{width:100%}.site-footer .footer-bottom #connection{margin:0}.home-mode-panel .mode-card h2{margin-top:0!important}
@media(max-width:760px){.site-footer .footer-brand-line{flex:0 1 145px}.site-footer .footer-brand img{width:120px!important}.play-soon small{font-size:8px}.play-soon{font-size:15px}.site-footer .footer-bottom{column-gap:8px}}
@media(max-width:760px) and (max-height:600px){body:has(#answer:focus) .game-bottom-nav,body:has(#answer:focus) .quiz-wheel-column,body:has(#answer:focus) .quiz-top,body:has(#answer:focus) .room-host-controls{display:none!important}body:has(#answer:focus) .header{height:56px!important;min-height:56px!important}body:has(#answer:focus) .header .brand img{max-height:43px}body:has(#answer:focus) #app{padding-top:20px!important;padding-bottom:15px!important}body:has(#answer:focus) .quiz-solutions{display:none}body:has(#answer:focus) .quiz-question-body{min-height:45px!important}body:has(#answer:focus) .quiz-question-body h2{font-size:20px!important}}
.site-footer .footer-copy{width:100%;text-align:center}.header-audio{display:grid;place-items:center;padding:0;line-height:1;flex-shrink:0}.header-audio svg{display:block;width:23px;height:23px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.header-audio svg ellipse{fill:currentColor;stroke:none}.quiz-wheel-center>svg{display:block;width:100%;height:100%;overflow:visible}.quiz-wheel-center>svg text{font-family:Fredoka,sans-serif;font-weight:600;font-size:22px;fill:#5b2bb7}.home-wheel-panel .quiz-wheel-center>svg text{font-size:24px}@media(max-width:760px){.quiz-wheel-center>svg text{font-size:26px}.home-wheel-panel .quiz-wheel-center>svg text{font-size:29px}.site-footer .footer-bottom{justify-content:center}}
#game-screen{display:contents}body.is-upside-down{overflow:hidden}body.is-upside-down #game-screen{display:block;position:fixed;inset:0;width:100%;height:100%;height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;transform:rotate(180deg);transform-origin:center;isolation:isolate}.bonus-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.app-panel .bonus-choice b{font-size:11px}.app-panel .bonus-choice small{font-size:9px}.app-panel .bonus-choice img{width:52px;height:52px}@media(max-width:760px){.app-panel .bonus-choice{padding:8px 3px}.app-panel .bonus-choice img{width:58px;height:58px}.app-panel .bonus-choice b{font-size:11px}.app-panel .bonus-choice small{font-size:9px}}
.welcome-burst{animation-duration:2800ms}.welcome-burst .reward-burst-prize img{width:min(88vw,880px);max-width:92vw;max-height:78dvh;object-fit:contain}.welcome-burst.is-reduced{animation-duration:900ms}@media(max-width:760px){.welcome-burst .reward-burst-prize{padding:12px}.welcome-burst .reward-burst-prize img{width:94vw;max-width:94vw;max-height:76dvh}}