:root{--vt-c-white: #bd8989;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-text: #191a0f}html{--vari1: #546552;--vari2: #e7d7a6;--vari3: #f5d28d;--vari4: #e0cdb1}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}.actions{margin-top:.8rem;display:flex;justify-content:space-between}.return{background-color:#c2b5b5}button.dq:before{content:"🚫";padding-right:.3rem;color:transparent;text-shadow:0 0 0 black}.un-dq{background-color:maroon;color:#ddd}.un-dq:before{content:"🚫";padding-right:.3rem;color:transparent;text-shadow:0 0 0 #ddd}.next{background-color:#145014}a,.green{text-decoration:none;color:#eee6ce;transition:.4s}.action{font-size:120%;padding:.25rem}.action.danger{background-color:#8b0000;color:#eee}@media (hover: hover){a:hover{background-color:#cad3ce33}}#app{padding:0}body{background:#eeeded;max-width:40rem;margin:auto}header{line-height:1.5;max-height:100vh}nav{width:100%;text-align:center}nav.sivuvalikko{font-size:96%;width:100%;text-align:center;background-image:linear-gradient(to bottom,rgba(84,101,82,.7),rgba(84,101,82,1)),url(/sra-ampumakoe-laskuri/assets/metsa-013335ea.jpg);background-repeat:no-repeat;background-size:cover;a {color: var(--vari2);} span.icon {display: inline-block; padding: 0 0 0 .3rem;}}nav.rastit{background-color:var(--vari1)}nav.ampujat{background-color:#ddd;font-size:50%;ul {padding-top: .4rem; padding-bottom: .4rem; width: 100%;} ul li {display: inline-block; background-color: #8f9d8f; border-radius: .8rem; margin-right: .2rem; margin-left: .2rem; padding-left: .6rem;}}nav a{display:inline-block;padding:0 1rem 0 .1rem;border-left:1px solid var(--color-border);font-size:150%}nav a:first-of-type{border:0}.osumalaskuri[data-v-c64b6e39]{white-space:nowrap}button[data-v-c64b6e39]{width:1.9rem;height:1.9rem}button[data-v-c64b6e39]:disabled{color:#999}input.osumat[data-v-c64b6e39]{width:2.5rem;height:2rem;font-size:120%;background:#fff9d6;border:none;text-align:center}input[data-v-c64b6e39]::-webkit-outer-spin-button,input[data-v-c64b6e39]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-c64b6e39]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.nowrap[data-v-b4808061]{white-space:nowrap}div.vaihe[data-v-b4808061]{border-radius:50%;background:#727272;color:#ddd;display:inline-block;font-size:80%;vertical-align:middle;text-align:center;width:1.1rem;height:1.1rem;margin-right:.1rem}td[data-v-b4808061]{background:#eee8d2;text-align:center}.main{margin:0 .2rem}label{padding-right:2rem;padding-left:.5rem}div.rasti-info-tausta{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080}div.rasti-info{position:relative;min-width:300px;width:80%;z-index:9999;margin:0 auto;padding:10px 20px;background-color:#fff}.rastiotsikkopalkki{display:flex;justify-content:space-between;vertical-align:center;align-content:center}.rastiotsikkopalkki .rastiotsikko{color:#222}.rastiotsikkopalkki .tulos{align-content:center;min-width:4rem;padding:.3rem}.rastiotsikkopalkki .tulos.ok{color:var(--vari1)}.rastiotsikkopalkki .tulos.notok{color:#363636}.ohje{font-size:1em;padding:.3rem;border-radius:10px;background:#cadbe7;color:#224;width:85%;position:relative;margin:.5rem auto;font-style:italic;text-align:center;border:1px solid #cadbe7}.ohje:after{content:"";position:absolute;left:0;top:50%;width:0;height:0;border:1.618em solid transparent;border-right-color:#cadbe7;border-left:0;border-top:0;margin-top:-.809em;margin-left:-1.618em}.action.tuloslista:before{content:"☰";font-size:200%}.puhu{display:inline}.ampuja.done{background-color:#8d8d8d;a {color: var(--vari2); font-size: 180%;} :before {content: "✔"; color: transparent; text-shadow: 0 0 0 green; padding-right: .4rem;}}.ampuja.notdone{background-color:var(--vari2);a {color: var(--vari1); display: flex; font-size: 180%;} ::before {content: "👤"; color: transparent; text-shadow: 0 0 0 black; padding-right: .4rem;}}.ampuja.incomplete{background-color:#8a8a8a;a {display: flex; font-size: 180%;} ::before {content: "⚠"; color: transparent; text-shadow: 0 0 0 #d20c0c; padding-right: .4rem;}}.ampuja.dq{background-color:#8a8a8a;color:#666;a {display: flex; font-size: 180%;} ::before {content: "🚫"; color: transparent; text-shadow: 0 0 0 #754444; padding-right: .4rem;}}.ampuja.active{background-color:#fff;box-shadow:2px 2px 3px #777;a {color: #606060; font-weight: bold; display: flex; font-size: 180%;} ::before {content: "🔫"; color: transparent; text-shadow: 0 0 0 black; padding-right: .4rem;}}.ampuja.active.dq{background-color:#fff;box-shadow:2px 2px 3px #777;a {color: #606060; font-weight: bold; display: flex; font-size: 180%;} ::before {content: "🚫"; color: transparent; text-shadow: 0 0 0 darkred; padding-right: .4rem;}}nav{display:flex}nav.rastit{ul {margin: auto; width: 100%; padding: 0;} ul li {display: inline-block; a {width: 3.9rem; padding: .2rem .4rem 0 .9rem;}} ul li.done a {display: flex; float: left; height: 30px; background-color: #777; color: var(--vari2); text-align: center; white-space: nowrap; position: relative; font-size: 95%; text-decoration: none; margin: 0 6px 0 0; font-weight: bold;} ul li.done a:after {content: ""; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid #777; position: absolute; right: -9px; top: 0; z-index: 10;} ul li.todo a {display: flex; float: left; height: 30px; background-color: var(--vari2); text-align: center; white-space: nowrap; position: relative; font-size: 95%; text-decoration: none; margin: 0 6px 0 0; color: var(--vari1); font-weight: bold;} ul li.todo a:after {content: ""; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid var(--vari2); position: absolute; right: -9px; top: 0; z-index: 10;} ul li.active a {display: flex; float: left; height: 30px; background-color: white; text-align: center; white-space: nowrap; position: relative; font-size: 95%; text-decoration: none; margin: 0 6px 0 0; color: var(--vari1); font-weight: bold;} ul li.active a:after {content: ""; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid white; position: absolute; right: -9px; top: 0; z-index: 10;} ul li a:before {content: ""; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid var(--vari1); position: absolute; left: -0px; top: 0; z-index: 5;} ul li:first-child a {width: 3.4rem; border-top-left-radius: 5px; border-bottom-left-radius: 5px;} ul li:first-child a:before {display: none;} ul li:last-child a {padding-right: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} ul li:last-child a:after {display: none;} ul li a:hover {background: rgba(200,200,200,.5); transition: .4s;} ul li a:hover:after {border-left-color: rgba(200,200,200,.5); transition: .4s;}}nav.ampujat{ul {li {display: inline-block; margin: .1rem;}}}span.active{background:white;color:#262626}span.inactive{background:#546552;color:#8f9d8f}table.rasti{border-radius:.3rem;background:var(--vari2);color:#222;width:100%;td {background: rgba(255,255,255,.5); text-align: center;}}th{font-size:140%;background-color:var(--vari2)}th.osumaluokka{width:10%}th.taulu{width:20%;height:60px;vertical-align:bottom;background:url(/sra-ampumakoe-laskuri/assets/logo-a78ed934.svg);background-size:40%;background-repeat:no-repeat;background-position:top;background-color:var(--vari2)}th.taulu.ok{span {color: darkgreen; font-weight: bold;}}th.taulu.notok{span {color: #4d4032; font-weight: normal;}}th.osumat,th.pisteet{width:8%;font-size:100%}th.aika{width:24%}th.aika{padding:.3rem}th.aika.ok{padding:.3rem;background-color:var(--vari2);color:#006400;font-size:140%;transition:1s;span {color: darkgreen;}}input.sekunnit{width:5rem;background:#fff9d6;border:none;text-align:right;font-size:130%;height:1.5rem}.actions{margin-bottom:.4rem}.rasti.dq{background-color:#c7c7c7;tr {background-color: #c7c7c7;} th {background-color: #c7c7c7;} td {background-color: #c7c7c7; input {background-color: #c7c7c7;}}}.rasti-info-painike{margin-top:1rem;text-align:right}body[data-v-78934015]{background-color:red}main[data-v-78934015]{background-image:linear-gradient(to bottom,rgba(233,233,233,.2),rgba(233,233,233,1)),url(/sra-ampumakoe-laskuri/assets/tausta-7bc6ecb8.jpg);background-repeat:no-repeat;padding:9rem 0 0}main[data-v-78934015].muok[data-v-78934015]{padding:0}.sisalto[data-v-78934015]{background-color:#e9e9e9b3;padding:1rem;line-height:1.5}table#tuloslista[data-v-78934015]{border-radius:.3rem;width:100%;tr[data-v-78934015] {height: 3rem; &[data-v-78934015]:nth-child(odd) {background-color: #f5f5f5;} &[data-v-78934015]:nth-child(even) {background-color: #e7e7e7;} td[data-v-78934015] {text-align: center;} th[data-v-78934015] {word-wrap: anywhere; font-size: 105%; background-color: #ececec; border-bottom: 2px solid #145014; color: var(--vari1); font-weight: bold; &.rastipallot[data-v-78934015] {min-width: 6rem;}} &.dq[data-v-78934015] {div.rastipallo[data-v-78934015] {background-color: #ccc; a[data-v-78934015] {color: #333;}}}}}#tulos[data-v-78934015]{font-weight:700}#tulos[data-v-78934015].KESKEN[data-v-78934015]{color:#2f2f2f}#tulos[data-v-78934015].HYVÄKSYTTY[data-v-78934015]{color:#006400}#tulos[data-v-78934015].HYLÄTTY[data-v-78934015]{color:#8b0000}#tulos[data-v-78934015].HYLÄTTY[data-v-78934015] [data-v-78934015]:before{content:"g";background-color:#00f}.rastipallot[data-v-78934015] .rastipallo[data-v-78934015]:first-child{border-bottom-left-radius:40%;border-top-left-radius:40%}.rastipallot[data-v-78934015] .rastipallo[data-v-78934015]:last-child{border-top-right-radius:40%;border-bottom-right-radius:40%}.rastipallo[data-v-78934015]{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;margin:0;font-size:70%}.rastipallo[data-v-78934015].done[data-v-78934015]{background-color:var(--vari1);a[data-v-78934015] {color: rgba(255,255,255,.8); font-weight: bold;}}.rastipallo[data-v-78934015].notdone[data-v-78934015]{background-color:var(--vari2);a[data-v-78934015] {color: var(--vari1); font-weight: bold;}}.rastipallo[data-v-78934015].incomplete[data-v-78934015]{background-color:#dea187;a[data-v-78934015] {color: var(--vari1); font-weight: bold;}}.ampujat[data-v-78934015]{margin:0;padding:.5rem 0;li[data-v-78934015] {display: inline-block; background-color: var(--vari1); color: #f1f1f1; border-radius: .8rem; padding: 0 .6rem 0 .6rem; margin: .1rem; .remove[data-v-78934015] {display: inherit; padding: .2rem 0 .3rem 0; &[data-v-78934015]:hover {color: darkred;}}}}fieldset[data-v-78934015]{margin:.1rem 0 .5rem;display:flex;justify-content:space-between}input[data-v-78934015]:read-only{background-color:#eee}