:root{--purtle-ink:#101820;--purtle-paper:#eef2ed;--purtle-blue:#a8c4c9;--purtle-orange:#ff7547;--purtle-muted:#61747b}.purtle-page{background:var(--purtle-ink);color:var(--purtle-paper)}.purtle-page .page-nav{background:var(--purtle-ink);color:var(--purtle-paper);border-color:#eef2ed44}.purtle-page .page-nav a{color:var(--purtle-paper)}.purtle-page .page-nav a.active,.purtle-page .page-nav a:hover{color:var(--purtle-orange)}.purtle-hero{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:7rem 9vw 5rem;background:var(--purtle-blue);color:var(--purtle-ink)}.purtle-hero h1{margin:0;font:700 clamp(5rem,13vw,12rem)/.8 'Bodoni Moda',serif;letter-spacing:-.08em}.purtle-hero h1 span{color:var(--purtle-orange)}.purtle-hero .lede{max-width:34rem;margin:2rem 0 0;font-size:1.05rem;line-height:1.55}.purtle-hero-mark{display:grid;place-items:center;width:9rem;height:9rem;border:1px solid var(--purtle-ink);border-radius:50%;flex:none}.purtle-hero-mark span{font:700 5rem/.8 'Bodoni Moda',serif}.purtle-hero-mark small{font:500 .65rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.purtle-play{max-width:50rem;margin:0 auto;padding:6rem 1.5rem 7rem}.purtle-play-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.purtle-play h2,.purtle-notes h2{margin:0;font:700 clamp(3rem,7vw,6rem)/.84 'Bodoni Moda',serif;letter-spacing:-.07em}.purtle-play h2 em,.purtle-notes h2 em{color:var(--purtle-orange);font-style:normal}.purtle-length{margin:0 0 .4rem;color:var(--purtle-orange);font:500 .7rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.purtle-board{display:flex;flex-direction:column;gap:.55rem}.purtle-row{display:flex;justify-content:center;gap:.55rem}.purtle-tile{display:grid;place-items:center;width:clamp(2.7rem,9vw,4.2rem);aspect-ratio:1;border:1px solid #eef2ed66;color:var(--purtle-paper);font:700 clamp(1.2rem,4vw,2rem) 'DM Mono',monospace;text-transform:uppercase}.purtle-tile.correct{background:var(--purtle-orange);border-color:var(--purtle-orange);color:var(--purtle-ink)}.purtle-tile.present{background:var(--purtle-blue);border-color:var(--purtle-blue);color:var(--purtle-ink)}.purtle-tile.absent{background:#26343b;border-color:#26343b;color:#9aa8ab}.purtle-entry{margin-top:2.5rem}.purtle-entry label{display:block;margin-bottom:.6rem;font:500 .7rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--purtle-orange)}.purtle-entry>div{display:flex;gap:.7rem}.purtle-entry input{min-width:0;flex:1;border:1px solid #eef2ed88;background:transparent;color:var(--purtle-paper);padding:.85rem 1rem;font:500 1rem 'DM Sans',sans-serif;text-transform:lowercase}.purtle-entry input:focus-visible,.purtle-entry button:focus-visible,.purtle-keyboard button:focus-visible,.purtle-actions button:focus-visible{outline:3px solid var(--purtle-orange);outline-offset:3px}.purtle-entry button,.purtle-actions button{border:1px solid var(--purtle-orange);background:var(--purtle-orange);color:var(--purtle-ink);padding:.85rem 1rem;font:700 .7rem 'DM Mono',monospace;text-transform:uppercase;cursor:pointer}.purtle-entry button:disabled{opacity:.45;cursor:not-allowed}.purtle-entry button b{font-size:1rem}.purtle-entry>p{min-height:1.5rem;margin:1rem 0 0;color:#c4d0d2;font-size:.9rem}.purtle-entry>p[data-kind=error]{color:#ffad94}.purtle-entry>p[data-kind=won]{color:var(--purtle-orange)}.purtle-keyboard{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;max-width:34rem;margin:2.5rem auto 0}.purtle-keyboard button{width:2rem;height:2.7rem;border:0;background:#26343b;color:var(--purtle-paper);font:500 .75rem 'DM Mono',monospace;text-transform:uppercase;cursor:pointer}.purtle-keyboard button.correct{background:var(--purtle-orange);color:var(--purtle-ink)}.purtle-keyboard button.present{background:var(--purtle-blue);color:var(--purtle-ink)}.purtle-keyboard button.absent{background:#131e24;color:#6c7b7e}.purtle-actions{display:flex;justify-content:center;gap:.7rem;margin-top:1.5rem}.purtle-actions button{background:transparent;color:var(--purtle-orange)}.purtle-notes{display:grid;grid-template-columns:minmax(15rem,.75fr) minmax(0,1.25fr);gap:8vw;padding:5rem 9vw;background:var(--purtle-paper);color:var(--purtle-ink)}.purtle-notes p{max-width:36rem;line-height:1.6}.purtle-next{border-top:1px solid #10182055;padding-top:1rem;font:500 .75rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em}.purtle-next strong{color:var(--purtle-orange)}@media(max-width:700px){.purtle-hero{display:block;padding:4rem 1rem 3.5rem}.purtle-hero h1{font-size:clamp(4.6rem,24vw,8rem)}.purtle-hero-mark{width:6rem;height:6rem;margin-top:2rem}.purtle-hero-mark span{font-size:3.5rem}.purtle-play{padding:4rem 1rem 5rem}.purtle-play-head{display:block;margin-bottom:2rem}.purtle-length{margin-top:1.3rem}.purtle-entry>div{display:block}.purtle-entry input,.purtle-entry button{width:100%;box-sizing:border-box}.purtle-entry button{margin-top:.7rem;min-height:48px}.purtle-keyboard{gap:.28rem}.purtle-keyboard button{width:calc((100% - 2.5rem)/10);height:2.6rem}.purtle-notes{grid-template-columns:1fr;gap:2rem;padding:4rem 1rem}}
 .purtle-hint-button{margin-top:.45rem;border:0;border-bottom:1px solid var(--purtle-orange);padding:.3rem 0;background:transparent;color:var(--purtle-orange);font:500 .7rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.purtle-hint-button:disabled{opacity:.65;cursor:default}