:root{font-family:"MS Sans Serif",Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.4;font-weight:400;color:#000;background-color:teal;font-synthesis:none;text-rendering:auto}*{box-sizing:border-box}a{font-weight:500;color:#00f;text-decoration:underline}a:hover{color:#f0f}a:visited{color:purple}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:teal;background-image:linear-gradient(45deg,#006666 25%,transparent 25%),linear-gradient(-45deg,#006666 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#006666 75%),linear-gradient(-45deg,transparent 75%,#006666 75%);background-size:4px 4px}h1{font-size:1.8em;line-height:1.2;font-weight:700;text-shadow:1px 1px 0 #ffffff}button{border:none;padding:4px 12px;font-size:12px;font-weight:400;font-family:"MS Sans Serif",Tahoma,sans-serif;background-color:silver;cursor:pointer;border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #808080;border-bottom:2px solid #808080;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #404040}button:hover{background-color:#d4d4d4}button:active{border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;box-shadow:inset 1px 1px #404040,inset -1px -1px #dfdfdf;padding:5px 11px 3px 13px}button:focus,button:focus-visible{outline:1px dotted #000000;outline-offset:-4px}::-webkit-scrollbar{width:16px;background-color:silver}::-webkit-scrollbar-thumb{background-color:silver;border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #808080;border-bottom:2px solid #808080}::-webkit-scrollbar-button{background-color:silver;border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #808080;border-bottom:2px solid #808080}.app{max-width:400px;margin:0 auto;text-align:center;background-color:silver;border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #808080;border-bottom:2px solid #808080;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #404040,2px 2px #000}.app h1{margin:0;padding:2px 4px;color:#fff;background:linear-gradient(90deg,navy,#1084d0);font-size:14px;font-weight:700;text-align:left;text-shadow:none;letter-spacing:0}.app>*:not(h1){padding:0 16px}.app>*:last-child{padding-bottom:16px}.click-button{margin-top:20px;padding:8px 24px;font-size:14px;font-weight:700;color:#000;background-color:silver;cursor:pointer;border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #808080;border-bottom:2px solid #808080;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #404040}.click-button:hover:not(:disabled){background-color:#d4d4d4}.click-button:active:not(:disabled){border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;box-shadow:inset 1px 1px #404040,inset -1px -1px #dfdfdf}.click-button:disabled{color:gray;text-shadow:1px 1px 0 #ffffff;cursor:not-allowed}.no-clicks{margin-top:16px;padding:8px;color:#000;font-style:normal;font-size:12px;background-color:#fff;border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;box-shadow:inset 1px 1px #404040,inset -1px -1px #dfdfdf}.click-list{list-style:none;padding:0;margin:16px 0 0;max-height:200px;overflow-y:auto;background-color:#fff;border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;box-shadow:inset 1px 1px #404040,inset -1px -1px #dfdfdf}.click-item{padding:4px 8px;margin:0;background-color:#fff;color:#000;font-size:12px;text-align:left;border-bottom:1px solid #c0c0c0}.click-item:hover{background-color:navy;color:#fff}.click-item:last-child{border-bottom:none}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.click-list:before{content:"CLICK LOG:";display:block;padding:4px 8px;background-color:silver;color:#000;font-weight:700;font-size:11px;text-align:left;border-bottom:1px solid #808080}