@import "../shared/css/colors.css";@font-face{font-family:"TT2020";src:url("../shared/fonts/TT2020Base-Regular.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"TT2020";src:url("../shared/fonts/TT2020Sups.woff2") format("woff2");unicode-range:U+2070,U+2074-2079;font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Star Trek";src:url("../shared/fonts/star_trek_future.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"TT2020-input";src:url("../shared/fonts/TT2020Input.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}:root{--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:28px;--text-2xl:40px;--cell:clamp(30px,8.5vw,46px)}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,canvas,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,p,li{overflow-wrap:break-word}body{margin:0 auto;padding:20px;max-width:1100px;background:var(--paper);color:var(--blue-950);font-family:"TT2020","Courier New",Courier,monospace;font-size:var(--text-base);line-height:1.5;font-weight:600;display:flex;flex-direction:column;min-height:100vh}main{flex:1}p{font-weight:600;margin-bottom:1.5rem}header{font-weight:600;display:grid;grid-template-columns:1fr auto;row-gap:.25rem}h1{margin:.5rem 0 .75rem;font-size:3.25rem;font-family:"Star Trek",sans-serif;font-weight:400;line-height:1.1}header h1{grid-column:1 / -1;grid-row:2}a{color:var(--blue-950)}footer{margin-top:1.125rem;padding-top:.75rem;border-top:1px solid var(--base-150);color:var(--base-600);font-size:var(--text-xs);line-height:1.6}footer a{color:var(--base-600)}footer a:hover{color:var(--blue-950)}footer p{margin:0}button{font-size:1rem;padding:.4375rem .75rem .375rem .75rem;cursor:pointer;background:var(--paper);border:2px solid var(--blue-950)}button:hover{background:var(--base-50)}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:hover{background:var(--paper)}#stage{margin:1.25rem auto 2rem auto;padding:1.25rem 1rem;border:2px solid var(--blue-950);display:flex;flex-direction:column;gap:1.1rem;max-width:400px}#controls,#transport{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}#controls label,#transport label{display:flex;align-items:center;gap:.4rem}select,input[type="text"]{padding:.3rem .5rem;border:2px solid var(--blue-950);background:var(--paper);height:1.875rem}#tape-input{padding-top:0;padding-bottom:0;width:calc(5ch + 1rem + 4px);line-height:1;font-family:"TT2020-input","Courier New",Courier,monospace}#controls{column-gap:1.5rem}#controls label>span{flex:0 0 7ch;text-align:right}select:focus,input[type="text"]:focus,button:focus-visible{outline:none;box-shadow:0 0 2px 1px color-mix(in srgb,var(--blue-950) 25%,transparent)}input[type="text"].bad{border-color:var(--red-500);background:var(--red-50)}input[type="text"].bad:focus{box-shadow:0 0 2px 1px color-mix(in srgb,var(--red-500) 35%,transparent),0 0 6px 2px color-mix(in srgb,var(--red-500) 16%,transparent)}#input-hint{color:var(--base-600);font-size:var(--text-sm)}section h2{font-size:var(--text-base);font-weight:600;margin-bottom:.35rem}#stage section:first-of-type{margin-top:1rem}section h2 .sub{color:var(--base-600);font-weight:600;font-size:var(--text-sm)}.strip{display:flex;gap:4px}.cell{width:var(--cell);height:var(--cell);flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative;font-size:calc(var(--cell) * .52);line-height:1;background:var(--paper);border:2px solid var(--kind-border,var(--base-300));color:var(--blue-950)}.cell.empty{border-style:dashed;background:transparent}.cell.kind-pad{--kind-border:var(--base-150)}.cell span{position:relative;display:inline-block}.tri{display:inline-block;width:.8em;height:.8em;transform:translateY(.06em)}#pm-state .tri{width:.85em;height:.85em;vertical-align:-.08em}.cell.hat span::after,.cell.tilde span::after{position:absolute;left:50%;transform:translateX(-50%);font-size:1em;line-height:1}.cell.hat span::after{content:"^";top:-0.4375rem}.cell.tilde span::after{content:"~";top:-0.5em}#tape .cell.head{border-color:var(--blue-950);border-width:3px}#tape .cell.head::after{content:"";position:absolute;top:calc(100% + 2px);left:50%;width:12px;height:10px;transform:translateX(-50%);background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 16 C 43 31, 29 56, 14 79 C 37.5 75.5, 62.5 75.5, 86 79 C 71 56, 57 31, 50 16 Z' stroke='%23000' stroke-width='8' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 16 C 43 31, 29 56, 14 79 C 37.5 75.5, 62.5 75.5, 86 79 C 71 56, 57 31, 50 16 Z' stroke='%23000' stroke-width='8' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}#tape{padding-bottom:1rem}#queue{padding-bottom:1rem}#pm-state{margin-top:.25rem;color:var(--base-700);font-size:var(--text-sm);min-height:3em}#skip{padding-left:.55rem;padding-right:.55rem}#skip svg{width:1.2em;height:1.5em;transform:translateY(-1px)}#speed-label input[type="range"]{-webkit-appearance:none;appearance:none;width:140px;height:18px;background:transparent;cursor:pointer;--fill:0%}#speed-label input[type="range"]::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;height:3px;border-radius:2px;background-color:var(--base-150);background-image:linear-gradient(var(--blue-950),var(--blue-950));background-repeat:no-repeat;background-size:var(--fill) 100%}#speed-label input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6.5px;background:var(--blue-950);border:0;border-radius:47% 53% 50% 50% / 55% 45% 55% 45%;box-shadow:0px 0px 1px var(--blue-950)}#speed-label input[type="range"]::-moz-range-track{height:3px;border-radius:2px;background:var(--base-150)}#speed-label input[type="range"]::-moz-range-progress{height:3px;border-radius:2px;background:var(--blue-950)}#speed-label input[type="range"]::-moz-range-thumb{width:16px;height:16px;background:var(--blue-950);border:0;border-radius:47% 53% 50% 50% / 55% 45% 55% 45%}#speed-label input[type="range"]:focus-visible{outline:none}#speed-label input[type="range"]:focus-visible::-webkit-slider-thumb{outline:2px dashed var(--red-500);outline-offset:3px}#speed-label input[type="range"]:focus-visible::-moz-range-thumb{outline:2px dashed var(--red-500);outline-offset:3px}#speed-out{min-width:5.5ch;color:var(--base-700);font-size:var(--text-sm)}#status{min-height:1.5em;display:flex;gap:1rem;flex-wrap:wrap;align-items:baseline}#counters{color:var(--base-600);font-size:var(--text-sm)}#pm-state .result{color:var(--blue-950)}#footnotes ol{font-size:0.875rem}#footnotes h2{text-decoration:underline}main table{border-collapse:collapse;margin:1rem auto}main th{text-align:left;text-decoration:underline}main th,main td{padding:0.1rem 0.75rem}main td:nth-child(n+3),main th:nth-child(n+3){text-align:right}main td{font-size:var(--text-sm)}@media (max-width:640px){body{padding:10px}#stage{padding:.9rem .6rem}:root{--cell:clamp(24px,8.8vw,40px)}main th,main td{padding:0.125rem 0.5rem}}