*{box-sizing:border-box}:root{--ink:#282d34;--line:#d9d6ce;--paper:#f5f3ed}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 'Avenir Next','Trebuchet MS',sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #638bcc;outline-offset:3px}header{max-width:1340px;margin:auto;padding:24px 36px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:700;letter-spacing:-.9px}.brand span{color:#cb704f}nav{display:flex;gap:22px;font-size:12px}nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}main{max-width:1260px;margin:auto;padding:35px 36px 60px}.eyebrow{font-size:10px;letter-spacing:2px;color:#73716c}h1{font:normal clamp(34px,5vw,61px)/1.1 Georgia,serif;letter-spacing:-1.9px;margin:13px 0}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.intro p{max-width:320px;color:#72716d;font-size:13px}.board{border:1px solid #d0ccc3;background:#fffdf9;border-radius:10px;overflow:hidden;box-shadow:0 15px 40px #342c1806}.title-bar{display:flex;justify-content:space-between;gap:15px;padding:17px 20px;align-items:center;border-bottom:1px solid var(--line)}#title-input{border:0;background:transparent;font:normal 25px Georgia;color:#373738;width:min(100%,570px);min-width:0}button.small,.file-label{border:1px solid #cfccc3;background:#faf8f2;border-radius:6px;color:#343842;font-size:12px;padding:8px 12px;cursor:pointer}.primary{background:#303a49!important;color:white!important;border-color:#303a49!important}.rows{padding:16px}.tier-row{display:flex;min-height:102px;border:1px solid #dcd8d0;margin-bottom:8px;border-radius:6px;overflow:hidden}.tier-label{width:102px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;gap:8px}.tier-label input:not([type=color]){width:100%;border:0;background:transparent;text-align:center;font-weight:700;font-size:22px;color:#303239}.tier-label input[type=color]{width:24px;height:18px;padding:0;border:0;cursor:pointer;opacity:.6;background:transparent}.tier-items{display:flex;flex:1;min-width:0;align-items:flex-start;flex-wrap:wrap;gap:8px;padding:10px;position:relative;padding-right:67px}.tier-items.over,.pool.over{background:#e0e7f2}.place{position:absolute;right:8px;top:10px;font-size:10px;border:1px dashed #bcb7af;border-radius:4px;padding:7px 5px;background:transparent;color:#6c6963}.empty{color:#aaa59a;padding:24px 6px;font:italic 16px Georgia}.tile{width:82px;height:83px;flex-shrink:0;border:1px solid #d5d1c8;border-radius:4px;overflow:hidden;background:#eee9df;position:relative;color:#343942;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:grab}.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tile.chosen{outline:3px solid #5d7ead;outline-offset:1px}.initials{font:normal 28px Georgia;letter-spacing:-2px;opacity:.66;margin-top:-8px}.tile-label{position:absolute;bottom:0;left:0;right:0;min-height:22px;background:#f7f5efed;color:#353a40;font-size:9px;line-height:1.2;padding:4px 3px;text-align:center;overflow-wrap:anywhere}.selection-bar{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:12px 16px;flex-wrap:wrap;background:#f6f4ef}#selection{margin-right:auto;font-size:12px}.pool-heading{margin-top:25px;display:flex;justify-content:space-between;gap:15px;align-items:center}.pool-heading h2{font:normal 24px Georgia}.pool-heading span{color:#8a8278;font-size:13px}.pool{min-height:112px;background:#e9e6de;border:1px dashed #cbc7bc;border-radius:7px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:15px}.add-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.add-tools form{display:flex;gap:6px}.add-tools input[type=text]{border:1px solid #cbc6bc;background:#fffdf8;border-radius:5px;width:200px;padding:8px;font-size:12px}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.file-label:focus-within{outline:3px solid #638bcc}.status{font-size:12px;color:#627084;min-height:35px;margin:12px 0}.guide{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px}.guide h2{font:normal 28px Georgia;margin:10px 0}.guide p,.guide li{font-size:13px;color:#77736e}.guide a{text-decoration:underline}footer{font-size:11px;color:#817d74;margin-top:45px;display:flex;justify-content:space-between;gap:25px}footer a{text-decoration:underline}dialog{max-width:390px;border:1px solid #c7c2b6;border-radius:10px;padding:25px;background:#fdfbf5;color:var(--ink)}dialog::backdrop{background:#272b3780}dialog h2{font:24px Georgia}dialog p{font-size:14px}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px}@media(max-width:700px){header{padding:20px;align-items:center}.brand{font-size:17px}nav{gap:12px;font-size:10px}main{padding:25px 15px 40px}.intro{display:block;margin-bottom:20px}h1{letter-spacing:-1px}.intro p{max-width:none}.title-bar{padding:15px;flex-wrap:wrap}#title-input{font-size:22px}.rows{padding:10px}.tier-label{width:55px;padding:6px}.tier-label input:not([type=color]){font-size:19px}.tier-items{gap:6px;padding:9px 6px 38px}.place{bottom:7px;top:auto;right:7px;padding:3px 7px}.tile{width:64px;height:69px}.initials{font-size:24px}.tile-label{font-size:8px}.tier-row{min-height:111px}.selection-bar{padding:12px 10px}.selection-bar #selection{flex-basis:100%}.pool{gap:8px;padding:11px}.add-tools form{width:100%}.add-tools input[type=text]{flex:1;min-width:0}.guide{grid-template-columns:1fr;gap:12px}footer{display:block}footer span{display:block;margin-top:10px}}