@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Nunito+Sans:wght@400;600;700;800;900&display=swap');

:root{--ink:#20322a;--blue:#6ccce2;--paper:#fffdf0;--green:#b7df35;--green-dark:#37521a;--orange:#ffac64;--line:3px solid var(--ink);--shadow:0 7px 0 #20322a;--display:'Barlow Condensed',Impact,sans-serif;font-family:'Nunito Sans',Arial,sans-serif;color:var(--ink);background:var(--blue);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{border:2px solid var(--ink);background:var(--paper);border-radius:7px;min-height:44px;padding:8px 16px;font-weight:900;transition:transform .15s,box-shadow .15s,background .15s}button:hover{background:#fff;transform:translateY(-2px)}button:active{transform:translateY(2px)}button:disabled{cursor:default;opacity:.6;transform:none}a{color:var(--ink);font-weight:800;text-underline-offset:3px}input,select{border:2px solid var(--ink);border-radius:5px;background:#fff;min-height:44px;padding:8px 12px;max-width:100%}input{min-width:0}input:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #20322a;outline-offset:4px;box-shadow:0 0 0 7px #fffdf0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1}p{line-height:1.5}img{max-width:100%;height:auto}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5}button svg{vertical-align:middle}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:12px;z-index:1000;background:var(--paper);padding:12px}.skip:focus{top:10px}.table-pattern{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='%23248099' opacity='.29'%3E%3Cpath d='m23 20 8-4 5 8 8-5 4 8-16 9zM135 95h10v11h-10zM92 141l9-8 8 9-9 8zM42 118l6 8-5 5 6 8-6 4-10-13 6-5-4-5z'/%3E%3Cellipse cx='118' cy='29' rx='8' ry='5' transform='rotate(25 118 29)'/%3E%3Cpath d='m156 157 12-7 5 8-12 7zM70 63l16 3-2 7-16-3zM13 77l9 5-4 7-10-4z'/%3E%3C/g%3E%3C/svg%3E")}
.topbar{padding:10px clamp(12px,2.5vw,40px) 6px;display:flex;align-items:center;justify-content:space-between;gap:14px}.wordmark{font-family:var(--display);font-weight:900;font-size:23px;line-height:.88;transform:rotate(-3deg);background:none!important;border:0;padding:0;text-align:left;min-width:110px}.wordmark span{display:block}.wordmark b{color:var(--green-dark);font-size:31px}.utilities,.languages{display:flex;align-items:center;gap:8px}.utilities .quiet{background:#f8f4dc;border-width:2px}.languages{gap:0}.languages button{border:0;background:transparent;padding:5px 8px;display:flex;align-items:center;gap:5px;border-radius:5px}.languages svg{width:29px;height:21px;stroke:none;filter:drop-shadow(0 2px 0 #20322a)}.languages button[aria-pressed=true]{background:#fffdf0}.square{width:44px;padding:9px;background:transparent;border-color:transparent}.square svg{width:20px;height:20px}.audio-strip{min-height:48px;margin:0 clamp(12px,2.5vw,40px);border-top:1px solid #20322a66;display:flex;align-items:center;justify-content:flex-end;gap:14px;font-size:12px}.source-label{display:flex;align-items:center;gap:6px;font-weight:800}.source-label>span{position:absolute;width:1px;height:1px;overflow:hidden}.source-label select{font-size:12px;padding:4px 7px;min-height:36px;border:0;background:transparent;width:124px;font-weight:900}.mixer{display:flex;align-items:center;gap:5px}.mixer input{width:88px;padding:0;background:none;border:0;accent-color:var(--ink);min-height:44px}.mixer button{font-size:12px;border:0;border-radius:4px;background:transparent;padding:5px;min-width:64px}.audio-toggle[aria-pressed=false]{text-decoration:line-through;text-decoration-thickness:2px}.mixer output{width:32px;font-size:11px;font-weight:800}.audio-strip a{min-height:44px;display:flex;align-items:center;font-size:11px}.audio-strip>button{font-size:11px;min-height:36px;padding:5px 8px}.audio-strip #audio-status:empty{display:none}.connection{padding:10px;text-align:center;background:var(--orange);font-size:14px;font-weight:900}.credits{padding:14px 20px 12px;text-align:center;font-size:10px;font-weight:700}.credits button{background:none;border:0;text-decoration:underline;font-size:11px;min-height:44px;padding:5px 10px}.credits span{opacity:.9}main{max-width:1580px;margin:auto;padding:18px 32px 0;min-height:calc(100dvh - 178px)}
.entry{display:grid;grid-template-columns:minmax(290px,.9fr) minmax(430px,1.1fr);align-items:center;gap:clamp(30px,6vw,100px);min-height:calc(100dvh - 220px);max-width:1190px;margin:auto}.entry-left{padding:6px 0 24px}.big-logo{font-family:var(--display);font-size:clamp(68px,8.5vw,126px);line-height:.78;font-weight:900;letter-spacing:-2px;transform:rotate(-4deg);margin:12px 0 30px;text-align:center;max-width:480px;filter:drop-shadow(0 5px 0 var(--ink))}.big-logo span{display:block;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 0 var(--paper),-4px 0 var(--paper),0 4px var(--paper),0 -4px var(--paper);color:var(--green)}.big-logo span:nth-child(2){font-size:.61em;color:var(--orange);margin:8px 0}.entry-tagline{font-weight:900;font-size:clamp(17px,1.7vw,22px);text-align:center;margin-bottom:17px}.entry-meta{text-align:center;font-size:12px;font-weight:900;margin-bottom:22px}.entry-form{background:var(--paper);border:var(--line);box-shadow:6px 7px 0 #20322a;padding:20px 22px;border-radius:9px;max-width:440px;margin:auto;position:relative}.entry-form label{display:block;font-size:12px;font-weight:900;margin-bottom:6px}.entry-form input{width:100%;font-weight:700;font-size:17px;margin-bottom:12px}.entry-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:9px}.primary{background:var(--green);box-shadow:0 4px 0 var(--ink)}.primary:hover{background:#c9ef51}.orange-button{background:var(--orange)}.text-button{border:0;background:none!important;text-decoration:underline;font-size:12px}.practice-row{display:flex;justify-content:center;margin-top:13px;gap:8px;align-items:center}.practice-row select{background:transparent;border:0;font-size:12px;padding:4px;min-height:44px;width:105px}.practice-row button{font-size:12px;padding:4px 0}.join-row{display:flex;gap:8px;margin-top:14px}.join-row input{margin:0;flex:1;min-width:0;text-transform:uppercase}.join-row button{font-size:13px}.form-error{font-size:13px;font-weight:800;color:#932b1e;min-height:20px;margin-top:10px}.resume{display:block;margin:14px auto 0;background:none;border:0;text-decoration:underline;font-size:12px}.entry-right{position:relative;padding:15px 0 45px}.demo-label{text-align:center;font-size:12px;font-weight:900;margin-bottom:12px}.demo-stage{position:relative;perspective:1200px}.question-paper{position:relative;background:var(--paper);border:var(--line);border-radius:13px;padding:24px 30px 26px;box-shadow:5px 7px 0 #20322a;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;isolation:isolate}.question-paper:before,.question-paper:after{content:'';position:absolute;inset:0;z-index:-1;border:var(--line);border-radius:13px;background:var(--paper);transform:rotate(3deg) translate(2px,3px)}.question-paper:after{transform:rotate(-2deg) translate(-2px,2px)}.question-paper .paper-face{position:absolute;inset:0;background:var(--paper);border-radius:10px;z-index:-1}.question-type{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:19px;display:flex;align-items:center;gap:9px}.question-type:before,.question-type:after{content:'';width:20px;border-top:2px solid}.question-text{font-family:var(--display);font-weight:800;font-size:clamp(34px,4vw,57px);line-height:1.05;white-space:pre-line;overflow-wrap:anywhere}.demo-question{font-size:clamp(38px,4.5vw,63px)}.demo-choices{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:17px}.demo-choices button{font-family:var(--display);font-size:25px;padding:9px 22px;border:2px solid;background:#ffbb75;box-shadow:0 3px 0 var(--ink);transform:rotate(-2deg)}.demo-choices button:last-child{transform:rotate(2deg)}.demo-choices button.chosen{background:var(--green);transform:translateY(-5px) rotate(-2deg)}.demo-boards{display:flex;justify-content:center;gap:12px;margin:31px 0 0}.mini-board{width:94px;min-height:92px;background:var(--paper);border:2px solid;border-radius:7px;box-shadow:3px 4px 0 #20322a;transform:rotate(var(--r,-4deg));padding:10px 5px;text-align:center;position:relative}.mini-board .demo-name{display:block;font-size:10px;font-weight:900;margin-bottom:9px}.mini-board .demo-answer{font-family:var(--display);font-weight:800;font-size:22px;display:block}.mini-board .team-tab{position:absolute;bottom:-14px;left:12px;right:12px;background:var(--orange);border:2px solid;border-radius:4px;min-height:22px;font-size:11px;font-weight:900}.mini-board.green .team-tab{background:var(--green)}.demo-caption{font-size:13px;font-weight:800;max-width:430px;margin:33px auto 0;text-align:center;min-height:40px}.ink-swish{width:130px;height:10px;border-top:4px solid var(--ink);border-radius:60%;transform:rotate(-7deg);margin:12px auto}.demo-note{font-size:11px;text-align:center;margin-top:10px}
.room-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.room-label{display:flex;align-items:center;gap:14px}.room-label h1{font-size:clamp(32px,3vw,45px)}.room-code{border:2px dashed var(--ink);padding:6px 12px;border-radius:5px;font-weight:900;letter-spacing:2px;font-size:16px}.room-tools{display:flex;align-items:center;gap:8px}.room-tools button{font-size:12px}.online-label{font-size:11px;font-weight:800}.lobby-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,85px);align-items:center;max-width:1120px;margin:35px auto}.lobby-title{font-size:clamp(42px,5.3vw,74px);margin:0 0 14px}.lobby-sub{font-size:15px;max-width:480px;margin-bottom:22px}.seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.seat{background:var(--paper);border:2px solid;border-radius:7px;min-height:105px;box-shadow:3px 4px 0 var(--ink);position:relative;padding:13px 10px}.seat .initial{width:32px;height:32px;background:var(--orange);border:2px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;float:left;margin-right:8px;font-size:13px;font-weight:900}.seat-name{font-weight:900;font-size:13px;overflow-wrap:anywhere}.seat-kind{display:block;font-size:10px;margin-top:4px;font-weight:800}.seat .remove-seat{position:absolute;right:-9px;top:-10px;width:30px;min-height:30px;padding:0;border-radius:50%;font-size:19px}.seat.empty{background:#ffffff2c;border-style:dashed;box-shadow:none;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.lobby-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 16px}.lobby-settings label{font-size:12px;font-weight:900}.lobby-settings select{display:block;width:100%;margin-top:7px}.practice-note{font-size:12px;line-height:1.5;background:#fffdf09e;border-radius:5px;padding:10px 12px;margin:12px 0}.lobby-start{font-size:20px;width:100%;padding:12px;margin-top:9px}.lobby-preview{transform:rotate(2deg);max-width:440px;width:100%;margin:auto}.lobby-preview .question-text{font-size:46px}.team-example{display:flex;justify-content:center;gap:18px;margin-top:28px}.team-example>div{width:47%;padding:20px;border:var(--line);border-radius:7px;background:var(--orange);box-shadow:3px 4px 0 var(--ink);transform:rotate(-3deg);text-align:center}.team-example>div:last-child{background:var(--green);transform:rotate(3deg)}.team-example b{display:block;font-family:var(--display);font-size:29px}.team-example span{font-size:11px;font-weight:900}.team-example strong{display:block;font-family:var(--display);font-size:48px;margin:10px 0}
.game-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.round-counter{display:flex;align-items:baseline;gap:8px;font-family:var(--display);font-weight:800;font-size:22px}.round-counter b{font-size:48px;line-height:1}.round-counter span{font-size:18px}.round-track{display:flex;gap:5px;flex:1;max-width:420px}.round-track i{height:8px;flex:1;background:#fff7;border:1px solid #20322a;border-radius:2px}.round-track i.done{background:var(--green-dark)}.round-track i.current{background:var(--paper);height:14px;transform:translateY(-3px);border-width:2px}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:25px;max-width:1340px;margin:auto}.center-stage{min-width:0}.question-area{max-width:760px;margin:12px auto 29px;position:relative;padding:0 6px}.question-area .question-paper{min-height:215px;padding-bottom:37px}.card-inspect{position:absolute;bottom:1px;right:15px;min-height:34px;font-size:10px;border:0;background:transparent;text-decoration:underline;padding:4px 7px;z-index:2}.answer-zone{max-width:780px;margin:auto;text-align:center}.answer-zone h2{font-family:inherit;font-size:13px;margin-bottom:14px;font-weight:900}.choices{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:17px;max-width:730px;margin:0 auto}.answer-choice{min-height:99px;padding:16px 12px;background:var(--paper);border:var(--line);font-family:var(--display);font-size:clamp(25px,2.5vw,38px);font-weight:800;box-shadow:0 5px 0 var(--ink);border-radius:7px;position:relative;overflow-wrap:anywhere}.answer-choice:before{content:attr(data-letter);position:absolute;top:7px;left:9px;font:900 11px 'Nunito Sans',sans-serif;opacity:.7}.answer-choice:hover{background:#fff6d0}.answer-choice.selected{background:var(--green);transform:translateY(-5px);box-shadow:0 10px 0 var(--ink)}.answer-choice.selected:after{content:'✓';position:absolute;right:8px;top:5px;font:900 17px 'Nunito Sans',sans-serif}.blank-board{position:relative;max-width:660px;margin:auto;background:#fffdf0;border:var(--line);border-radius:10px;box-shadow:5px 6px 0 var(--ink);padding:17px 24px}.blank-board label{display:block;font-size:11px;text-align:left;font-weight:900}.blank-board input{border:0;border-radius:0;border-bottom:2px solid var(--ink);width:100%;font-family:var(--display);font-size:39px;text-align:center;background:transparent;min-height:76px}.blank-board:after{content:'';width:110px;height:13px;background:var(--ink);position:absolute;right:-18px;bottom:-11px;transform:rotate(-19deg);border-radius:5px;box-shadow:inset 0 -4px 0 #0d2014}.private-hint{font-size:11px;margin-top:16px;font-weight:800}.locked-board{max-width:470px;margin:auto;padding:20px 24px;background:var(--paper);border:var(--line);border-radius:10px;box-shadow:5px 6px 0 var(--ink);display:flex;align-items:center;gap:20px;position:relative}.locked-board .seal{width:60px;height:60px;flex-shrink:0;border-radius:50%;border:3px double;background:var(--green);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;transform:rotate(-10deg)}.locked-board .answer-ink{font-family:var(--display);font-size:38px;font-weight:800;word-break:break-word;text-align:left}.locked-board small{display:block;text-align:left;font-size:11px;font-weight:900;margin-bottom:5px}.players-rail{border-left:2px solid #20322a66;padding-left:20px}.players-rail h2{font-family:inherit;font-size:12px;margin-bottom:15px}.player-row{display:grid;grid-template-columns:35px minmax(0,1fr) 33px;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #20322a44;position:relative}.player-row .avatar{border:2px solid;border-radius:5px;background:var(--orange);width:34px;height:38px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;transform:rotate(-5deg)}.player-row.green .avatar{background:var(--green)}.player-row .player-name{font-size:12px;font-weight:900;overflow-wrap:anywhere}.player-row small{display:block;font-size:10px;line-height:1.4}.player-row .score{font-family:var(--display);font-size:28px;font-weight:800;text-align:right}.player-row .ready-mark{position:absolute;left:20px;top:4px;background:var(--paper);border:1px solid;border-radius:50%;width:17px;height:17px;font-size:11px;text-align:center}.rail-legend{font-size:10px;line-height:1.5;margin-top:16px}.action-dock{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);border:var(--line);border-radius:9px;padding:13px 18px;box-shadow:0 5px 0 var(--ink);margin:26px auto 10px;max-width:1340px;min-height:84px;position:sticky;bottom:13px;z-index:5}.action-info strong{display:block;font-size:14px}.action-info small{display:block;font-size:11px;margin-top:4px}.action-dock button.primary{font-size:17px;min-width:190px;min-height:47px}.action-dock .dock-secondary{font-size:11px}.action-buttons{display:flex;align-items:center;gap:10px}.your-team{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;margin-top:8px}.your-team b{background:var(--orange);border:1px solid;padding:3px 7px;border-radius:3px}.your-team.green b{background:var(--green)}
.reveal-heading{text-align:center;font-size:clamp(31px,3.2vw,47px);margin:8px 0 7px}.reveal-sub{text-align:center;font-size:12px;line-height:1.5;margin:0 auto 20px;max-width:680px}.reveal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:16px;max-width:890px;margin:auto;perspective:1200px}.reveal-board{background:var(--paper);border:var(--line);border-radius:8px;padding:14px 12px 12px;box-shadow:3px 5px 0 var(--ink);min-height:152px;text-align:center;position:relative;transform:rotate(var(--tilt,0deg))}.reveal-board .board-name{font-size:11px;font-weight:900;padding-right:5px;overflow-wrap:anywhere}.reveal-board .board-answer{font-family:var(--display);font-size:clamp(25px,2.7vw,38px);font-weight:800;line-height:1.1;min-height:60px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;margin:9px 0 7px}.reveal-board .board-team{font-size:10px;font-weight:900;background:var(--orange);display:inline-block;border:1px solid;padding:3px 7px;border-radius:3px}.reveal-board.green .board-team{background:var(--green)}.point-stamp{position:absolute;right:-9px;bottom:-8px;border:2px solid;background:var(--green);font-family:var(--display);font-size:31px;font-weight:900;padding:0 10px;border-radius:50%;transform:rotate(-13deg);min-width:45px}.reveal-board select{font-size:11px;width:100%;min-height:44px;margin-top:4px}.receipt{font-size:10px;margin-top:7px;font-weight:800}.review-note{background:#fffdf0c4;padding:10px 14px;border-radius:5px;margin:0 auto 17px;font-size:12px;line-height:1.5;max-width:720px}.result-title{display:inline-block;background:var(--green);border:3px solid;padding:9px 18px;transform:rotate(-2deg);font-family:var(--display);font-size:clamp(26px,3.2vw,43px);font-weight:900;margin-bottom:12px;box-shadow:3px 4px 0 var(--ink)}.result-banner{text-align:center;margin:0 auto 20px}.result-banner p{font-size:12px}.reveal-actions{display:flex;justify-content:center;gap:9px;margin:18px 0 0}.reveal-actions button{font-size:11px}.final-layout{max-width:1100px;margin:12px auto}.final-head{text-align:center;margin-bottom:26px}.final-head h1{font-size:clamp(44px,7vw,89px);line-height:.95;transform:rotate(-2deg)}.winner-names{background:var(--green);display:inline-block;border:var(--line);box-shadow:4px 5px 0 var(--ink);padding:10px 28px;margin:18px 0 12px;font-family:var(--display);font-weight:900;font-size:clamp(28px,4vw,51px);border-radius:8px;overflow-wrap:anywhere;max-width:100%}.final-head p{font-size:13px}.podium{display:flex;justify-content:center;align-items:flex-end;gap:18px;max-width:800px;margin:30px auto}.podium-board{width:30%;max-width:230px;background:var(--paper);border:var(--line);border-radius:10px 10px 0 0;box-shadow:4px 5px 0 var(--ink);padding:20px 15px;text-align:center;position:relative;min-height:158px}.podium-board:first-child{background:var(--green);min-height:210px;order:1}.podium-board:nth-child(2){order:0}.podium-board:nth-child(3){order:2}.podium-board .rank{font-size:12px;font-weight:900}.podium-board h2{font-family:inherit;font-size:15px;margin:12px 0;overflow-wrap:anywhere}.podium-board strong{font-family:var(--display);font-size:61px;font-weight:900;line-height:1}.podium-board small{display:block;font-size:10px}.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px}.final-totals{background:#fffdf0b5;padding:18px;border:2px solid;border-radius:7px}.final-totals h2{font-size:27px;margin-bottom:13px}.final-totals .total-row{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;padding:9px 0;border-top:1px solid #20322a55}.final-totals .total-row span{overflow-wrap:anywhere}.final-totals .total-row b{font-size:20px;flex-shrink:0}.final-story{font-size:14px;padding:10px}.final-story h2{font-size:29px;margin-bottom:14px}.final-story p{margin-bottom:10px}.final-story button{font-size:12px}.spark-crown{width:72px;height:52px;margin:-51px auto 0;display:block;fill:var(--paper);stroke:var(--ink);stroke-width:3}
dialog{border:var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:29px 30px;max-width:min(760px,calc(100vw - 28px));max-height:calc(100dvh - 30px);width:720px;box-shadow:10px 12px 0 #14281a66}dialog::backdrop{background:#183333a6}.close-dialog{position:sticky;top:0;float:right;min-width:44px;padding:0;font-size:27px;z-index:2;background:var(--paper);margin:-15px -15px 0 0}dialog h2{font-size:39px;margin:0 40px 20px 0}dialog h3{font-size:25px;margin:22px 0 10px}dialog p,dialog li{font-size:14px;line-height:1.6;margin-bottom:9px}dialog ul,dialog ol{padding-left:22px}.rules-score{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.rules-score div{border:2px solid;padding:13px 8px;text-align:center;border-radius:5px;background:var(--green)}.rules-score div:last-child{background:var(--orange)}.rules-score strong{font-family:var(--display);font-size:34px;display:block}.rules-score span{font-size:11px;font-weight:900}.inspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.inspect-grid img{border:1px solid;border-radius:8px;max-height:70dvh;width:auto}.inspect-grid .question-text{font-size:32px}.inspect-options{font-size:20px;margin-top:20px;font-family:var(--display)}.history-round{border-top:2px solid;padding:14px 0}.history-round h3{margin:0 0 8px}.history-round p{font-size:12px}.history-receipts{display:flex;flex-wrap:wrap;gap:6px}.history-receipts span{border:1px solid;padding:5px 8px;border-radius:3px;font-size:11px}.history-receipts .earned{background:var(--green)}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:12px 20px;background:var(--ink);color:var(--paper);border:2px solid var(--paper);border-radius:7px;box-shadow:3px 5px 0 #20322a55;z-index:100;font-size:13px;font-weight:800;max-width:calc(100vw - 28px);text-align:center}.round-announcement{position:fixed;left:50%;top:34%;transform:translate(-50%,-50%) rotate(-5deg);font-family:var(--display);font-size:clamp(45px,9vw,130px);font-weight:900;background:var(--green);border:4px solid;padding:5px 27px;box-shadow:8px 10px 0 var(--ink);z-index:40;pointer-events:none;white-space:nowrap;animation:round-banner 1.7s both}#effects{position:fixed;inset:0;pointer-events:none;z-index:20}.point-flight{position:fixed;background:var(--green);border:2px solid;border-radius:50%;width:35px;height:35px;text-align:center;font-family:var(--display);font-weight:900;font-size:26px;z-index:22;animation:point-flight .85s cubic-bezier(.45,0,.65,1) both}.paper-bit{position:fixed;width:10px;height:16px;border:1px solid;background:var(--green);animation:paper-bit 1.5s ease-out both}.enter .question-paper{animation:card-deal .55s cubic-bezier(.2,.7,.3,1.15) both}.enter .answer-choice{animation:choice-deal .45s cubic-bezier(.2,.7,.3,1.1) both;animation-delay:calc(var(--i,0)*70ms)}.reveal-animate .reveal-board{animation:board-flip .6s cubic-bezier(.2,.75,.3,1.1) both;animation-delay:calc(var(--i,0)*110ms)}.reveal-animate .point-stamp{animation:stamp .35s both;animation-delay:calc(400ms + var(--i,0)*110ms)}.demo-stage.animate-demo .mini-board{animation:demo-flip .5s both;animation-delay:calc(var(--i,0)*90ms)}.final-animate .podium-board{animation:podium-rise .8s cubic-bezier(.2,.8,.2,1.1) both;animation-delay:calc(var(--i,0)*130ms)}.final-animate .winner-names{animation:stamp .5s both;animation-delay:.35s}.busy{cursor:progress!important}.busy:disabled{opacity:.8}.no-motion *, .no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.no-motion #effects,.no-motion .round-announcement{display:none!important}body:has(dialog[open]) #effects{display:none}body.tab-hidden *{animation-play-state:paused!important}
@keyframes card-deal{from{opacity:0;transform:translate(-75px,-35px) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes choice-deal{from{opacity:0;transform:translateY(30px) rotate(3deg)}to{opacity:1;transform:none}}@keyframes board-flip{0%{transform:rotateY(85deg) rotate(var(--tilt));opacity:0}45%{opacity:1}100%{transform:rotateY(0) rotate(var(--tilt))}}@keyframes demo-flip{0%{transform:rotateY(70deg) rotate(var(--r))}100%{transform:rotateY(0) rotate(var(--r))}}@keyframes stamp{from{opacity:0;scale:1.7;rotate:12deg}to{opacity:1;scale:1}}@keyframes round-banner{0%{opacity:0;translate:-30vw 0;rotate:-10deg}18%,72%{opacity:1;translate:0;rotate:0deg}100%{opacity:0;translate:35vw -6vw;rotate:7deg}}@keyframes point-flight{from{transform:translate(0,0) scale(1)}to{transform:translate(var(--dx),var(--dy)) scale(.6);opacity:.1}}@keyframes paper-bit{from{transform:translate(0,0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--spin));opacity:0}}@keyframes podium-rise{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}
@media(min-width:1550px){main{padding-top:25px}.question-area{margin-top:20px;margin-bottom:40px}.question-paper{min-height:260px}.question-area .question-paper{min-height:260px}.answer-choice{min-height:115px}.entry{min-height:calc(100dvh - 235px)}}
@media(max-width:1050px){main{padding:15px 23px 0}.entry{grid-template-columns:minmax(260px,.9fr) minmax(350px,1fr);gap:35px}.big-logo{font-size:90px}.entry-form{padding:16px}.table-layout{grid-template-columns:minmax(0,1fr) 185px;gap:20px}.players-rail{padding-left:14px}.question-text{font-size:43px}.question-area .question-paper{min-height:210px}.lobby-layout{gap:30px}.seats{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-strip{gap:8px}.mixer input{width:70px}.lobby-preview .question-text{font-size:37px}.room-tools .online-label{display:none}}
@media(max-width:760px){.topbar{padding:10px 13px 7px;gap:8px}.wordmark{font-size:18px;min-width:95px}.wordmark b{font-size:25px}.utilities{gap:5px}.utilities .quiet{font-size:11px;padding:6px 9px}.languages svg{width:24px;height:18px}.languages button{padding:4px;gap:3px;font-size:10px}.square{display:none}.audio-strip{justify-content:space-between;margin:0 13px;flex-wrap:wrap;gap:0;min-height:88px;padding:0 0 3px}.source-label{width:42%;height:42px}.source-label select{width:100%;padding-left:0;min-height:42px}.mixer{height:44px}.mixer:nth-child(2){width:56%;justify-content:flex-end}.mixer:nth-child(3){width:56%;justify-content:flex-end;order:4;margin-left:auto}.mixer input{width:72px}.mixer output{width:28px}.mixer button{min-width:62px}.audio-strip a{order:3;width:42%;font-size:10px;min-height:44px}.audio-strip #audio-status{order:5;font-size:11px;max-width:100%;margin:4px 8px 4px 0}.audio-strip>button{order:6}.audio-strip:not(:has(a:not([hidden]))) .mixer:nth-child(3){margin-left:42%}.credits{font-size:9px;padding:10px 15px;max-width:560px;margin:auto}main{padding:10px 16px 0;min-height:calc(100dvh - 250px)}.entry{display:flex;flex-direction:column;gap:30px;min-height:0;max-width:520px}.entry-left{width:100%;padding:0}.big-logo{font-size:clamp(75px,20vw,100px);margin:14px auto 21px;max-width:330px}.entry-tagline{font-size:17px;margin-bottom:8px}.entry-meta{margin-bottom:18px;font-size:11px}.entry-form{max-width:380px;padding:17px}.entry-right{width:100%;padding:5px 0 25px}.question-paper{padding:23px 20px 26px;min-height:215px}.demo-question{font-size:43px}.demo-choices{gap:12px}.demo-choices button{padding:9px 18px;font-size:23px}.mini-board{width:87px;min-height:90px}.demo-boards{gap:10px}.demo-note{margin-top:5px}.room-head{margin:5px 0 18px;align-items:flex-start;flex-wrap:wrap}.room-label{gap:9px;flex-wrap:wrap}.room-label h1{font-size:32px}.room-code{font-size:13px;padding:6px 9px}.room-tools{gap:6px}.room-tools button{font-size:11px;padding:6px 10px}.lobby-layout{display:flex;flex-direction:column;gap:30px;margin:10px auto;max-width:550px}.lobby-layout>div{width:100%}.lobby-title{font-size:45px;margin-bottom:12px}.lobby-sub{font-size:13px}.lobby-preview{display:none}.seats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.seat{min-height:105px;padding:10px 8px}.seat .initial{float:none;margin:0 0 5px;width:27px;height:27px;font-size:11px}.seat-name{font-size:11px}.seat-kind{font-size:9px}.lobby-settings{gap:10px}.game-head{margin-bottom:7px;flex-wrap:wrap;gap:10px}.round-counter{font-size:18px;gap:6px}.round-counter b{font-size:38px}.round-counter span{font-size:15px}.round-track{max-width:210px;min-width:130px;gap:3px}.round-track i{height:6px}.round-track i.current{height:11px}.table-layout{display:flex;flex-direction:column-reverse;gap:17px}.players-rail{padding:0;border-left:0}.players-rail h2,.rail-legend{display:none}.rail-players{display:flex;gap:12px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.player-row{flex:0 0 125px;grid-template-columns:29px minmax(0,1fr) 25px;gap:6px;padding:7px 0;border-bottom:1px solid #20322a66}.player-row .avatar{width:28px;height:33px;font-size:12px}.player-row .player-name{font-size:10px}.player-row small{font-size:9px}.player-row .score{font-size:25px}.player-row .ready-mark{left:17px;top:0}.question-area{margin:7px auto 24px;padding:0 3px}.question-area .question-paper{min-height:190px;padding:22px 17px 35px}.question-text{font-size:clamp(31px,8.5vw,43px)}.question-type{font-size:10px;margin-bottom:17px;letter-spacing:1px}.choices{gap:12px}.answer-choice{font-size:25px;min-height:98px;padding:22px 8px 12px}.choices[style*="3"]{grid-template-columns:1fr}.choices[style*="3"] .answer-choice{min-height:60px;font-size:26px}.blank-board{padding:13px 15px}.blank-board input{font-size:32px;min-height:70px}.locked-board{padding:17px 16px;gap:15px}.locked-board .answer-ink{font-size:30px}.locked-board .seal{width:49px;height:49px;font-size:26px}.action-dock{gap:12px;padding:12px 13px;margin-top:25px;bottom:8px;align-items:center;min-height:82px}.action-info strong{font-size:12px}.action-info small{font-size:10px}.action-dock button.primary{min-width:116px;font-size:14px;padding:9px 12px}.action-buttons{gap:5px;flex-shrink:0}.action-buttons:has(.dock-secondary){flex-direction:column}.action-dock .dock-secondary{min-height:30px;font-size:10px;padding:2px 5px}.your-team{font-size:9px;gap:5px}.reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.reveal-board{min-height:158px;padding:12px 8px}.reveal-board .board-answer{font-size:29px;min-height:65px}.reveal-heading{font-size:35px;margin-top:0}.reveal-sub{font-size:11px;margin-bottom:15px}.review-note{font-size:11px;padding:10px}.result-title{font-size:33px;padding:8px 12px}.point-stamp{font-size:27px;min-width:39px;padding:1px 8px}.final-head h1{font-size:53px}.winner-names{font-size:34px;padding:9px 17px;margin-top:14px}.podium{gap:10px;margin-top:35px}.podium-board{padding:16px 8px;min-height:145px;width:32%}.podium-board:first-child{min-height:180px}.podium-board h2{font-size:11px}.podium-board strong{font-size:46px}.podium-board .rank{font-size:10px}.spark-crown{width:57px;height:43px;margin-top:-42px}.final-grid{grid-template-columns:1fr;gap:15px;margin-top:25px}.final-totals{padding:13px}.final-story{padding:5px}.inspect-grid{grid-template-columns:1fr}.inspect-grid img{max-height:50dvh;max-width:90%;margin:auto;display:block}.inspect-grid .question-text{font-size:29px}.rules-score{gap:7px}.rules-score span{font-size:10px}dialog{padding:23px 19px}dialog h2{font-size:32px}dialog p,dialog li{font-size:13px}.round-announcement{font-size:55px;padding:6px 16px}.toast{bottom:15px;font-size:12px}.card-inspect{min-height:35px;right:9px;bottom:0}}
@media(max-width:360px){.utilities .quiet{padding:6px 7px;font-size:10px}.wordmark{min-width:80px;font-size:16px}.wordmark b{font-size:22px}.languages button{gap:2px}.languages svg{width:21px}.languages span{display:none}.mixer input{width:60px}.mixer output{display:none}.mixer button{min-width:60px}.big-logo{font-size:79px}.question-text{font-size:31px}.seats{grid-template-columns:repeat(2,minmax(0,1fr))}.action-dock{padding:11px;gap:8px}.action-dock button.primary{min-width:105px;font-size:13px}.round-track{max-width:165px}.demo-boards{gap:7px}.mini-board{width:78px}.mini-board .demo-answer{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#effects,.round-announcement{display:none!important}}