@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-wdth-normal-BKE08zty.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-wdth-normal-DoS1gVTC.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-wdth-normal-Dtb2a5nO.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--swatch-green: #2e7d32;--swatch-blue: #1565c0;--swatch-purple: #8e24aa;--swatch-orange: #fb8c00;--swatch-red: #c62828;--swatch-yellow: #ffd43b;--background-color: #f6f3ec;--cell-color: #fff;--border-color: #e2dccf;--text-color: #1f1b3a;--muted-text: #5e5970;--font-display: "Bricolage Grotesque Variable", system-ui, sans-serif;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light}:root.dark{--background-color: #16141f;--cell-color: #221f2f;--border-color: #393548;--text-color: #f4f1ea;--muted-text: #aba6bc;color-scheme:dark}html{color:var(--text-color)}.color-scheme-green{--primary-color: var(--swatch-green);--primary-color-dark: #1b5e20;--on-primary: #fff;--accent-light: #2e7d32;--accent-dark: #66bb6a}.color-scheme-blue{--primary-color: var(--swatch-blue);--primary-color-dark: #0d47a1;--on-primary: #fff;--accent-light: #1565c0;--accent-dark: #64b5f6}.color-scheme-purple{--primary-color: var(--swatch-purple);--primary-color-dark: #6a1b9a;--on-primary: #fff;--accent-light: #8e24aa;--accent-dark: #ce93d8}.color-scheme-red{--primary-color: var(--swatch-red);--primary-color-dark: #8e1c1c;--on-primary: #fff;--accent-light: #c62828;--accent-dark: #ef9a9a}.color-scheme-orange{--primary-color: var(--swatch-orange);--primary-color-dark: #ef6c00;--on-primary: #1f1f1f;--accent-light: #a65200;--accent-dark: #ffb74d}.color-scheme-yellow{--primary-color: var(--swatch-yellow);--primary-color-dark: #f2be00;--on-primary: #1f1b3a;--accent-light: #7a5a00;--accent-dark: #ffd43b}html{height:100%}body{font-family:var(--font-ui);margin:0;background:var(--background-color)}h1,h2,h3{font-family:var(--font-display)}a,a:visited{color:var(--primary-text)}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;width:100%;max-width:1900px;margin-bottom:16px}.app-heading{grid-column:2}.app-header .settings{grid-column:3;justify-self:end}.app-title{display:inline-flex;align-items:center;gap:.3em;margin:0;font-family:var(--font-display);font-size:clamp(28px,2.6vw,44px);font-weight:800;letter-spacing:-.02em}.app-logo{width:1.2em;height:1.2em;flex:none}.app-title-highlight{display:inline-block;padding:0 .16em .04em;border-radius:.12em;color:var(--on-primary);background:var(--primary-color);transform:rotate(-2deg)}.app-tagline{margin:4px 0 0;color:var(--muted-text)}@media only screen and (max-width:768px){.app-tagline{font-size:14px}}@media only screen and (max-width:480px){.app-header{grid-template-columns:44px 1fr 44px}.app-title{font-size:22px}}@keyframes rainbow_animation{0%,to{background-position:0 0}50%{background-position:100% 0}}.rainbow-text{background:linear-gradient(to right,#66f,#09f,#0f0,#f39,#66f);-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbow_animation 6s ease-in-out infinite;background-size:400% 100%}@media(prefers-reduced-motion:reduce){.rainbow-text{animation:none}}button{padding:10px 20px;font-size:16px;font-family:inherit;cursor:pointer;background-color:var(--primary-color);color:var(--on-primary);border:none;border-radius:6px;transition:background-color .15s ease;display:flex;justify-content:center;align-items:center}button:hover{background-color:var(--primary-color-dark)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--primary-color) 60%,transparent);outline-offset:2px}input,select{box-sizing:border-box;padding:10px 12px;font-size:16px;font-family:inherit;color:var(--text-color);background:var(--cell-color);border:1px solid var(--border-color);border-radius:6px}input::placeholder{color:var(--muted-text)}input:focus,select:focus{outline:none;border-color:var(--primary-color)}select{appearance:none;padding-right:36px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted-text) 50%),linear-gradient(135deg,var(--muted-text) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}.card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:10px;border:1px solid var(--border-color);background:var(--cell-color)}.card h2{margin:0;font-size:20px}.card-hint{margin:-4px 0 4px;font-size:14px;color:var(--muted-text)}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.field em{font-weight:400;font-style:normal;color:var(--muted-text)}.field input,.field select,.field textarea{width:100%;font-weight:400;background-color:var(--background-color)}.primary-button{gap:8px;font-weight:600}.tool-button{gap:6px;padding:8px 14px;font-size:15px;color:var(--text-color);background:var(--cell-color);border:1px solid var(--border-color)}.tool-button:hover:not(:disabled){color:var(--text-color);border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 12%,var(--cell-color))}.tool-count{padding:0 6px;font-size:12px;border-radius:999px;color:var(--on-primary);background:var(--primary-color)}.toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.icon-button{width:36px;height:36px;padding:0;margin:0;font-size:20px;border-radius:50%;color:var(--text-color);background:transparent}.icon-button:hover{color:var(--on-primary);background:var(--primary-color-dark)}.invite-card{position:relative;border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 8%,var(--cell-color))}.invite-row{display:flex;gap:8px}.invite-row input{flex:1;min-width:0;font-size:14px;background:var(--background-color)}.invite-card .tool-button{align-self:flex-start}.invite-dismiss{position:absolute;top:6px;right:6px;width:30px;height:30px;font-size:18px}.username-display{gap:6px;margin:0;padding:6px 10px;font-size:14px;color:var(--text-color);background:var(--cell-color);border:1px solid var(--border-color)}.username-display:hover{color:var(--on-primary);background:var(--primary-color-dark)}.username-display strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.username-label{opacity:.7}.username-editor input{margin:0;padding:6px 10px;font-size:14px;width:200px}.avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:14px;font-weight:700;color:#fff;text-transform:uppercase}.color-scheme-switcher{display:flex;align-items:center;justify-content:space-between}.color-scheme-switcher-button{width:30px;height:30px;padding:0;border-radius:50%}.color-scheme-switcher-button.active{box-shadow:0 0 0 2px var(--cell-color),0 0 0 4px var(--text-color)}.settings{position:relative}.settings-trigger{font-size:24px;width:44px;height:44px}.settings-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:900;width:260px;padding:14px;box-sizing:border-box;text-align:left;border-radius:10px;border:1px solid var(--border-color);background:var(--cell-color);box-shadow:0 10px 30px #00000040}.settings-section+.settings-section{margin-top:14px}.settings-section h3{margin:0 0 8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-text)}.settings-hint{margin:6px 0 0;font-size:12px;color:var(--muted-text)}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:3px;gap:3px;border-radius:8px;background:var(--background-color)}.segmented button{gap:6px;padding:8px;font-size:14px;color:var(--text-color);background:transparent}.segmented button:hover{background:var(--border-color)}.segmented button.active{color:var(--on-primary);background:var(--primary-color)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;font-size:15px}.toggle .switch{flex-shrink:0}.toggle+.toggle{border-top:1px solid var(--border-color)}.switch{position:relative;width:44px;height:26px;padding:0;margin:0;border-radius:999px;background:var(--border-color);transition:background-color .15s ease}.switch:hover{background:var(--muted-text)}.switch.on,.switch.on:hover{background:var(--primary-color)}.switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch.on .switch-knob{transform:translate(18px)}.drawer-backdrop{position:fixed;inset:0;z-index:998;background:#00000073;opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;z-index:999;display:flex;flex-direction:column;width:min(420px,100vw);height:100vh;height:100dvh;box-sizing:border-box;padding:16px;gap:12px;text-align:left;background-color:var(--background-color);border-left:1px solid var(--border-color);box-shadow:-10px 0 40px #00000059;transform:translate(105%);transition:transform .25s ease}.drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between}.drawer-header h2{display:flex;align-items:center;gap:8px;margin:0;font-size:20px}.drawer-count{padding:2px 8px;font-size:13px;font-weight:400;border-radius:999px;color:var(--on-primary);background:var(--primary-color)}@media(prefers-reduced-motion:reduce){.drawer,.drawer-backdrop{transition:none}}xello-confetti{position:fixed;height:100vh;width:100vw;top:0;left:0;pointer-events:none;z-index:1000}.suite-games ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:0;padding:0;list-style:none}.suite-game,.suite-game:visited{display:flex;align-items:center;gap:12px;box-sizing:border-box;height:100%;padding:10px 12px;color:var(--text-color);text-decoration:none;border:1px solid var(--border-color);border-radius:10px;background:var(--background-color);transition:border-color .15s}.suite-game:hover{border-color:var(--primary-color)}.suite-logo{flex:none;width:44px;height:44px}.suite-game-text{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px;line-height:1.35;color:var(--muted-text)}.suite-game-text strong{font-family:var(--font-display);font-size:16px;color:var(--text-color)}.suite-game-arrow{flex:none;margin-left:auto;font-size:20px;color:var(--muted-text);transition:transform .15s}.suite-game:hover .suite-game-arrow{color:var(--text-color);transform:translate(3px)}@media(prefers-reduced-motion:reduce){.suite-game:hover .suite-game-arrow{transform:none}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qs-app{--primary-text: var(--accent-light);--good: #2e7d32;--good-dark: #1b5e20;--bad: #c62828;--bad-dark: #8e1c1c;width:100%;min-height:100vh;min-height:100dvh;box-sizing:border-box;padding:16px clamp(16px,3vw,48px) 24px;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--text-color);background:var(--background-color)}:root.dark .qs-app{--primary-text: var(--accent-dark);--good: #66bb6a;--bad: #ef9a9a}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.qs-muted,.qs-you{color:var(--muted-text);font-weight:400}a.primary-button,a.tool-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;text-decoration:none}a.primary-button{padding:10px 20px;color:var(--on-primary);background:var(--primary-color)}a.primary-button:hover{background:var(--primary-color-dark)}a.tool-button,a.tool-button:visited{color:var(--text-color)}.qs-link-button{display:inline-flex;justify-content:flex-start;padding:4px 0;font-size:14px;color:var(--primary-text);background:none;text-decoration:underline;text-underline-offset:3px}.qs-link-button:hover{color:var(--text-color);background:none}.tool-button.chosen{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 22%,var(--cell-color))}.tool-button.danger{color:var(--bad)}.icon-button.small{width:30px;height:30px;font-size:17px}.card{text-align:left}.qs-header{max-width:1700px}.qs-header .app-heading{grid-row:1}.qs-header.compact{margin-bottom:12px}.qs-header.compact .app-title{font-size:clamp(22px,2vw,34px)}.qs-header-left{grid-column:1;grid-row:1;justify-self:start;align-self:center}.qs-header-right{grid-column:3;grid-row:1;justify-self:end;align-self:center;display:flex;align-items:center;gap:8px}.qs-code-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;font-size:14px;border:1px solid var(--border-color);border-radius:999px;background:var(--cell-color)}.qs-code-label{color:var(--muted-text)}.qs-code-badge strong{padding:2px 10px;font-family:var(--font-display);font-size:20px;letter-spacing:.12em;border-radius:999px;color:var(--on-primary);background:var(--primary-color)}.qs-board{--gap: clamp(6px, .8vw, 12px);display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:auto repeat(5,auto);gap:var(--gap);width:100%;font-family:var(--font-display)}.qs-column{display:grid;grid-row:1 / span 6;grid-template-rows:subgrid;min-width:0}.qs-column-extra>*{grid-row:1 / span 6}.qs-category{min-height:3.6em;margin:0;padding:.5em;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-display);font-size:clamp(11px,1vw,18px);font-weight:800;line-height:1.15;letter-spacing:.02em;text-transform:uppercase;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;border:none;border-radius:8px;color:var(--background-color);background:var(--text-color)}button.qs-category:hover{color:var(--background-color);background:color-mix(in srgb,var(--text-color) 80%,var(--primary-color))}.qs-category em{font-style:normal;opacity:.6}.qs-tile{position:relative;width:100%;aspect-ratio:16 / 10;padding:0;font-family:var(--font-display);font-size:clamp(16px,2.4vw,44px);font-weight:800;letter-spacing:-.01em;border-radius:8px;color:var(--on-primary);background:var(--primary-color);box-shadow:inset 0 -4px color-mix(in srgb,var(--primary-color-dark) 80%,transparent);transition:transform .1s ease,background-color .15s ease}.qs-tile:disabled{opacity:1;cursor:default}.qs-board-host .qs-tile:not(:disabled):hover,.qs-board-edit .qs-tile:not(:disabled):hover{background:var(--primary-color-dark);transform:translateY(-2px)}.qs-tile.played{color:var(--muted-text);background:transparent;border:1px dashed var(--border-color);box-shadow:none}.qs-tile.empty:not(.played){color:var(--muted-text);background:color-mix(in srgb,var(--primary-color) 18%,var(--cell-color));border:1px dashed var(--primary-color);box-shadow:none}.qs-tile.active{outline:4px solid var(--text-color);outline-offset:2px}.qs-dd-mark,.qs-tile-lock{position:absolute;top:6px;right:8px;display:flex;font-size:max(14px,.4em)}.qs-board-screen .qs-tile{aspect-ratio:auto;height:clamp(48px,calc((100dvh - 420px)/5),210px);font-size:clamp(20px,min(3.4vw,8dvh),72px)}.qs-landing-preview .qs-board-screen .qs-tile{height:auto;aspect-ratio:16 / 10}.qs-board-screen .qs-category{font-size:clamp(12px,1.3vw,26px)}.qs-board-phone{--gap: 4px}.qs-board-phone .qs-category{min-height:3em;padding:.35em .2em;font-size:8.5px;letter-spacing:0;border-radius:5px}.qs-board-phone .qs-tile{aspect-ratio:auto;min-height:38px;font-size:15px;border-radius:5px;box-shadow:none}.qs-board-empty{align-items:center;width:100%;box-sizing:border-box;padding:48px 20px;text-align:center}.qs-board-empty p{margin:0}.qs-stage-label{margin:0;font-family:var(--font-display);font-weight:700;text-align:left;color:var(--muted-text)}.qs-clue,.qs-final{position:relative;display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box;padding:clamp(20px,3vw,48px);text-align:center;border:1px solid var(--border-color);border-radius:14px;background:var(--cell-color);animation:qs-pop .25s ease-out}.qs-clue.daily-double{border:3px solid var(--primary-color)}.qs-clue-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.qs-clue-category{font-family:var(--font-display);font-size:clamp(13px,1.2vw,22px);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-text)}.qs-pill{display:inline-block;flex:none;padding:.05em .45em .1em;font-family:var(--font-display);font-size:clamp(20px,2.4vw,44px);font-weight:800;border-radius:.2em;color:var(--on-primary);background:var(--primary-color);transform:rotate(-2deg)}.qs-clue-text{margin:0;font-family:var(--font-display);font-size:clamp(22px,3.2vw,60px);font-weight:700;line-height:1.2;text-wrap:balance}.qs-clue-text.host-preview{font-size:clamp(16px,1.6vw,24px);color:var(--muted-text)}.qs-clue-screen{min-height:62vh;justify-content:center}.qs-clue-screen .qs-clue-text{font-size:clamp(28px,4.4vw,88px)}.qs-clue-phone{gap:12px;padding:16px}.qs-clue-phone .qs-clue-text{font-size:clamp(18px,5vw,26px)}.qs-clue-phone .qs-pill{font-size:18px}.qs-dd-splash{display:flex;flex-direction:column;gap:8px}.qs-dd-title{margin:0;font-family:var(--font-display);font-size:clamp(36px,7vw,120px);font-weight:800}.qs-dd-who{margin:0;font-size:clamp(16px,2vw,32px)}.qs-dd-max{color:var(--muted-text)}.qs-answer{margin:0;padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-display);font-size:clamp(18px,2vw,36px);font-weight:800;border-radius:10px}.qs-answer.revealed{background:color-mix(in srgb,var(--primary-color) 22%,var(--cell-color));animation:qs-pop .3s ease-out}.qs-answer.host-only{color:var(--muted-text);border:1px dashed var(--border-color)}.qs-answer-label{font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-text)}.qs-buzzline{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:clamp(18px,2vw,36px);animation:qs-pop .2s ease-out}.qs-buzzline-first{display:inline-flex;align-items:center;gap:10px}.qs-buzzline-queue{font-size:.6em;color:var(--muted-text)}.qs-chip{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:999px;border:1px solid var(--border-color);background:var(--background-color)}.qs-result{margin:0;font-size:clamp(18px,2vw,34px)}.qs-result.none{color:var(--muted-text)}.qs-delta{font-family:var(--font-display);font-weight:800}.qs-delta.up{color:var(--good)}.qs-delta.down{color:var(--bad)}.qs-timer{display:flex;align-items:center;gap:10px}.qs-timer-track{flex:1;height:8px;overflow:hidden;border-radius:999px;background:var(--border-color)}.qs-timer-fill{height:100%;transform-origin:left;background:var(--primary-color);transition:transform .2s linear}.qs-timer.urgent .qs-timer-fill{background:var(--bad)}.qs-timer-seconds{min-width:3ch;font-weight:700;font-variant-numeric:tabular-nums}.qs-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;margin:0;padding:0;list-style:none}.qs-score{position:relative;display:flex;flex-direction:column;gap:4px;padding:10px 12px;text-align:left;border:1px solid var(--border-color);border-radius:10px;background:var(--cell-color);transition:opacity .3s ease}.qs-score.buzzing{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color);animation:qs-glow .9s ease-in-out infinite alternate}.qs-score.mine{border-color:var(--primary-color)}.qs-score.offline{opacity:.6}.qs-score-head{display:flex;align-items:center;gap:8px;min-width:0}.qs-score-name{flex:1;overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.qs-score-value{font-family:var(--font-display);font-size:clamp(22px,2vw,36px);font-weight:800;font-variant-numeric:tabular-nums}.qs-score-value.negative,strong.negative{color:var(--bad)}.qs-control{display:inline-flex;align-items:center;gap:2px;padding:1px 8px;font-size:12px;white-space:nowrap;border-radius:999px;color:var(--on-primary);background:var(--primary-color)}.qs-delta.float{position:absolute;top:-8px;right:12px;font-size:20px;pointer-events:none;animation:qs-float 2s ease-out forwards}.qs-members{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px;color:var(--muted-text)}.qs-member.offline{opacity:.6}.qs-score-tools{display:flex;align-items:center;gap:2px}.qs-score-tools .qs-link-button{margin-left:auto;font-size:13px}.qs-scores-screen .qs-score-value{font-size:clamp(28px,2.8vw,56px)}.qs-scores-screen .qs-score-name{font-size:clamp(16px,1.4vw,28px)}.qs-scores-phone{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.qs-scores-empty{margin:0;color:var(--muted-text)}.qs-buzzer-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 18px}.qs-buzzer{width:min(68vw,300px);aspect-ratio:1;font-family:var(--font-display);font-size:clamp(28px,9vw,48px);font-weight:800;border-radius:50%;color:var(--on-primary);background:var(--primary-color);box-shadow:0 10px 0 var(--primary-color-dark),0 18px 30px #00000040;transition:transform .06s ease,box-shadow .06s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.qs-buzzer:hover{background:var(--primary-color)}.qs-buzzer:active,.qs-buzzer.pressed{transform:translateY(8px);box-shadow:0 2px 0 var(--primary-color-dark),0 6px 12px #00000040}.qs-buzzer.armed{animation:qs-armed 1.2s ease-in-out infinite}.qs-buzzer.waiting,.qs-buzzer.waiting:hover{color:var(--text-color);background:color-mix(in srgb,var(--primary-color) 22%,var(--cell-color));box-shadow:0 10px color-mix(in srgb,var(--primary-color) 45%,var(--border-color))}.qs-buzzer.closed,.qs-buzzer.out{color:var(--muted-text);background:var(--border-color)}.qs-buzzer.closed,.qs-buzzer.out{box-shadow:none;opacity:1}.qs-buzzer.floor,.qs-buzzer.floor:hover{color:#fff;background:var(--good-dark);box-shadow:0 10px #0f3d14,0 0 0 8px color-mix(in srgb,var(--good-dark) 30%,transparent)}.qs-buzzer.queued,.qs-buzzer.queued:hover{color:var(--text-color);background:var(--cell-color);border:4px solid var(--primary-color);box-shadow:none}.qs-buzzer.refused{animation:qs-shake .3s ease}.qs-buzzer-hint{min-height:1.4em;margin:0;text-align:center;color:var(--muted-text)}.qs-host{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,24vw,400px);align-items:start;gap:clamp(16px,2vw,28px);width:100%;max-width:1700px}.qs-stage{display:flex;flex-direction:column;gap:16px;min-width:0}.qs-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px;text-align:left}.qs-controls .big{padding:14px 20px;font-size:18px}.qs-control-row{display:flex;flex-wrap:wrap;gap:8px}.qs-judge{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-button.right{color:#fff;background:#2e7d32}.primary-button.right:hover{background:#1b5e20}.primary-button.wrong{color:#fff;background:#c62828}.primary-button.wrong:hover{background:#8e1c1c}.qs-undo{align-self:flex-start;align-items:center;gap:4px}.qs-links-compact{gap:8px;padding:14px 16px}.qs-links-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.qs-action-bar{display:none}.qs-kbd{margin-left:4px;padding:0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;border:1px solid currentColor;border-radius:4px;opacity:.7}.qs-checklist{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.qs-checklist li{display:flex;align-items:center;gap:6px}.qs-checklist li.done{font-weight:600}.qs-dot{display:inline-block;width:12px;height:12px;margin:0 2px;border:2px solid var(--border-color);border-radius:50%;box-sizing:border-box}.qs-screen-link{padding:8px 14px;border:1px solid var(--border-color);background:var(--cell-color)}.qs-host-link summary{font-size:14px;color:var(--muted-text);cursor:pointer}.qs-host-link[open]{display:flex;flex-direction:column;gap:8px}.qs-players ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.qs-players h2{display:flex;align-items:center;gap:8px}.qs-players h3{display:flex;align-items:center;gap:6px;margin:8px 0 4px;font-size:13px;text-transform:uppercase;color:var(--muted-text)}.qs-player-team+.qs-player-team{padding-top:6px;border-top:1px solid var(--border-color)}.qs-player-team-name{display:flex;align-items:center;gap:4px}.qs-player{display:flex;align-items:center;gap:8px}.qs-player-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.qs-online{flex:none;width:8px;height:8px;border-radius:50%;background:var(--border-color)}.qs-online.on{background:var(--good)}.qs-drawer.wide{width:min(1000px,100vw)}.qs-drawer-body{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.qs-editor{display:flex;flex-direction:column;gap:12px}.qs-editor-tabs{grid-template-columns:repeat(3,1fr)}.qs-editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.qs-add-category{display:flex;flex:1;gap:8px;min-width:260px}.qs-add-category select{flex:1;min-width:0}.qs-editor-empty{margin:16px 0;color:var(--muted-text)}.qs-edit-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.qs-edit-category{gap:8px;padding:12px}.qs-edit-category-head{display:flex;align-items:center;gap:6px}.qs-edit-category-name{flex:1;min-width:0;font-family:var(--font-display);font-weight:800;text-transform:uppercase}.qs-edit-category-tools{display:flex}.qs-edit-clues{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.qs-edit-clue{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"value clue dd" "value answer dd";align-items:start;gap:4px 6px}.qs-edit-value{grid-area:value;padding:6px 0;font-family:var(--font-display);font-weight:800;text-align:center;border-radius:6px;color:var(--on-primary);background:var(--primary-color)}.qs-edit-clue textarea{grid-area:clue;overflow:hidden;resize:none}.qs-edit-answer{grid-area:answer}.qs-dd-toggle,.qs-edit-locked{grid-area:dd}.qs-dd-toggle.on{color:var(--primary-text)}.qs-edit-clue.locked{opacity:.55}.qs-edit-locked{display:flex;align-items:center;gap:2px;padding-top:8px;font-size:12px;color:var(--muted-text)}.qs-editable{width:100%;box-sizing:border-box;padding:7px 9px;font-family:inherit;font-size:14px;color:var(--text-color);background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;resize:vertical;transition:border-color .2s ease}.qs-editable:focus{outline:none;border-color:var(--primary-color)}.qs-editable::placeholder{color:var(--muted-text)}.qs-editable.saved{border-color:var(--good)}.qs-editable.error{border-color:var(--bad)}.qs-edit-final{display:flex;flex-direction:column;gap:12px;max-width:640px}.qs-settings{display:flex;flex-direction:column;gap:22px}.qs-settings section{display:flex;flex-direction:column;gap:10px}.qs-settings h3{margin:0;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-text)}.qs-settings .settings-hint{margin-top:-6px}.qs-custom-colour{display:flex;align-items:center;gap:8px;margin-top:8px;font-weight:400}.qs-custom-colour input[type=color]{width:44px;height:34px;padding:2px;cursor:pointer}.qs-icon-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.qs-icon-preview{width:44px;height:44px;object-fit:contain;border:1px solid var(--border-color);border-radius:8px;background:var(--cell-color)}.qs-landing{display:flex;flex-direction:column;gap:20px;width:100%;max-width:1100px}.qs-landing-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-areas:"join host" "more host";grid-template-rows:auto 1fr;align-items:start;gap:20px}.qs-landing-cards .qs-join{grid-area:join}.qs-landing-cards .qs-create{grid-area:host}.qs-landing-cards .suite-games{grid-area:more}.qs-code-input{font-family:var(--font-display);font-size:28px;letter-spacing:.3em;text-align:center;text-transform:uppercase}.qs-landing-preview{width:100%;max-width:900px;margin:8px auto 0;pointer-events:none;transform:perspective(1400px) rotateX(16deg);transform-origin:top;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}.qs-recent ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.qs-recent li{display:flex;align-items:center;gap:8px}.qs-recent-open{flex:1;justify-content:space-between;gap:12px;padding:10px 14px;color:var(--text-color);background:var(--background-color);border:1px solid var(--border-color)}.qs-recent-open:hover{color:var(--text-color);border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 12%,var(--cell-color))}.qs-footer{margin-top:auto;padding-top:32px;font-size:14px;color:var(--muted-text)}.qs-footer p{margin:4px 0}.qs-player-main{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;max-width:560px;text-align:left}.qs-player-main.wide{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;max-width:1240px}.qs-player-stage{display:flex;flex-direction:column;gap:14px;min-width:0}.qs-player-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:10px}.qs-player-side h2{margin:0;font-size:18px}.qs-scores-side{grid-template-columns:minmax(0,1fr)}.qs-player-main.wide .qs-buzzer{width:min(28vw,320px)}.qs-clue-desk{padding:28px 36px}.qs-clue-desk .qs-clue-text{font-size:clamp(26px,2.6vw,46px)}.qs-final-desk .qs-wager,.qs-final-desk .qs-final-answer{max-width:560px;text-align:left}.qs-score-strip{display:flex;gap:6px;margin:0;padding:0 0 2px;overflow-x:auto;list-style:none;scrollbar-width:none}.qs-score-strip li{display:flex;flex:none;align-items:baseline;gap:6px;padding:4px 12px;font-size:14px;border:1px solid var(--border-color);border-radius:999px;background:var(--cell-color)}.qs-score-strip li.mine{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 15%,var(--cell-color))}.qs-score-strip strong{font-family:var(--font-display);font-variant-numeric:tabular-nums}.qs-join-in{gap:10px}.qs-you-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.qs-you-score{font-size:15px}.qs-you-score strong{font-family:var(--font-display);font-size:24px}.qs-pick-note{margin:0;padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--cell-color)}.qs-pick-note.mine{font-weight:600;border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 15%,var(--cell-color))}.qs-team-picks{display:flex;flex-wrap:wrap;gap:6px}.qs-team-picker{display:flex;flex-direction:column;gap:8px}.qs-player-join,.qs-gone{width:100%;max-width:480px;box-sizing:border-box}.qs-gone{margin-top:24px}.qs-notice{margin:0;padding:8px 12px;font-size:14px;border-radius:8px;background:color-mix(in srgb,var(--primary-color) 18%,var(--cell-color))}.qs-quick{display:flex;flex-wrap:wrap;gap:6px}.qs-final{align-items:center}.qs-final-kicker{margin:0;font-family:var(--font-display);font-size:clamp(16px,1.6vw,28px);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.qs-final-category{margin:0;font-size:clamp(28px,4vw,72px)}.qs-final-note{margin:0;color:var(--muted-text)}.qs-final-phone{padding:16px}.qs-final-phone .qs-final-category{font-size:26px}.qs-final-phone .qs-final-clue{font-size:clamp(18px,5vw,26px)}.qs-final .qs-timer,.qs-final .qs-answer,.qs-final .card{width:100%;box-sizing:border-box}.qs-reveals{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none}.qs-reveal{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr) auto auto auto;align-items:center;gap:12px;padding:10px 14px;text-align:left;border:1px solid var(--border-color);border-radius:10px;background:var(--background-color)}.qs-reveal.shown{animation:qs-pop .3s ease-out}.qs-reveal.right{border-color:var(--good);background:color-mix(in srgb,var(--good) 14%,var(--cell-color))}.qs-reveal.wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,var(--cell-color))}.qs-reveal-team{display:flex;align-items:center;gap:8px;font-weight:700}.qs-reveal-answer{font-family:var(--font-display);font-size:1.15em;font-weight:700}.qs-reveal-wager{padding:2px 10px;font-size:14px;white-space:nowrap;border:1px solid var(--border-color);border-radius:999px;color:var(--muted-text)}.qs-reveal-verdict{display:inline-flex;align-items:center;gap:4px;padding:2px 12px;font-family:var(--font-display);font-weight:800;white-space:nowrap;border-radius:999px;color:#fff;animation:qs-pop .3s ease-out}.qs-reveal-verdict.right{background:#2e7d32}.qs-reveal-verdict.wrong{background:#c62828}.qs-reveal-hidden{grid-column:2 / -1;color:var(--muted-text)}.qs-reveal-judge{display:flex;gap:6px}.qs-final-screen .qs-reveal{padding:14px 22px;font-size:clamp(18px,1.8vw,34px)}.qs-final-screen .qs-reveal-answer{font-size:1.3em}.qs-final-screen .qs-reveal-wager{font-size:.7em}.qs-podium{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;padding:24px 0}.qs-podium-title{margin:0;font-size:clamp(36px,6vw,110px);font-weight:800}.qs-podium-list{display:flex;flex-direction:column;gap:8px;width:min(100%,720px);margin:0;padding:0;list-style:none}.qs-podium-row{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:clamp(16px,1.6vw,28px);border:1px solid var(--border-color);border-radius:12px;background:var(--cell-color);animation:qs-pop .4s ease-out both}.qs-podium-row.place-1{font-size:clamp(22px,2.4vw,44px);border:3px solid var(--primary-color);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary-color) 25%,transparent)}.qs-podium-row.mine{outline:2px dashed var(--primary-color);outline-offset:3px}.qs-podium-place{width:1.6em;font-family:var(--font-display);font-weight:800;text-align:center;color:var(--muted-text)}.place-1 .qs-podium-place{color:var(--primary-text)}.qs-podium-name{flex:1;font-weight:700;text-align:left}.qs-podium-score{font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums}.qs-screen-page{padding:12px clamp(12px,2vw,32px)}.qs-screen{display:flex;flex:1;flex-direction:column;gap:16px;width:100%}.qs-screen-stage{display:flex;flex:1;flex-direction:column;justify-content:center;gap:12px}.qs-screen-lobby{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,64px);padding:2vh 0}.qs-screen-join{display:flex;flex-direction:column;align-items:center}.qs-screen-join .qs-qr{margin-top:28px}.qs-screen-lobby-side{display:flex;flex-direction:column;align-items:stretch;gap:24px}.qs-warmup-screen{width:100%;max-width:640px;margin:0 auto}.qs-join-hint{display:flex;align-items:center;gap:12px;font-size:clamp(14px,1.2vw,22px)}.qs-join-host{font-weight:700}.qs-screen-page .qs-code-badge strong{font-size:clamp(20px,1.8vw,32px)}.qs-header-right{transition:opacity .4s ease}.qs-screen-page.idle{cursor:none}.qs-screen-page.idle .qs-header-right{opacity:0;pointer-events:none}.qs-screen-kicker{margin:0;font-size:clamp(18px,2vw,36px);color:var(--muted-text)}.qs-screen-url{margin:4px 0 12px;font-family:var(--font-display);font-size:clamp(24px,3vw,60px);font-weight:800;overflow-wrap:anywhere}.qs-screen-code{display:inline-block;margin:12px 0 0;padding:0 .3em;font-family:var(--font-display);font-size:clamp(48px,7vw,140px);font-weight:800;letter-spacing:.12em;border-radius:.15em;color:var(--on-primary);background:var(--primary-color);transform:rotate(-2deg)}.qs-qr{padding:12px;border-radius:16px;background:#fff}.qs-qr img{display:block}.qs-screen-joined h2{font-size:clamp(18px,2vw,36px)}.qs-screen-joined ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.qs-screen-joined li{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-size:clamp(14px,1.3vw,24px);border:1px solid var(--border-color);border-radius:999px;background:var(--cell-color);animation:qs-pop .3s ease-out}.qs-connection{position:fixed;top:12px;left:50%;z-index:990;padding:6px 14px;font-size:14px;border-radius:999px;color:var(--background-color);background:var(--text-color);box-shadow:0 6px 20px #00000040;transform:translate(-50%)}.qs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:55vh;padding:48px 16px;text-align:center}.qs-loading .qs-spinner{width:30px;height:30px;border-width:4px}.qs-loading-line{font-family:var(--font-display);font-size:clamp(18px,2.6vw,28px);font-weight:600;color:var(--text-color);animation:qs-loading-line 2.6s ease-in-out both}.qs-spinner{width:18px;height:18px;box-sizing:border-box;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:qs-spin .8s linear infinite}.qs-buzz-banner{display:flex;align-items:center;justify-content:center;gap:24px;padding:18px 28px;text-align:left;border-radius:16px;color:var(--on-primary);background:var(--primary-color);animation:qs-banner .35s cubic-bezier(.2,.9,.3,1.3)}.qs-buzz-banner .avatar{box-shadow:0 0 0 4px var(--cell-color)}.qs-buzz-banner-name{margin:0;font-family:var(--font-display);font-size:clamp(36px,4.6vw,96px);font-weight:800;line-height:1}.qs-buzz-banner-text{margin:6px 0 0;font-size:clamp(18px,1.8vw,34px)}.qs-buzz-banner .qs-chip{color:var(--text-color)}.qs-misses{margin:0;font-size:clamp(14px,1.2vw,22px);color:var(--muted-text)}.qs-chip.miss{color:var(--text-color)}.qs-round-splash{position:fixed;inset:0;z-index:980;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;pointer-events:none;background:color-mix(in srgb,var(--background-color) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:qs-splash 3.2s ease forwards}.qs-round-splash-title{margin:0;font-family:var(--font-display);font-size:clamp(48px,10vw,180px);font-weight:800;line-height:1;animation:rainbow_animation 6s ease-in-out infinite,qs-splash-title .8s cubic-bezier(.2,.9,.3,1.25)}.qs-round-splash-subtitle{margin:0;font-size:clamp(18px,2.4vw,44px)}.qs-sound-banner{position:fixed;right:20px;bottom:20px;z-index:985;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border-color);border-radius:999px;background:var(--cell-color);box-shadow:0 10px 30px #00000040}.qs-sound-banner .primary-button{padding:12px 22px;font-size:18px;border-radius:999px}.qs-volume{display:flex;flex-direction:column;gap:4px;padding:6px 0;font-size:14px}.qs-volume input{width:100%;padding:0;border:none;background:none;accent-color:var(--primary-color)}.qs-warmup{align-items:stretch;gap:12px;text-align:center}.qs-warmup-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;text-align:left}.qs-warmup-head h2{display:flex;align-items:center;gap:6px}.qs-warmup-button,.qs-warmup-light{min-height:150px;font-family:var(--font-display);font-weight:800;border-radius:16px;color:#fff;background:#c62828;-webkit-user-select:none;user-select:none}.qs-warmup-button{width:100%;font-size:clamp(28px,7vw,44px);box-shadow:0 8px #8e1c1c;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .06s ease}.qs-warmup-button:hover{background:#c62828}.qs-warmup-button:active{transform:translateY(6px);box-shadow:0 2px #8e1c1c}.qs-warmup-button.go,.qs-warmup-light.go{background:#2e7d32;box-shadow:0 8px #1b5e20;animation:qs-pop .15s ease-out}.qs-warmup-button.result,.qs-warmup-button.result:hover,.qs-warmup-light.result{color:var(--text-color);background:color-mix(in srgb,var(--primary-color) 14%,var(--cell-color));border:3px solid var(--primary-color);box-shadow:none}.qs-warmup-button.false-start{color:var(--muted-text);background:var(--border-color);box-shadow:none}.qs-warmup-light{display:flex;align-items:center;justify-content:center;gap:16px;font-size:clamp(28px,3vw,56px)}.qs-warmup-hint{margin:0;color:var(--muted-text)}.qs-warmup-leaders{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;text-align:left;list-style:none}.qs-warmup-leaders li{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px}.qs-warmup-leaders li.mine{background:color-mix(in srgb,var(--primary-color) 15%,var(--cell-color))}.qs-warmup-rank{width:1.4em;font-family:var(--font-display);font-weight:800;color:var(--muted-text)}.qs-warmup-name{flex:1}.qs-warmup-wins{font-weight:600}.qs-warmup-best{font-variant-numeric:tabular-nums;color:var(--muted-text)}.qs-warmup-empty{margin:0;font-size:14px;color:var(--muted-text)}.qs-warmup-screen .qs-warmup-leaders li{font-size:clamp(16px,1.3vw,24px)}.qs-podium.stage{min-height:70vh;justify-content:center}.qs-podium-stands{display:flex;align-items:flex-end;justify-content:center;gap:clamp(12px,2vw,32px);width:min(100%,1100px);margin:0;padding:0;list-style:none}.qs-stand{display:flex;flex:1;flex-direction:column;align-items:center;gap:8px;max-width:340px;animation:qs-rise .8s cubic-bezier(.2,.9,.3,1.1) both}.qs-stand:nth-child(1){animation-delay:.4s}.qs-stand:nth-child(2){animation-delay:.9s}.qs-stand:nth-child(3){animation-delay:0s}.qs-stand-name{font-family:var(--font-display);font-size:clamp(20px,2.2vw,42px);font-weight:800;text-align:center}.qs-stand-score{font-family:var(--font-display);font-size:clamp(24px,2.8vw,56px);font-weight:800;font-variant-numeric:tabular-nums}.qs-stand-block{display:flex;align-items:flex-start;justify-content:center;width:100%;height:14vh;padding-top:14px;font-family:var(--font-display);font-size:clamp(36px,5vw,96px);font-weight:800;border-radius:14px 14px 0 0;color:var(--text-color);background:color-mix(in srgb,var(--primary-color) 45%,var(--cell-color))}.qs-stand.place-1 .qs-stand-block{height:30vh;color:var(--on-primary);background:var(--primary-color)}.qs-stand.place-2 .qs-stand-block{height:21vh}.qs-podium-list.rest{width:min(100%,720px)}.qs-landing-preview,.qs-board-host,.qs-stage>.qs-board-empty{view-transition-name:quiz-board}.app-title{view-transition-name:app-title}::view-transition-group(quiz-board){animation-duration:.75s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(quiz-board),::view-transition-new(quiz-board){height:100%;animation-duration:.75s}::view-transition-group(app-title){animation-duration:.5s}@keyframes qs-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes qs-float{0%{opacity:0;transform:translateY(6px)}15%{opacity:1}to{opacity:0;transform:translateY(-26px)}}@keyframes qs-glow{to{box-shadow:0 0 0 7px color-mix(in srgb,var(--primary-color) 45%,transparent)}}@keyframes qs-armed{0%,to{box-shadow:0 10px 0 var(--primary-color-dark),0 0 color-mix(in srgb,var(--primary-color) 60%,transparent)}50%{box-shadow:0 10px 0 var(--primary-color-dark),0 0 0 18px color-mix(in srgb,var(--primary-color) 0%,transparent)}}@keyframes qs-shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes qs-spin{to{transform:rotate(360deg)}}@keyframes qs-loading-line{0%{opacity:0;transform:translateY(10px)}15%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}@keyframes qs-loading-fade{0%,to{opacity:0}15%,85%{opacity:1}}@keyframes qs-banner{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes qs-splash{0%{opacity:0}10%,80%{opacity:1}to{opacity:0}}@keyframes qs-splash-title{0%{transform:scale(.6)}to{transform:none}}@keyframes qs-rise{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.qs-clue,.qs-final,.qs-answer.revealed,.qs-buzzline,.qs-reveal.shown,.qs-podium-row,.qs-screen-joined li,.qs-buzzer.armed,.qs-buzzer.refused,.qs-score.buzzing,.qs-buzz-banner,.qs-round-splash-title,.qs-stand,.qs-reveal-verdict,.qs-warmup-button.go,.qs-warmup-light.go{animation:none}.qs-round-splash{animation-duration:3.2s;animation-timing-function:steps(1,end)}.qs-delta.float{animation-duration:.01s}.qs-tile,.qs-timer-fill{transition:none}.qs-loading-line{animation-name:qs-loading-fade}}@media(max-width:1100px){.qs-host{grid-template-columns:minmax(0,1fr)}.qs-side{position:static}}@media(max-width:760px){.qs-landing-cards{grid-template-columns:minmax(0,1fr);grid-template-areas:"join" "host" "more";grid-template-rows:none}.qs-action-bar{position:fixed;right:0;bottom:0;left:0;z-index:950;display:flex;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border-color);background:var(--cell-color);box-shadow:0 -8px 24px #00000026}.qs-action-bar .primary-button{flex:1;padding:14px;font-size:17px}.qs-action-note{flex:1;margin:0;font-size:14px;text-align:left;color:var(--muted-text)}.qs-host-page{padding-bottom:100px}.qs-join-host{display:none}.qs-podium-stands{gap:8px}.qs-hide-small{display:none}.qs-board-host .qs-tile,.qs-board-screen .qs-tile{aspect-ratio:auto;height:auto;min-height:44px;font-size:16px}.qs-board-host .qs-category,.qs-board-screen .qs-category{min-height:3em;padding:.35em .2em;font-size:8.5px;letter-spacing:0}.qs-board{--gap: 4px}.qs-screen-lobby{grid-template-columns:minmax(0,1fr)}.qs-reveal{grid-template-columns:minmax(0,1fr) auto}.qs-reveal-answer{grid-column:1 / -1}.qs-landing-preview{display:none}}@media(max-width:600px){.qs-app{padding:12px 12px 20px}.qs-header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.qs-header .app-title{font-size:20px}.qs-header .app-tagline{font-size:13px}.qs-code-label{display:none}.qs-code-badge{padding-left:4px}.qs-code-badge strong{font-size:16px}}
