:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#253f39;background:#f7f3e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input,summary{touch-action:manipulation}button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:13px 19px;background:#23675b;color:white;font-weight:700}button:disabled{opacity:.45;cursor:default}button.secondary{background:#eae9dd;color:#294b42}button:hover:not(:disabled){filter:brightness(.96)}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e49b39;outline-offset:4px}input{font:inherit;min-width:0;padding:12px;border:1px solid #c5cbbd;border-radius:10px;background:#fffdf7;color:#253f39}input:focus{outline:2px solid #327464}header{max-width:1100px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-weight:850;text-decoration:none;font-size:24px}.brand span{font-size:10px;letter-spacing:2px;margin-left:10px}header>a:last-child{font-size:13px}main{max-width:1100px;margin:auto;padding:18px 24px}h1{font-size:clamp(32px,5vw,55px);line-height:1.05;margin:8px 0 20px;letter-spacing:-2px}h1 em{font-family:Georgia,serif;font-weight:400;color:#ac673e}h2{font-size:27px;margin:0}h3{margin:0 0 8px}p{line-height:1.5}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px}.heading{display:flex;align-items:center;gap:30px;justify-content:space-between;padding:18px 0 25px}.heading>div:first-child{max-width:620px}.heading p:last-child{color:#64736a}.tiles{display:flex;gap:4px;align-items:center;transform:rotate(-6deg)}.tiles span{padding:12px 8px;border-bottom:4px solid #d6bf8e;background:#fff9e7;box-shadow:0 4px 12px #48371014;border-radius:5px;font-weight:800;font-size:23px}.tiles span:nth-child(3),.tiles span:nth-child(5){background:#e8b858}.tiles b{margin:0 5px}.rules{border-block:1px solid #d9ddcd;padding:16px 0}.rules summary{cursor:pointer;font-weight:700}.rules p{max-width:800px}.identity{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0}.identity label{display:flex;align-items:center;gap:12px;font-size:14px}.identity input{max-width:190px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:24px 0}.section-heading p{margin:6px 0;color:#64736a}.rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.room-card{background:#fffdf7;border:1px solid #dce0d2;border-radius:18px;padding:23px;display:flex;flex-direction:column;align-items:start;gap:8px}.room-card p{margin:0 0 12px;color:#617468}.room-card button{margin-top:auto}.empty{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed #acbca8;border-radius:18px}.empty strong{display:block;margin-bottom:8px;font-size:22px}#create{display:flex;align-items:end;gap:12px;margin:24px 0}#create label{display:grid;gap:8px;font-size:13px}.players{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.player{border:1px solid #d5ddce;border-radius:14px;padding:15px 8px;text-align:center;background:#fffcf3;overflow-wrap:anywhere}.player strong{display:block;font-size:13px;margin:8px 0}.avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#dce8d5;font-weight:800}.player small{font-size:10px}.player.turn{border:2px solid #31705a;background:#e4eedc}.player.out{opacity:.55}.player.vacant{background:none;border-style:dashed;color:#8a9584}.board{border:1px solid #d9ddcd;background:#fffdf7;border-radius:22px;margin-top:20px;padding:28px}.board>p:first-child{margin:0 0 22px;font-size:20px;font-weight:700}.wordline{display:flex;align-items:center;gap:25px}.wordline small{font-size:10px;letter-spacing:1px;display:block}.wordline strong{display:block;font-size:40px;overflow-wrap:anywhere}#last-word{font-size:clamp(22px,3vw,36px)}#letter{background:#f4d995;min-width:58px;padding:3px 16px;border-radius:7px;text-align:center;text-transform:uppercase}.clock{margin-left:auto;text-align:center}.clock.urgent{color:#b44836}#word-form{margin:25px 0}#word-form label{display:block;font-size:13px;margin-bottom:8px}#word-form>div{display:flex;gap:10px}#word{flex:1;width:100%;font-size:20px}#word:disabled{background:#eeeee5}.actions{display:flex;gap:10px;flex-wrap:wrap}#queue-info{font-size:14px;color:#627669;margin-bottom:0}.room-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 0}.room-bottom section{padding:18px;border-top:1px solid #d3dacb}.room-bottom ol{padding-left:22px;font-size:14px;line-height:1.9}.muted{font-size:13px;color:#6c7b70}#message:empty{display:none}#message{background:#f4e4c6;padding:12px 16px;border-radius:10px}#connection{font-size:12px;color:#64786b;margin:10px 0 0}#advert{margin:28px 0;padding:20px;border:1px solid #d9dece;border-radius:18px;background:#eaf0e4}#advert>div{display:flex;justify-content:space-between;align-items:center;gap:12px}#advert button{font-size:11px;padding:8px;background:transparent}#ad-link{display:flex;align-items:center;gap:20px;text-decoration:none;margin:15px 0}#ad-image{object-fit:cover;border-radius:10px;flex-shrink:0}#ad-text{font-size:14px;margin:5px 0 10px;max-width:650px}#advert>small{font-size:11px;color:#6c7d6b}.ad-cta{font-weight:700;font-size:13px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d9dece;padding:25px 0;margin-top:25px;font-size:12px;color:#68786e}[hidden]{display:none!important}@media(max-width:760px){.heading{display:block}.tiles{margin:28px 0 10px;width:max-content}.rooms{grid-template-columns:1fr 1fr}.players{grid-template-columns:repeat(3,1fr)}.section-heading{align-items:start}.room-bottom{grid-template-columns:1fr;gap:0}.board{padding:20px}.wordline{gap:12px}.wordline strong{font-size:30px}.wordline small{font-size:9px}.brand span{display:none}}@media(max-width:460px){header{padding:18px}.brand{font-size:20px}main{padding:10px 16px}.heading{padding-top:10px}.rooms{grid-template-columns:1fr}.identity{align-items:start;flex-direction:column}.section-heading{flex-direction:column}.section-heading .actions{width:100%}#create{align-items:stretch;flex-direction:column}.wordline{flex-wrap:wrap}.wordline>div:first-child{max-width:48%}#word-form>div{flex-wrap:wrap}#word-form button{width:100%}#ad-image{width:80px;height:80px}#ad-link{gap:12px}footer{flex-direction:column}h1{letter-spacing:-1px}}

.level-badge{display:inline-block;margin-left:12px;padding:6px 12px;background:#dfebd5;border-radius:20px;font-size:13px;font-weight:750}.identity p{margin:8px 0 0}.lobby-tools{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:20px 0 8px}.lobby-tools label{display:grid;gap:8px;font-size:13px}select{font:inherit;color:inherit;background:#fffdf7;border:1px solid #c5cbbd;border-radius:10px;padding:12px}.room-card .level-badge{margin:0}.room-card.full{opacity:.75}@media(max-width:460px){.lobby-tools{align-items:stretch;flex-direction:column}}