*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--primary-color:#0095ff;--secondary-color:#99d5ff;--background-color:#000;--primary-text:#fff;--lead-aicraft:#a32929;--trail-aicraft:#0095ff;--warning-color:#f73}body,html{padding:0;margin:0 auto;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;max-width:800px;background-color:var(--background-color);color:var(--primary-color)}#page{min-height:100vh;display:flex;justify-content:center;align-items:center}main{background-color:#2b2b2b;border:none;border-radius:10px;padding:1rem;overflow:hidden}a{color:inherit;text-decoration:none}form{margin:1em}input{margin-right:20px}.button{margin:0;padding:0;display:flex;flex:1 1 auto;justify-content:center;align-items:center;color:var(--secondary-color);background-color:#696969;border:1px solid #adadad;font-size:1.5rem}.button:active{background-color:#fff;-webkit-box-shadow:inset 0 0 8px 2px rgba(0,149,255,.45);box-shadow:inset 0 0 8px 2px rgba(0,149,255,.45)}#instructions{font-size:1rem;padding:.5rem;background-color:#0d0d0d;border-radius:10px;min-height:350px;display:flex;flex-flow:row wrap}#instructions>p{align-self:flex-start;font-size:clamp(.9rem,.8182rem + .3636vw,1rem);margin:0;padding:4px 0}hr{height:1px;width:100%}.options{justify-content:space-around;flex-flow:row wrap;flex:1 1 100%;align-self:flex-end}.options,.options label{display:flex;align-items:baseline}.options label{justify-content:center;flex:1 1 25%;color:var(--primary-text)}.options input{margin-left:4px;margin-right:0;width:46px;background-color:var(--background-color);color:var(--primary-text);border:1px solid grey;border-radius:10px;text-align:center;padding:2px 4px}.options input:disabled{color:#999}.options input::-webkit-inner-spin-button,.options input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.options input[type=number]{-moz-appearance:textfield}#start{width:100%;height:2rem;margin:0 auto;align-self:flex-end}#question,#start{text-align:center}#question{position:relative;background-color:#0e0e0e;border:1px solid var(--primary-color);border-radius:10px;-webkit-box-shadow:inset 0 0 8px 2px rgba(0,149,255,.55);box-shadow:inset 0 0 8px 2px rgba(0,149,255,.55);margin:0;min-height:350px;font-size:1.5em}#question p{margin-top:0;font-size:clamp(1rem,.5909rem + 1.8182vw,1.5rem)}#answer{justify-content:space-evenly;margin:1.5em 0;padding:.5rem;border-radius:10px;background-color:#0e0e0e}#answer,#answer div{display:flex;flex:1 1 100%;flex-flow:row wrap}#answer button{display:flex;flex:1 1 50%;justify-content:center;height:2rem;align-items:center}#user-answer{display:flex;float:1 1 100%;flex-flow:row wrap;justify-content:space-evenly;margin-bottom:1rem}#user-answer span{display:flex;flex:1 1 50%;justify-content:space-between;color:var(--primary-text)}#controls{display:flex;flex-flow:row nowrap;justify-content:space-around;padding:0 .5rem}#controls button{flex:1 1 50%;padding:4px 0}#feedback{width:360px;margin:0 auto;padding:0 15px;background:#b3dfff;border:2px solid #fff;border-radius:5px;-webkit-box-shadow:-4px 4px 4px rgba(0,0,0,.25);box-shadow:-4px 4px 4px rgba(0,0,0,.25)}.footer{width:100%;height:1.5rem;border-top:2px solid #000;margin:.5rem;padding:2rem 0 0;flex-flow:row nowrap;align-items:center}.footer,.footer span{display:flex;justify-content:center}.footer img{height:20px;margin-right:4px}h2{font-size:1.25em;margin:1em 2em;width:100%}button#back{border:1px solid #000;border-radius:5px;padding:10px;margin:1em auto;width:50%}.ac-container{display:flex;flex-flow:row wrap;margin:1.5em 1em}#aircraft-list .ac-container{border:1px solid var(--primary-color);border-radius:5px;margin:.5em;background-color:#000f1a;flex:1 1 47%;justify-content:center;-webkit-box-shadow:inset 0 0 8px 2px rgba(0,149,255,.55);box-shadow:inset 0 0 8px 2px rgba(0,149,255,.55)}#aircraft-list>.ac-container{border:none;background-color:#2b2b2b;-webkit-box-shadow:none;box-shadow:none}.box{display:flex;flex-flow:row nowrap;justify-content:space-evenly;padding:20px}ul.ac-list{list-style-type:none;padding-left:0;margin:0;display:flex;flex-flow:column nowrap;flex:1 0 100%;text-align:center}.ac-list li{padding:5px 2px;font-size:1.1rem}.ac-list li:first-of-type{font-size:.8rem;font-weight:700}.color-white{color:#fff}.color-green{color:#67e467}.color-grey{color:#999}.icon-nav-container{margin:0 1rem .5rem 0}.icon-nav,.icon-nav-container{display:flex;justify-content:space-between}.icon-nav{flex-flow:row nowrap;width:75px}.score{margin:0 0 .5rem 1rem}.score-value{font-weight:700}.Toastify__toast-body{flex:1 1 auto;text-align:center}.airportContainer{position:relative;max-width:420px;margin:0 auto}.airport{max-width:100%}.lead{color:var(--lead-aicraft);top:50%}.lead,.trail{position:absolute}.trail{color:var(--trail-aicraft);top:58%}.lead.full,.trail.full{left:10%}.lead.intersection,.trail.intersection{left:20%}.lead.crossing,.trail.crossing{top:80%;left:72%;-webkit-transform:rotate(230deg);transform:rotate(230deg)}.lead.opposite,.trail.opposite{left:80%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.lead:is(.full,.intersection,.opposite).parallel{top:23%}.trail:is(.full,.intersection,.opposite).parallel{top:32%}.legend{display:flex;flex-flow:column wrap;border-radius:5px;position:absolute;top:5%;left:5%;padding:4px;height:44px;justify-content:space-between;align-items:flex-start}.legend .text{color:var(--primary-text);font-size:.75rem;text-align:left}.legend-lead{font-size:.75rem;color:var(--lead-aicraft)}.legend-trail{font-size:.75rem;color:var(--trail-aicraft)}.bug-report-icon{position:absolute;top:5%;right:5%;padding:5px;color:var(--warning-color);font-size:1rem;cursor:pointer;z-index:10}#bug-report{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#000;border-radius:5px;border:5px solid var(--warning-color);-webkit-box-shadow:inset 0 0 8px 2px var(--warning-color);box-shadow:inset 0 0 8px 2px var(--warning-color);position:absolute;z-index:100;color:var(--primary-text)}#bug-report .modal{max-width:clamp(200px,400px,100%);height:clamp(200px,300px,100%);display:flex;flex-flow:row wrap}.modal .close-button{position:absolute;top:5px;right:10px;color:var(--warning-color);cursor:pointer}.modal .row{display:flex;justify-content:center;text-align:center;width:100%;font-size:clamp(1rem,.5909rem + 1.8182vw,1.5rem);flex:1 1 100%;justify-content:space-evenly;grid-gap:1em;gap:1em;margin:0;align-items:center}.modal textarea{width:400px;height:150px}.modal button{font-size:1.2rem;background-color:var(--secondary-color);border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;flex:1 1 25%;justify-content:center;padding:5px}.modal button:hover{background-color:var(--primary-color)}.modal button:disabled{background-color:#d6d6d6}.spinner{color:var(--primary-color);font-size:5rem;position:absolute}@media (max-width:620px){#answer button{font-size:1rem}#instructions,#question{min-height:0}.options label{flex:1 1 100%;margin-bottom:.5rem;justify-content:space-between}}