*{box-sizing:border-box}body{margin:0;background:#faf8f1;color:#343b40;font:15px/1.6 'Avenir Next','Trebuchet MS',sans-serif}a{color:inherit;text-decoration:none}header{max-width:1120px;margin:auto;padding:23px 30px;border-bottom:1px solid #deddd4;display:flex;justify-content:space-between;gap:15px}header b{font-size:20px;letter-spacing:-1px}nav{display:flex;gap:20px;font-size:12px}main{max-width:1060px;margin:auto;padding:32px 30px 60px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8f7c68}h1{font:normal clamp(36px,5vw,62px)/1.12 Georgia;letter-spacing:-1.4px;margin:14px 0 20px}h2{font:normal 26px Georgia}p{max-width:820px;color:#71716a}.intro{max-width:590px;margin-bottom:30px}.panel{border:1px solid #cbcfc2;border-radius:13px;overflow:hidden;background:#f0eee5}.panel:fullscreen{display:flex;justify-content:center;flex-direction:column;background:#212a41}.scorebar{display:flex;justify-content:space-between;padding:16px 23px;background:#e8e8df;font-size:13px}canvas{width:100%;height:auto;display:block;touch-action:manipulation;cursor:pointer}.controls{display:flex;flex-wrap:wrap;gap:10px;padding:17px 20px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #c4c5b9;border-radius:7px;background:#fffdf5;color:#384038;padding:10px 16px;font-size:13px}button.primary{background:#4b6551;color:white;border-color:#4b6551}button:disabled{opacity:.4}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #d38957;outline-offset:3px}.status{min-height:32px;margin:0;padding:0 20px 17px;font-size:13px}.guide{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px}.guide p,.guide li{font-size:13px;color:#72716c}.guide a{text-decoration:underline}footer{border-top:1px solid #dddacf;padding:24px 0;margin-top:45px;font-size:11px;color:#8a7d6e}.name-form{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px;padding:25px}.name-form label{display:flex;flex-direction:column;font-size:12px;gap:7px}.name-form input,.name-form select{min-width:0;width:100%;border:1px solid #cccbbf;border-radius:6px;background:#fffcf4;padding:10px}.name-form button{grid-column:1/-1;justify-self:start}.name-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.name-tile{display:flex;border:1px solid #d7d5c9;border-radius:7px;background:#fffdf5;min-width:0}.name-copy{flex:1;min-width:0;padding:17px 9px;border:0;text-align:left;font:normal 21px Georgia;overflow-wrap:anywhere;background:transparent}.save-name{border:0;font-size:23px;color:#94734b;background:transparent;padding:7px}.shortlist-heading{display:flex;justify-content:space-between;align-items:center}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tool-link{display:block;border-top:1px solid #d4d7ca;padding:25px 5px}.tool-link b{font:normal 28px Georgia}.tool-link p{font-size:14px}.tool-link span{font-size:13px;color:#46634a}@media(max-width:600px){header{padding:20px}nav{gap:11px;font-size:10px}main{padding:26px 17px}.intro{margin-bottom:22px}.controls{padding:14px;gap:7px}button{padding:9px 12px}.guide{grid-template-columns:1fr;gap:7px}.name-form{padding:18px;grid-template-columns:1fr 1fr}.name-grid{grid-template-columns:1fr 1fr}.name-copy{font-size:18px;padding:15px 8px}.tool-grid{grid-template-columns:1fr}.scorebar{padding:13px 15px}}