@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--color-bg:#0a0a0f;--color-surface:#141419;--color-surface-2:#1e1e26;--color-primary:#ffc700;--color-primary-dark:#e6b300;--color-primary-bright:#ffd633;--color-secondary-dark:#2a2a33;--color-secondary-bright:#3d3d4a;--color-text:#f5f5f5;--color-text-muted:#9e9eac;--color-border:#2a2a33;--color-success:#10b981;--color-success-bg:color-mix(in oklab, var(--color-success) 20%, transparent 80%);--color-error:#ef4444;--color-error-bg:color-mix(in oklab, var(--color-error) 20%, transparent 80%);--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--radius:10px;--transition-fast:.15s ease}body{background-color:var(--color-bg);color:var(--color-text);font-family:Inter,sans-serif}html,body{height:100%;overflow:hidden}:root{text-align:center;overflow-x:hidden}#code{color:var(--color-ui-highlight);text-align:center;text-shadow:6px 6px var(--color-ui-outlines);margin:0;font-family:Impact,sans-serif;font-size:15rem;transform:skew(-15deg)}#message{text-align:center;color:var(--color-primary);font-family:Arial,Helvetica,sans-serif;transform:skew(-15deg)}.dotted-bg{pointer-events:none;background:radial-gradient(circle, var(--color-ui-highlight) 1px, transparent 1px);background-size:20px 20px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(to bottom left,#0000 50%,#000 100%);mask-image:linear-gradient(to bottom left,#0000 50%,#000 100%)}.error-content .nav-button{height:3rem;margin:5rem 0}.error-content .nav-button:hover{box-shadow:6px 6px 0 var(--color-primary);transition:transform .2s ease-out;transform:translate(-5px)skew(-15deg)}.error-content button{background-color:var(--color-ui-highlight);color:var(--color-primary-alternative);box-shadow:none;border:none;font-size:1.5rem;font-weight:700;transition:box-shadow .2s ease-out;transform:skew(-15deg)}.error-content{flex:600px;justify-content:center;min-width:250px;padding:1rem;display:flex}.error-content .nav-container{flex-direction:column;flex-grow:1;justify-content:center;max-width:300px;padding-top:10rem;display:flex}.nav-btn-container{width:50%;margin:1rem}.qlayout{min-height:100vh;display:flex;overflow-x:hidden}.qlayout>aside{box-sizing:border-box;flex:100px}.qlayout>#main{flex:600px;justify-content:center;min-width:250px;max-width:100%;display:flex}#main.slim{flex-grow:.1;max-width:1000px}#main.default{flex-grow:1;max-width:1000px}#main.wide{flex-grow:3;max-width:1400px}#main.xwide{flex-grow:20;max-width:1400px}.qbutton{--skew:-10deg;cursor:pointer;transform:skewX(var(--skew));border:none;font-family:inherit;transition:all .15s;display:inline-block}.qbutton-content{justify-content:center;align-items:center;display:flex;transform:skew(10deg)}.qbutton-inner{align-items:center;gap:8px;display:inline-flex}.qbutton-primary{background:var(--color-primary);color:var(--color-bg);box-shadow:4px 4px 0 var(--color-primary-dark)}.qbutton-primary:hover{box-shadow:6px 6px 0 var(--color-primary-bright);transform:scale(1.05)skew(-10deg)}.qbutton-primary:active{box-shadow:2px 2px 0 var(--color-primary-dark);transform:translate(2px,2px)skew(-10deg)}.qbutton-secondary{background:var(--color-surface-2);color:var(--color-text);border:2px solid var(--color-border);box-shadow:4px 4px 0 var(--color-secondary-dark)}.qbutton-secondary:hover{box-shadow:6px 6px 0 var(--color-secondary-bright);transform:scale(1.05)skew(-10deg)}.qbutton-secondary:active{box-shadow:2px 2px 0 var(--color-secondary-bright);transform:translate(2px,2px)skew(-10deg)}.qbutton-ghost{color:var(--color-text);border:2px solid var(--color-border);background:0 0}.qbutton-ghost:hover,.qbutton-ghost:active{background:var(--color-surface-2)}.qbutton-success{background:var(--color-success-bg);color:var(--color-success);border:2px solid var(--color-success)}.qbutton-error{background:var(--color-error-bg);color:var(--color-error);border:2px solid var(--color-error)}.qbutton-sm{height:1rem;font-size:1rem}.qbutton-md{height:2.5rem;font-size:1.2rem}.qbutton-lg{height:3.5rem;font-size:1.5rem}.qbutton-xlg{height:4rem;font-size:1.5rem}.bold{font-weight:700}.geo{z-index:-1;--s:200px;--c1:#181818;--c2:#2f2f2f;--c3:#212121;background:repeating-conic-gradient(from 30deg, #0000 0 120deg, var(--c3) 0 50%) calc(var(--s)/2) calc(var(--s)*tan(30deg)/2), repeating-conic-gradient(from 30deg, var(--c1) 0 60deg, var(--c2) 0 120deg, var(--c3) 0 50%);background-size:var(--s) calc(var(--s)*tan(30deg));width:100vw;height:100vh;position:fixed;top:0;left:0}.vignette{box-shadow:inset 0 0 200px #000000e6}.tile-button{color:var(--color-primary);background-color:#636363;border:4px solid #bcbebf;border-radius:3rem;min-width:20em;max-width:20em;min-height:27em;max-height:25em;padding-top:3rem}.tile-button:hover{transition:transform .2s ease-out;transform:scale(1.01)}.tile-button:active{transform:scale(.95)}.tb-title{color:var(--color-ui-highlight);text-align:center;text-shadow:6px 6px var(--color-ui-outlines);margin:1em;font-family:Impact,sans-serif;font-size:3rem;font-weight:100;transform:skew(-15deg)}.tb-children{transform:scale(1.5)}.mode-select-content{text-align:center;width:30em;display:inline-block}.select-navigator{justify-content:center;gap:5em;margin-bottom:5em;display:flex}.mode-select-header{color:var(--color-ui-highlight);text-shadow:6px 6px var(--color-ui-outlines);margin:0;font-family:Impact,sans-serif;font-size:3rem;font-weight:100}.mode-select-description{background-color:var(--color-primary);color:var(--color-primary-alternative);box-shadow:6px 6px 0 0 var(--color-ui-highlight);padding:1em;font-family:Impact,sans-serif;font-weight:lighter;transform:skew(-15deg)}.header-block{background-color:var(--color-ui-background);border:4px solid var(--color-ui-highlight);color:var(--color-primary);padding-bottom:.1em;margin-top:3em;margin-bottom:5em;padding-inline:3em;display:inline-block;transform:skew(-15deg)}.warning-message{color:var(--color-primary-alternative);background-color:var(--color-primary);padding:1em;font-family:Impact,sans-serif;font-weight:lighter;display:inline-block;transform:skew(-15deg);box-shadow:6px 6px #f33636}.question-editor-container{gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.qe-header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.question-text-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.question-text-container>textarea{background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text)}.answers-container{flex-direction:column;align-items:flex-start;display:flex}.answers-container>p{color:var(--color-text-muted);margin:0 0 var(--space-md) 0}.answers-header{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.answer-list{gap:var(--space-sm);flex-direction:column;display:flex}.indicator{width:1.5rem;height:1.5rem;margin:0 var(--space-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.indicator-correct{color:var(--color-success);border:1px solid var(--color-success);background-color:var(--color-success-bg)}.indicator-incorrect{color:var(--color-border);border:2px solid var(--color-border);background-color:var(--color-surface-2)}.qcard{background:var(--color-surface);border:2px solid var(--color-border);padding:var(--space-lg);border-radius:var(--radius);transition:var(--transition-fast)}.qcard-hover:hover{border:2px solid var(--color-primary)}.qinput-wrapper{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}.qinput-label{color:var(--color-text-muted);font-size:14px}.qinput{box-sizing:border-box;background:var(--color-surface-2);border:2px solid var(--color-border);width:100%;color:var(--color-text);border-radius:var(--radius);transition:all var(--transition-fast);outline:none;padding:12px 16px}.qinput::placeholder{color:var(--color-text-muted)}.qinput:focus{border-color:var(--color-primary);box-shadow:0 0 12px #ffc7004d}.dashboard-container{flex-direction:column;gap:1rem;width:100%;height:95vh;display:flex}.db-header{justify-content:space-between;align-items:center;display:flex}.db-header>div{color:var(--color-text-muted);flex-direction:column;align-items:flex-start;display:flex}.db-header>div>h1{color:var(--color-text);margin:0;font-size:3rem}.db-list{gap:var(--space-md);scrollbar-width:none;flex:1;grid-template-columns:repeat(3,1fr);display:grid;overflow-y:auto}.element-container{align-items:flex-start;gap:var(--space-md);flex-direction:column;display:flex}.element-container>.header{flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-height:2rem;display:flex}.element-container>.header>button{color:var(--color-secondary-bright);background-color:#0000;border:none}.element-container>.header>button:hover{color:var(--color-error)}.question-count{color:var(--color-text-muted);font-size:small}.share-code{box-sizing:border-box;border-radius:var(--radius);border:1px solid var(--color-border);background-color:var(--color-bg);width:100%;padding:var(--space-md) var(--space-sm);justify-content:space-between;align-items:center;display:flex}.share-code>span{color:var(--color-primary);font-weight:700}.share-code>button{background-color:#0000;border:none}.share-code svg{color:var(--color-secondary-bright)}.share-code svg:hover{color:var(--color-primary)}.options{justify-content:space-between;gap:var(--space-sm);width:100%;display:flex}.options>button{flex-grow:1}.seteditor-container{flex-direction:column;width:100%;display:flex}.seteditor-container>.header,.q-section{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.question-list{gap:var(--space-md);scrollbar-width:none;flex-direction:column;height:70vh;display:flex;overflow-y:scroll}.q-container{flex-direction:row;width:100%;display:flex}.index{color:var(--color-primary);margin-right:var(--space-xl);font-size:large;font-weight:700}.q-container>.contents{flex-direction:column;align-items:flex-start;width:100%;display:flex}.answers{margin:var(--space-md) 0;gap:var(--space-sm);grid-template-columns:repeat(2,1fr);width:100%;display:grid}.answer,.answer-correct{border-radius:var(--radius);width:100%;min-height:3rem;color:var(--color-text-muted);border:1px solid var(--color-border);background-color:var(--color-surface-2);justify-content:center;align-items:center;display:flex}.answer-correct{border:1px solid var(--color-success);background-color:var(--color-success-bg);color:var(--color-success)}.options{width:50%;margin:var(--space-md) 0}.quizgame-container{gap:var(--space-lg);flex-direction:column;width:100%;min-height:100%;display:flex}.question-container{flex-direction:column;width:100%;display:flex}.answer-container{margin-top:var(--space-lg);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:3rem;height:30%;display:grid}.progressbar-container{margin:2rem 0}.progressbar{background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius);width:100%;height:.75rem;overflow:hidden}.pb-details{justify-content:space-between;font-size:small;display:flex}.pb-details>span{color:var(--color-text-muted)}.progressbar-fill{background-color:var(--color-primary);height:100%;transition:width .3s}.nav-container{flex-direction:column;gap:1rem;width:95%;height:fit-content;display:flex;position:relative;top:15%}.nav-container>h1{color:var(--color-primary);font-size:3rem}.nav-container-code{flex-direction:column;gap:1rem;max-width:100%;display:flex}.nav-container-buttons{flex-direction:row;justify-content:space-between;gap:1rem;display:flex}.nav-container-buttons>button{flex-grow:1}.login-container{position:relative;top:5%}.login-card-container{z-index:999;background-color:#000000b3;justify-content:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.login-card{width:100%;max-width:400px;padding:var(--space-md);flex-direction:column;height:50%;margin:0 auto;display:flex;position:relative;top:15%}.login-card>form{gap:var(--space-lg);flex-direction:column;flex:1;display:flex}.login-card>form input{width:100%;color:var(--color-text);height:3rem}.login-card-footer{gap:var(--space-md);flex-direction:column;margin-top:auto;display:flex}.auth-switch{color:var(--color-primary);background:0 0;border:none;margin-top:1rem}.auth-switch:hover{color:var(--color-text)}.error{color:var(--color-error);font-size:small}.auth-menu{justify-content:center;width:20rem;min-width:10rem;display:flex}.auth-menu__trigger{background:var(--color-primary);width:fit-content;min-width:50%;height:3rem;color:var(--color-secondary-dark);border:none;border-radius:1.5rem;padding:.5rem;transition:scale .1s ease-in-out}.auth-menu__trigger>h3{margin:0}.auth-menu__trigger:hover{scale:1.05}.auth-popover{width:100%}.ts-wrapper{align-items:center;width:100%;display:flex}.trivia-select-container{width:100%;height:fit-content}.trivia-select-content{text-align:center;margin:auto}.trivia-select-header{text-align:center;color:var(--color-primary);text-shadow:6px 6px var(--color-ui-outlines);font-family:Impact,sans-serif;font-size:3rem;font-weight:100}.trivia-quiz-form{border:none}.trivia-select-input{box-sizing:border-box;border:1px solid #ddd;border-radius:3px;width:100%;margin-bottom:15px;padding:8px;font-size:12px;display:block}.trivia-select-label{text-align:left;color:#555;width:100%;margin-top:8px;margin-bottom:5px;font-size:15px;font-weight:700;display:block}#start{width:20%;margin-top:2.5em}.set-selection-container{scrollbar-width:none;flex-direction:column;gap:.5rem;width:100%;height:100vh;display:flex;overflow-y:scroll}