*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--color-bg: #1e1e1e;--color-fg: #f0f0f0;--color-bg-hover: #333;--color-fg-hover: #ddd;--radius: 0px;font-family:monospace,system-ui;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-fg);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:375px;min-height:100vh;background-color:#1e1e1e;background-image:url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%23333333' fill-opacity='0.4'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}#app{max-width:1280px;margin:0 auto;text-align:center}button{min-width:4rem;padding:1rem;background-color:var(--color-bg);color:var(--color-fg);border-width:1px;border-style:solid;border-color:var(--color-fg);border-radius:var(--radius);outline-style:solid;outline-width:1px;outline-color:transparent;display:grid;place-items:center;cursor:pointer;transition:all .2s ease;margin:1px}button:hover{background-color:var(--color-bg-hover);scale:1.02}button:active{scale:.98}button.disabled{opacity:.5}button.attention{font-weight:600;color:var(--color-bg);background-color:var(--color-fg);border-color:var(--color-bg);outline-style:solid;border-width:2px;outline-width:1px;outline-color:var(--color-fg);margin:0}button.attention:hover{background-color:var(--color-fg-hover)}@media (pointer: coarse){a:hover{all:revert-layer}}input[type=text],input[type=range],input[type=checkbox]{accent-color:var(--color-fg);background:transparent;border:1px solid var(--color-fg);border-radius:var(--radius);padding:1.5rem}input[type=checkbox]{transform:scale(1.5);transform-origin:center}.content{border-radius:var(--radius);width:375px;height:auto;max-width:100%;padding-inline:20px;display:flex;flex-direction:column;position:relative;z-index:10}.content h1{font-size:1.2rem;font-family:serif;text-transform:uppercase;text-align:center;width:100%;line-height:1.2}.torch-container,.configurator{display:flex;flex-direction:column;align-items:center}.torch-wrapper{position:relative;display:flex;flex-direction:column;justify-content:flex-end}.torch-wrapper canvas{position:absolute;display:block;left:0;bottom:0;background-color:transparent;z-index:99}.torch-decoration{border-radius:50%;outline:1px solid var(--color-bg-hover);background-color:var(--color-bg)}.fps{position:fixed;top:0;right:0;font-size:.8rem}.timer,.controls{display:flex;flex-direction:column;gap:.5rem}.timer{padding:1rem}.minutes-left{transition:opacity .3s ease;opacity:1}.minutes-left.hidden{opacity:0;pointer-events:none}.controls-row{display:flex;flex-wrap:wrap;gap:.5rem}.controls .controls-row button{flex:1 1 0}.configurator{gap:2rem}.light-option{display:flex;align-items:center;gap:1rem;cursor:pointer}.settings{display:flex;flex-direction:column;gap:1rem;width:100%}.settings label{display:flex;gap:1.5rem;cursor:pointer;justify-content:space-between}.modal{background-color:var(--color-bg);color:var(--color-fg);padding:1rem;margin:auto;border-radius:var(--radius);min-width:360px;max-width:80%}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}.minutes-control{display:grid;grid-template-areas:". up ." "left number right" ". down .";grid-template-columns:auto auto auto;grid-template-rows:auto auto auto;gap:.5rem;justify-content:center;align-items:center}.minutes-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.minutes-control input{grid-area:number;width:5rem;padding:1rem;text-align:center;border:1px solid var(--color-fg);border-radius:var(--radius);background-color:var(--color-fg);color:var(--color-bg);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.darkness{position:fixed;z-index:-1;width:100%;height:100%;top:0;left:0;opacity:.8;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,0) var(--p),rgba(0,0,0,1))}