:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;background-image:url(/bg_pattern_photo.jpg);background-size:contain;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}#title{color:#ffffac;text-shadow:2px 2px 4px #000;margin-top:14px;margin-bottom:18px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:3rem;font-style:italic}#note{color:#ffffac}#controls{background-color:#2a122040;flex-direction:column;align-items:center;padding:10px;display:flex}#controls fieldset,#controls button{color:beige;background-color:#320715;border:2px solid #ffffb6;border-radius:15px;flex-direction:column;width:100%;max-width:15rem;margin:8px;padding:10px;font-family:Georgia;font-size:medium;display:flex;box-shadow:2px 4px 2px #00000080}:is(#controls fieldset,#controls button) .field{flex-direction:row;justify-content:space-between;margin-top:4px;display:flex}:is(#controls fieldset,#controls button) .field:first-child{margin-top:0}:is(#controls fieldset,#controls button) label{padding-right:.5rem}#controls input{color:#461934;text-align:center;background-color:beige;border:none;border-radius:8px;width:5rem;font-weight:700}#controls input::placeholder{opacity:.75;font-style:italic;font-weight:400}#controls button{color:#fff;background-color:#57a8e1;width:fit-content;margin:8px auto 6px;padding:10px;font-family:sans-serif;font-weight:bolder}#main{flex-direction:column;height:100dvh;max-height:100dvh;display:flex}#lower{background-color:#2a0611ca;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}#fringe{z-index:2;pointer-events:none;background-image:url(/fringe_2.png);background-size:contain;height:75px;position:absolute;top:0;left:0;right:0}.words{flex-flow:wrap;justify-content:center;min-height:0;padding:85px 16px 16px;display:flex;overflow-y:auto}.word{color:#341326;background-color:beige;border-radius:8px;width:fit-content;height:fit-content;margin:6px;padding:6px;font-size:18px;font-weight:700;box-shadow:2px 4px 6px #00000080}