@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#2b2730;background:#faf7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}input,select{background:#fff;border:1px solid #ddd4d6;border-radius:10px;min-height:44px;padding:10px 13px;width:100%;color:#29242c}input:focus,select:focus{outline:2px solid #da92a0;outline-offset:1px}h1,h2,h3,h4,p{margin-top:0}h1,h2{font-family:Playfair Display,Georgia,serif}h1{font-size:clamp(32px,4.5vw,60px);line-height:1.14}h2{font-size:26px}h3{font-size:19px}p{line-height:1.6;color:#716973}small,.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:700;color:#a15b71}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee5e7;background:#fff}.brand{display:flex;align-items:center;gap:11px;cursor:pointer;font-family:Playfair Display,serif;font-size:23px;font-weight:700;line-height:1}.brand em{color:#c5778b}.brand small{display:block;font-family:DM Sans,sans-serif;margin-top:5px;font-size:8px;letter-spacing:2.2px}.brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#f5e3e8;color:#b75d73}.topbar nav{display:flex;gap:10px}.nav-link{background:transparent;border:0;padding:10px;color:#8b6a7b}.nav-link:hover{color:#ab4a69}.container{width:min(1240px,calc(100% - 40px));margin:40px auto 100px}.narrow{width:min(520px,calc(100% - 32px));margin:12vh auto}.home{width:min(1240px,calc(100% - 48px));margin:auto}.hero{padding:100px 0 90px;position:relative;background:radial-gradient(ellipse at 84% 45%,#f8e4e8 0,transparent 45%)}.hero h1{font-size:clamp(44px,6.5vw,90px);margin:25px 0}.hero h1 i{color:#be7589;font-weight:500}.hero p{font-size:18px;max-width:550px}.joinline{display:flex;max-width:525px;gap:10px;margin-top:32px}.joinline input{text-transform:uppercase;font-size:17px;letter-spacing:3px}.primary,.secondary,.success,.danger-btn{border:0;border-radius:10px;padding:12px 20px;min-height:44px;font-weight:700;white-space:nowrap}.primary{background:#ae6079;color:#fff}.primary:hover{background:#954b63}.secondary{background:#f4e9ec;color:#965269}.secondary:hover{background:#ecd8de}.success{background:#167d64;color:#fff}.danger-btn{background:#c84858;color:#fff}.wide{width:100%}.small{padding:8px 14px;min-height:36px;font-size:12px}.text-danger{border:0;background:none;color:#bd4457}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 50px}.feature-grid article{background:#fff;border:1px solid #f0e7e9;border-radius:18px;padding:30px}.feature-grid article b{font-size:11px;letter-spacing:1px;color:#c37c90}.feature-grid h3{margin-top:25px}.feature-grid p{margin:0}.panel{background:#fff;border:1px solid #eee3e7;border-radius:18px;padding:28px;margin-bottom:20px;box-shadow:0 4px 20px #39222f08}.panel form:not(.row){display:grid;gap:18px}.panel form.row{display:flex;align-items:center;gap:10px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:#685661}label input{margin-top:2px}.row{display:flex;align-items:center;gap:10px}.row>input{min-width:0}.row.wrap{flex-wrap:wrap}.row label{flex:1;min-width:100px}.row label.check{flex:0 0 auto;display:flex;flex-direction:row;align-items:center}.check input{width:18px;height:18px;min-height:0;margin:0}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.page-heading h1{margin:8px 0}.page-heading p{margin:0}.section-title,.editor-round-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-title h2{margin:0 0 15px}.status{color:#a15b71;background:#f8e9ee;border-radius:99px;padding:7px 12px;font-size:12px}.room-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.room-card{text-align:left;background:#fff;border:1px solid #eee3e7;border-radius:16px;padding:23px;display:grid;gap:10px}.room-card:hover{border-color:#b97a8b}.room-card b{font-size:20px}.room-card small{color:#81727a}.room-card>span:last-child{color:#a15b71}.code{letter-spacing:3px;font-size:12px;color:#a15b71;font-weight:700}.links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.links>div{background:#fbf6f7;border-radius:12px;padding:16px;min-width:0}.links small{display:block}.links code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:10px 0}.links button{border:0;background:none;color:#9a4c64;padding:0}.team-row{display:flex;gap:16px;justify-content:space-between;align-items:center;border-bottom:1px solid #f0e8ec;padding:12px 0}.team-row span{color:#8b7882}.controls{margin-top:18px}.editor-round{background:#faf7f8;padding:22px;border-radius:15px;margin-top:19px}.editor-round-title h3{margin:0 0 15px}.editor-cat{margin:18px 0 0;border-top:1px solid #e5d7de;padding-top:16px}.editor-cat h4{margin-bottom:15px}.question-editor{padding:13px;background:#fff;border:1px solid #eee4e8;border-radius:12px;margin:10px 0}.question-editor .row+.row{margin-top:10px}.question-editor label input[type=file]{border:0;padding:5px}.ok{color:#18866e;font-size:12px}.add-question{padding-top:12px}.add-question>input:first-child{max-width:100px}.log{max-height:300px;overflow:auto;font-size:12px;margin-top:15px}.log div{padding:7px;border-bottom:1px solid #eee}.host-cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px}.host-cols aside{min-width:0}.host-cols select{margin:10px 0 18px}.host-cols .panel .row{margin:14px 0}.gridwrap{width:100%;overflow-x:auto}.board{width:100%;border-spacing:5px;table-layout:fixed}.board th{padding:16px 8px;background:#5c3d56;color:#fff;font-size:14px}.board thead th{background:#ab7187}.board tbody th{min-width:150px}.board td{padding:0;text-align:center;background:#f8e5eb}.board td button{display:block;width:100%;padding:20px 0;color:#8c425d;background:transparent;border:0;font-size:20px;font-weight:800}.board td button:not(:disabled):hover{background:#edd0da}.answering{margin-top:18px;padding:20px;border-radius:12px;background:#f7eaf0}.answering h2{margin:6px 0}.team-view{min-height:calc(100vh - 76px);padding:32px 18px 80px;background:linear-gradient(160deg,#fff5f7,#f4e8ef)}.join-panel{width:min(460px,100%);margin:6vh auto}.team-banner{text-align:center}.team-banner h1{font-size:34px;margin:10px 0}.points{font-size:36px;color:#a8536b;font-weight:800}.points span{font-size:14px;font-weight:500;color:#8d7381}.team-state,.buzzer-zone{text-align:center;margin:10vh auto 0;max-width:500px}.pulse{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:#f7d4de;margin:0 auto 24px;font-size:50px;color:#a34e67}.buzzer-zone h2{margin:18px 0 30px}.buzzer{width:min(65vw,280px);aspect-ratio:1;border-radius:50%;border:14px solid #d48a92;background:radial-gradient(circle at 35% 25%,#ff8990 0,#e23f54 35%,#a81335);box-shadow:0 13px #8e2440,0 20px 35px #7c153750,inset 0 7px 16px #ffffff60;color:#fff;font-size:38px;font-weight:900;text-shadow:0 3px 10px #66001b80;transition:transform .1s}.buzzer:active:not(:disabled){transform:translateY(7px);box-shadow:0 6px #8e2440}.buzzer.disabled{filter:grayscale(1);opacity:.5}.buzzer-zone p{margin-top:30px}.screen-shell{background:#1b1021;color:#fff;min-height:100vh}.tv-view{min-height:100vh;display:flex;flex-direction:column;padding:30px 44px 25px;background:radial-gradient(ellipse at 55% 35%,#472c49 0,#1b1021 75%)}.tv-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tv-brand{font-size:26px;color:#f4b3ca}.tv-brand span{font-family:Playfair Display,serif;color:#fff;font-size:23px;margin-left:10px}.tv-room{font-size:12px;letter-spacing:2px;color:#b99baf}.tv-center{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px}.tv-center h1{font-size:clamp(45px,5.6vw,95px);margin:20px 0;color:#ffebf2}.tv-center p{color:#d5b4c4}.tv-center .eyebrow{color:#f3b0c3}.tv-center h2{color:#f2e0e9}.tv-round{text-align:center;margin:34px 0 25px}.tv-round span{font-size:12px;letter-spacing:3px;color:#f1b2c5}.tv-round h1{margin:10px 0;font-size:44px}.tv-board{flex:1}.tv-board-table{border-spacing:8px}.tv-board-table th{background:#7b4f72;font-size:clamp(14px,1.6vw,25px);padding:20px 13px}.tv-board-table thead th{background:#a76989}.tv-board-table td{background:#603958;color:#ffcadc;font-size:clamp(23px,2.6vw,42px);font-weight:800;padding:25px 8px}.tv-board-table td.used{background:#35223d;color:#664b66}.score-strip{margin-top:auto;padding-top:23px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.score-item{min-width:130px;display:flex;gap:20px;align-items:center;justify-content:space-between;border:1px solid #845b7b;padding:15px;border-radius:9px;background:#ffffff0c}.score-item.active{border-color:#efabc3;background:#a8568033}.score-item span{font-size:15px}.score-item strong{font-size:27px;color:#f3b2c9}.vinyl{height:min(22vw,230px);width:min(22vw,230px);margin:15px auto;border-radius:50%;border:9px solid #6f4f72;display:grid;place-items:center;font-size:80px;background:repeating-radial-gradient(circle,#34253c,#34253c 5px,#49314c 6px,#49314c 11px);box-shadow:0 0 45px #ec84ab30}.vinyl.spinning{animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tv-answer{font-size:clamp(20px,2.7vw,38px);margin:22px 0}.podium{display:flex;gap:30px;min-width:min(650px,90%);justify-content:space-between;border-bottom:1px solid #765771;padding:14px;font-size:24px}.podium span{color:#ecb4ca}.podium strong{color:#ffdbe8}.toast{position:fixed;z-index:200;right:15px;top:85px;max-width:min(500px,calc(100vw - 30px));background:#fff;border:1px solid #d3bbca;padding:14px 18px;border-radius:12px;box-shadow:0 10px 35px #0002}.toast.danger{color:#b4354e}.toast button{margin-left:15px;border:0;background:none;font-size:20px;color:inherit}@media(max-width:800px){.topbar{padding:0 15px}.brand{font-size:18px}.topbar nav{gap:0}.container{width:calc(100% - 22px);margin:20px auto}.page-heading{align-items:flex-start;flex-direction:column}.feature-grid,.links,.host-cols{grid-template-columns:1fr}.hero{padding:70px 0}.panel{padding:18px}.row{flex-wrap:wrap}.row>input{flex:1 1 180px}.team-row{flex-wrap:wrap}.tv-view{padding:15px 12px}.tv-head{flex-wrap:wrap}.tv-room{font-size:9px}.tv-board-table{min-width:600px}.tv-board-table th{padding:9px}.tv-board-table td{padding:18px 4px}.tv-round h1{font-size:30px}.score-item{padding:8px;min-width:110px}.score-item strong{font-size:20px}.joinline{flex-direction:column}.editor-round{padding:12px}.question-editor label{min-width:130px}}.topbar a.nav-link{text-decoration:none}.tv-sound{background:#633b58;color:#ffe5ef;border:1px solid #996b89;border-radius:10px;padding:10px 18px;margin:12px 0 0;align-self:center}.tv-error{color:#ffbbc9;text-align:center;padding:8px}.admin-section-title{justify-content:space-between;align-items:end;gap:14px;margin-bottom:13px}.admin-section-title .editor-name{flex:1 1 300px;min-width:0}.admin-section-title .editor-name label{min-width:170px}.admin-tools{flex:0 1 auto}.admin-tools button{white-space:normal}.admin-qhead{margin-bottom:12px}.admin-qhead strong{color:#a15370;font-size:18px}.spacer-inline{flex:1}.admin-move{margin:12px 0;padding-top:12px;border-top:1px solid #f2e6eb;align-items:end}.admin-move label{flex:1 1 210px;max-width:460px}.admin-move .muted-caption{margin-right:auto}.muted-caption{font-size:12px;color:#97818d;line-height:1.5}.local-error{color:#ac2d44;font-size:13px;margin:8px 0}.file-picker{flex:0 1 220px;min-width:200px}.file-picker input{border:0;padding:5px 0}.value-input{max-width:110px}.audio-preview{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0;background:#fcf3f6;padding:12px;border-radius:12px}.audio-preview audio{max-width:100%;flex:1}.state-used{color:#70616d;background:#ede7ed}.team-admin-row{padding:15px 0;border-top:1px solid #f0e7ec}.team-admin-row form label{flex:1 1 150px}.team-admin-row .team-score{min-width:90px;font-weight:700;text-align:right;color:#92516b}.team-admin-row>.row{margin-top:7px}.one-time-link{background:#fff4e2;border:1px solid #ebce9a;padding:16px;margin:13px 0;border-radius:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.one-time-link input{flex:1 1 270px}.host-top-actions{margin:0 0 22px}.host-sound-controls{margin:15px 0}.host-sound-controls label{flex:1 1 130px;max-width:240px}.host-layout details{margin:15px 0}.host-layout summary{cursor:pointer;color:#985a70;font-weight:700}.tv-pause-label{align-self:center;margin:20px auto;color:#ffe0ec;background:#9d5b7a;border-radius:999px;padding:12px 30px;letter-spacing:2px;font-size:18px;font-weight:700;text-align:center}.tv-revealed-answer{margin:24px auto 12px;max-width:850px;padding:25px 35px;background:#5f375c;border:1px solid #bb7e9b;border-radius:20px}.tv-revealed-answer small{color:#f5bacb}.tv-revealed-answer h2{font-size:clamp(28px,4vw,54px);margin:12px 0;color:#fff}.editor-round{border:1px solid #f0dce5}.editor-cat{padding:20px 0}.question-editor{padding:18px}.question-editor .check{min-width:210px}@media(max-width:700px){.admin-section-title .editor-name{width:100%}.admin-section-title .editor-name label{flex:1}.admin-tools{width:100%;justify-content:flex-start}.admin-qhead .spacer-inline{display:none}.team-admin-row .team-score{text-align:left}.host-top-actions>*{flex:1 1 150px}.tv-revealed-answer{padding:15px}}.quiz-admin-editor .editor-round{min-width:0;overflow-wrap:anywhere}.quiz-admin-editor .editor-cat{margin-top:22px;border-top:1px solid #e5d7de;padding:24px 0 8px;min-width:0}.quiz-admin-editor .admin-round-heading,.quiz-admin-editor .admin-category-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:16px}.quiz-admin-editor .admin-title-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:end;width:100%;min-width:0}.quiz-admin-editor .admin-title-form label,.quiz-admin-editor .admin-add-category label,.quiz-admin-editor .question-fields-grid>label,.quiz-admin-editor .admin-move-controls label{min-width:0;width:100%;max-width:none;margin:0}.quiz-admin-editor .admin-title-form input,.quiz-admin-editor .question-fields-grid input,.quiz-admin-editor .admin-add-category input{width:100%;min-width:0;max-width:none}.quiz-admin-editor .admin-title-form button{min-height:44px;justify-self:end}.quiz-admin-editor .admin-title-form>.ok,.quiz-admin-editor .admin-title-form>.unsaved-message{grid-column:1/-1}.quiz-admin-editor .admin-entity-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.quiz-admin-editor .admin-entity-toolbar .text-danger{min-height:36px;padding:8px 12px}.quiz-admin-editor .admin-category-meta{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:14px;margin:12px 0 22px;padding-bottom:17px;border-bottom:1px solid #eee3e7}.quiz-admin-editor .admin-category-meta>.muted-caption{padding-bottom:12px}.quiz-admin-editor .admin-move-controls{display:grid;grid-template-columns:minmax(180px,320px) auto;align-items:end;gap:10px;max-width:100%}.quiz-admin-editor .admin-move-controls button{min-height:44px}.quiz-admin-editor .admin-add-category{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:8px 0 18px;width:100%}.quiz-admin-editor .admin-add-category button{min-height:44px}.quiz-admin-editor .question-editor{min-width:0;padding:20px;margin:14px 0;border:1px solid #e9dce2;background:#fff;box-shadow:0 2px 8px #39222f08}.quiz-admin-editor .question-editor-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:18px}.quiz-admin-editor .question-editor-identity{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.quiz-admin-editor .question-editor-identity strong{color:#9f536f;font-size:17px}.quiz-admin-editor .question-edit-form{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}.quiz-admin-editor .question-fields-grid{display:grid;grid-template-columns:minmax(110px,135px) minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:end;width:100%;min-width:0}.quiz-admin-editor .question-fields-grid>label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.quiz-admin-editor .question-options{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}.quiz-admin-editor .question-options>.check{display:flex;flex:0 1 auto;flex-direction:row;align-items:center;min-width:0;gap:9px}.quiz-admin-editor .question-options input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;min-height:0;margin:0}.quiz-admin-editor .question-upload-section{display:grid;gap:12px;padding:16px 0;border-top:1px solid #f2e7ec;border-bottom:1px solid #f2e7ec}.quiz-admin-editor .question-upload-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.quiz-admin-editor .question-audio-actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px 14px}.quiz-admin-editor .question-audio-actions>.file-picker{flex:1 1 220px;min-width:0;max-width:330px}.quiz-admin-editor .question-audio-actions input[type=file]{width:100%;min-width:0;height:auto;font-size:12px}.quiz-admin-editor .question-save-footer,.quiz-admin-editor .question-create-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;border-radius:12px;background:#fbf1f4}.quiz-admin-editor .save-feedback{flex:1 1 230px;font-size:13px}.quiz-admin-editor .unsaved-message{font-size:13px;font-weight:600;color:#a45e1e}.quiz-admin-editor .question-save-button{min-width:195px}.quiz-admin-editor .question-move-footer{display:grid;grid-template-columns:minmax(0,340px) auto;gap:12px;align-items:end;justify-content:start;margin-top:15px;padding-top:14px;border-top:1px solid #f2e7ec}.quiz-admin-editor .question-move-footer label{min-width:0;width:100%}.quiz-admin-editor .question-move-footer button{min-height:44px}.quiz-admin-editor .question-create-form{display:grid;gap:16px;padding:20px;margin:24px 0 0;border-radius:14px;border:1px dashed #d9b4c4;background:#fff;min-width:0}.quiz-admin-editor .question-create-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}.quiz-admin-editor .question-create-heading strong{color:#884960;font-size:17px}.quiz-admin-editor .question-create-footer{background:#f7e9ee}@media(max-width:1050px){.quiz-admin-editor .question-fields-grid{grid-template-columns:125px minmax(0,1fr)}.quiz-admin-editor .question-fields-grid>label:last-child{grid-column:1/-1}}@media(max-width:650px){.quiz-admin-editor .admin-title-form,.quiz-admin-editor .admin-add-category,.quiz-admin-editor .question-fields-grid,.quiz-admin-editor .question-move-footer{grid-template-columns:minmax(0,1fr)}.quiz-admin-editor .admin-title-form button,.quiz-admin-editor .admin-add-category button,.quiz-admin-editor .question-move-footer button{justify-self:stretch;width:100%}.quiz-admin-editor .question-fields-grid>label:last-child{grid-column:auto}.quiz-admin-editor .admin-move-controls{grid-template-columns:minmax(0,1fr);width:100%}.quiz-admin-editor .admin-category-meta>.muted-caption{padding:0}.quiz-admin-editor .admin-move-controls button,.quiz-admin-editor .question-save-button,.quiz-admin-editor .question-create-footer .primary{width:100%}.quiz-admin-editor .question-editor,.quiz-admin-editor .question-create-form{padding:14px}.quiz-admin-editor .question-editor-heading .admin-entity-toolbar{width:100%}.quiz-admin-editor .question-save-footer,.quiz-admin-editor .question-create-footer{padding:13px}}
