:root{--paper:#efacd0;--ink:#401c50;--accent:#f7ed84}
.wordkin{--body:Trebuchet MS,sans-serif}.wordkin h1,.wordkin h2,.wordkin h3{font-weight:800}.word-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:25px}.word-hero h1{font-size:clamp(100px,14vw,205px);line-height:.88;margin-top:25px}.word-hero h1 span{color:#793761}.word-hero .scene{max-height:590px}.word-start{display:flex;justify-content:space-between;align-items:end;margin-top:35px}.word-start p{font-size:29px;font-weight:700}.wordkin #explore{background:#f7ed84}.word-game{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw}.word-game h2{margin-bottom:30px}.word-game input{background:#fff6be}.word-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 30px}.word-list li{padding:8px 16px;border:2px solid var(--ink);font-size:22px}.wordkin [data-undo]{padding:10px 25px;min-height:48px;background:transparent;border:2px solid var(--ink)}.wordkin #rule{text-align:center;background:#401c50;color:#efacd0}.wordkin #rule h2{margin:30px 0}.wordkin #rule p{margin-inline:auto}.seed-list{margin:40px 0}.seed-list button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;border:0;border-top:2px solid var(--ink);background:transparent;padding:25px 0;text-align:left}.seed-list span{font-size:clamp(40px,6vw,78px);font-weight:800}.seed-list small{font-size:16px}.word-path{font-size:clamp(21px,2.3vw,34px);line-height:1.6}.wordkin #take h2{font-size:clamp(50px,7vw,100px)}.wordkin.auth{background:#401c50;color:#efacd0;--paper:#efacd0;--ink:#401c50}.wordkin.auth header a,.wordkin.auth footer{color:#efacd0}.wordkin.auth .auth-art{background:#efacd0}.wordkin.auth .auth-copy{padding:40px;background:#efacd0;color:#401c50}.wordkin.auth h1{font-weight:800}@media(max-width:899px){.word-hero,.word-game{grid-template-columns:minmax(0,1fr)}.word-hero{position:relative}.word-hero>div:first-child{position:relative;z-index:2}.word-hero [data-motion]{width:75%;align-self:end;margin-left:auto;margin-top:-170px}.word-hero h1{font-size:130px}.word-start{align-items:start;flex-direction:column;gap:25px}.wordkin.auth .auth-copy{padding:25px}}

@media(max-width:899px){.word-hero [data-motion]{width:80%;margin:0 0 0 auto}.word-hero .scene{max-height:310px}.word-hero h1{font-size:clamp(95px,23vw,150px)}}