.input-field{color:#fff;background-color:#4a5568;border:1px solid #718096;border-radius:.375rem;width:100%;margin-top:.25rem;padding:.5rem .75rem;display:block;box-shadow:0 1px 2px #0000000d}.input-field:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea}.input-field-sm{color:#fff;background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;width:100%;margin-top:.25rem;padding:.375rem .5rem;font-size:.875rem;display:block;box-shadow:0 1px 2px #0000000d}.input-field-sm::placeholder{color:#a0aec0}.btn-primary{color:#fff;background-color:#5a67d8;border-radius:.375rem;padding:.5rem 1rem;font-weight:600}.btn-primary:hover{background-color:#4c51bf}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#e2e8f0;background-color:#4a5568;border-radius:.375rem;padding:.5rem 1rem;font-weight:500}.btn-secondary:hover{background-color:#2d3748}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}:root{--bg-color:#1d293d;--border-color:#555;--green-color:#4caf50;--red-color:#f44336;--orange-color:#ff9800;--font-color:#fff;--seat-width:clamp(16px,3.5vw,45px);--seat-height:clamp(12px,2.2vw,28px);--gap:clamp(2px,.5vw,8px);--font-size:clamp(6px,1.1vw,14px);--border-radius:clamp(2px,.6vw,8px);--padding:clamp(10px,2vw,30px)}body{box-sizing:border-box;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:auto}.scheme-wrapper{background-color:var(--bg-color);box-sizing:border-box;border-radius:15px;width:100%;min-width:600px;max-width:1400px;height:48rem;padding:max(20px,min(4vw,60px));position:relative}.layout-container{grid-template:"top top top""left center right"1fr"bottom bottom bottom"/auto 1fr auto;gap:max(8px,min(1.5vw,24px));min-width:0;height:100%;display:grid}.spot{width:var(--seat-width);height:var(--seat-height);color:var(--font-color);border-radius:var(--border-radius);font-size:var(--font-size);min-width:var(--seat-width);min-height:var(--seat-height);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.green{background-color:var(--green-color)}.red{background-color:var(--red-color)}.orange{background-color:var(--orange-color)}.row{gap:var(--gap);flex-wrap:nowrap;flex-shrink:0;justify-content:center;min-width:0;display:flex}.col{gap:var(--gap);flex-direction:column;flex-shrink:0;display:flex}.top-row-container{grid-area:top;justify-content:center;align-items:center;gap:30px;min-width:0;display:flex}.top-row-block{align-items:center;gap:var(--gap);flex-direction:column;min-width:0;display:flex}.bottom-row-container{grid-area:bottom;justify-content:center;align-items:center;gap:30px;min-width:0;display:flex}.bottom-row-block{align-items:center;gap:var(--gap);flex-direction:column;min-width:0;display:flex}.left-col-container{flex-direction:column;grid-area:left;justify-content:center;align-items:center;gap:20px;display:flex}.left-col-block{justify-content:center;align-items:center;gap:var(--gap);display:flex}.right-col-container{flex-direction:column;grid-area:right;justify-content:center;align-items:center;gap:20px;display:flex}.right-col-block{justify-content:center;align-items:center;gap:var(--gap);display:flex}.center-block{grid-area:center;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.inner-content{justify-content:center;align-items:center;gap:var(--gap);flex-direction:column;width:100%;min-width:0;display:flex}.spacer{height:calc(var(--gap)*3);flex-shrink:0}.corner-light{z-index:10;background:radial-gradient(circle at 30% 30%,#e0e0e0,#444);border-radius:50%;width:max(15px,min(2vw,30px));height:max(15px,min(2vw,30px));position:absolute;box-shadow:0 0 10px #fff3}.tl{top:var(--padding);left:var(--padding)}.tr{top:var(--padding);right:var(--padding)}.bl{bottom:var(--padding);left:var(--padding)}.br{bottom:var(--padding);right:var(--padding)}.dashed-path{border:clamp(1px,.2vw,3px)dashed var(--border-color);border-radius:var(--border-radius);position:absolute;top:5%;bottom:5%;left:2%;right:2%}.arrow-group{z-index:5;display:flex;position:absolute}.arrow{border-style:solid;flex-shrink:0;width:0;height:0}.arrow.up{border-width:0 max(4px,min(.6vw,8px)) max(8px,min(1.2vw,16px));border-color:transparent transparent var(--green-color)transparent}.arrow.down{border-width:max(8px,min(1.2vw,16px)) max(4px,min(.6vw,8px)) 0;border-color:var(--red-color)transparent transparent transparent}.arrow.left{border-width:max(4px,min(.6vw,8px)) max(8px,min(1.2vw,16px)) max(4px,min(.6vw,8px)) 0;border-color:transparent var(--green-color)transparent transparent}.arrow.right{border-width:max(4px,min(.6vw,8px)) 0 max(4px,min(.6vw,8px)) max(8px,min(1.2vw,16px));border-color:transparent transparent transparent var(--red-color)}.ag-top{gap:max(6px,min(1vw,12px));top:max(5px,min(1vw,15px));left:50%;transform:translate(-50%)}.ag-bottom{flex-direction:row-reverse;gap:max(6px,min(1vw,12px));bottom:max(5px,min(1vw,15px));left:52%;transform:translate(-50%)}.ag-left{flex-direction:column;gap:max(8px,min(1.2vw,15px));top:50%;left:max(5px,min(1vw,15px));transform:translateY(-50%)}.ag-right{flex-direction:column-reverse;gap:max(8px,min(1.2vw,15px));top:48%;right:max(5px,min(1vw,15px));transform:translateY(-50%)}@media (max-width:640px){body{padding:.5rem}.scheme-wrapper{min-width:500px}}@media (max-width:520px){.scheme-wrapper{min-width:400px}}html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}