*{box-sizing:border-box}body{margin:0;background:#f9f7ef;color:#292c26;font-family:Inter,Arial,sans-serif}header{height:72px;border-bottom:1px solid #d4d4c8;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1150px)/2))}.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:850;letter-spacing:-1.5px}nav{display:flex;gap:14px}button,input{font:inherit}button{cursor:pointer;color:inherit}nav button,#skip,#close{background:transparent;border:0}nav button{font-size:14px;font-weight:650;padding:9px}main{width:min(880px,92%);margin:52px auto}.date,.boardtop span,.card small,.bottom>span,footer,#history small{font:700 11px/1.4 'Courier New',monospace;text-transform:uppercase;letter-spacing:1.2px}.date{display:flex;align-items:center;justify-content:center;gap:10px}.date b{background:#fcd8c8;padding:4px 8px;border-radius:4px}.date i{width:24px;height:1px;background:#7e8174}h1{text-align:center;font:900 clamp(74px,10vw,112px)/.98 Georgia,serif;letter-spacing:-.083em;margin:14px 0 8px}h1 span{color:#ed6941}.tag{text-align:center;color:#5d6055;font:italic 21px Georgia,serif;margin:0 0 33px}section{border:1px solid #c4c6b8;background:#fffdf7;border-radius:17px;box-shadow:0 5px 0 #e2e1d5;overflow:hidden}.boardtop{display:flex;align-items:center;justify-content:space-between;margin:25px 28px 17px}.boardtop strong,label{font-family:Georgia,serif;font-size:23px}.boardtop span{color:#686b5f}#cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 28px 25px}.card{height:139px;background:repeating-linear-gradient(135deg,#e9eadf,#e9eadf 2px,#f1f2e9 2px,#f1f2e9 7px);border:1px solid #d3d5c8;border-radius:10px;position:relative;display:grid;place-items:center}.card small{position:absolute;top:10px;left:12px;color:#737868}.card svg{width:22px;stroke:#8d9382}.card.open{background:#f9c5aa;border-color:#d39d80}.open small{color:#764630}.card.open:nth-child(2n){background:#dce4ca}.card strong{font:bold clamp(15px,2.2vw,27px) Georgia,serif;overflow-wrap:anywhere;text-align:center;padding:8px}.guessarea{border-top:1px solid #dddfd1;padding:22px 28px 16px}label{font-weight:bold;display:block;margin-bottom:10px}.entry{display:flex;gap:10px}.entry input{flex:1;min-width:0;border:1px solid #acafa0;background:#fffefa;border-radius:7px;padding:13px 14px;font-size:17px}.primary{background:#292d26;color:white;border:1px solid #292d26;border-radius:7px;padding:12px 23px;font-weight:bold}.primary span{margin-left:9px;color:#fcad85}.bottom{display:flex;align-items:center;justify-content:space-between;padding:0 28px 20px}.bottom>span,footer{color:#727668}#skip{font-size:13px;font-weight:bold;text-decoration:underline;text-underline-offset:4px;padding:6px 0}#feedback:not(:empty),#history:not(:empty){margin-top:14px}#feedback{color:#8e3920}#end h2,dialog h2{font: bold 32px Georgia,serif;margin:0 0 12px}#end p,dialog p{line-height:1.6}.chip{display:inline-block;margin:3px 4px;padding:5px 9px;border-radius:6px;background:#e7e8dc;font-size:13px}footer{display:flex;justify-content:space-between;border-top:1px solid #cfd1c4;margin-top:35px;padding-top:16px;font-size:10px}dialog{background:#fffdf7;color:inherit;border:1px solid #aeb29e;border-radius:15px;max-width:min(440px,90vw);padding:32px}dialog::backdrop{background:#292c2666}#close{float:right;font-size:26px}button:hover{filter:brightness(.88)}:focus-visible{outline:3px solid #ce5e37;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){header{height:60px}main{margin:34px auto}.tag{font-size:18px;margin-bottom:24px}nav{gap:2px}.boardtop{margin:17px 14px 12px}#cards{gap:5px;margin:0 12px 17px}.card{height:94px}.card small{font-size:9px;top:6px;left:6px}.card strong{padding:2px;font-size:clamp(12px,3.25vw,18px)}.guessarea{padding:17px 14px 12px}.bottom{padding:0 14px 15px}.primary{padding:10px 15px}footer{font-size:8px}.date{font-size:10px}}
