crosswords.css

@font-face{font-family:S;src:local('SAX2'),url(SAX2.ttf)}
body{margin:2em}
table{border-collapse:collapse;counter-reset:n l}
td{height:2.5em;width:2.5em;border:1px solid currentcolor;padding:0}
td.b{background:#222}
td.n::before,td.l::before{position:relative;display:block;left:0.25em;height:0;font-size:x-small;z-index:-1}
td.n::before{counter-increment:n;content:counter(n)}
td.l::before{counter-increment:l;content:counter(l,lower-alpha)}
input{width:100%;height:100%;text-align:center;margin:0;padding:0;border:none;font-size:x-large;background:none;cursor:pointer;border-top-left-radius:1.5em;caret-color:transparent;text-transform:uppercase}
input::-moz-selection,input::selection{color:currentcolor;background:none}
input:focus{background:#07f7}
td.b input{cursor:not-allowed}
td.b input:focus{background:#f007}
input,code{font-family:S;white-space:pre}
ol::before{margin-left:-1.5em;font-size:1.5em;font-weight:bold}
ol:first-of-type::before {content: "Across"}
ol:last-of-type::before {content: "Down"}
li.l{list-style:lower-alpha}