:root{--paper:#f7f5ed;--surface:#fffefa;--ink:#20261f;--muted:#65705f;--line:#dcded3;--lime:#d8ef72;--lime-soft:#eff5d8;--coral:#b83d38;--coral-soft:#f8e6e0;--ocean:#205ac5;--ocean-soft:#e5ecfb;--radius:16px;--heading:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}button{border:0;background:none}button,.button,input,select{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #627a20;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);line-height:1.15;font-weight:600}h1{letter-spacing:-2.8px}h2{letter-spacing:-.8px}p{line-height:1.65}.icon{width:20px;height:20px;flex:none;vertical-align:middle;display:inline-block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-60px;left:16px;background:var(--lime);padding:12px;z-index:100}.skip-link:focus{top:12px}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:24px;flex-direction:column;padding:32px}.brand-mark{background:var(--lime);padding:12px;font-size:36px;font-weight:700;border:2px solid var(--ink);border-radius:14px}.site-header{max-width:1440px;margin:auto;height:104px;padding:0 5.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:17px}.brand-tiles{display:flex;gap:3px;transform:rotate(-4deg)}.brand-tiles b{display:grid;place-items:center;width:33px;height:39px;background:var(--lime);border:1.5px solid var(--ink);border-radius:6px;font-family:var(--heading);font-size:25px;box-shadow:0 2px 0 var(--ink)}.brand-tiles b:nth-child(2){background:#f3b2a3;transform:translateY(-3px) rotate(7deg)}.brand-tiles b:nth-child(3){background:#c4d5f3;transform:rotate(5deg)}.brand-name{font-weight:700;font-size:16px;letter-spacing:-.3px}.brand-name>span{display:block;font-weight:400;font-size:10px;color:var(--muted);letter-spacing:0}.site-header nav{display:flex;align-items:center;gap:30px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.header-tag{font-size:10px;font-weight:600;letter-spacing:1.3px;display:flex;align-items:center;gap:12px}.header-tag .icon{width:18px}.profile-button{display:flex;align-items:center;gap:10px;max-width:280px;text-align:left;padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:30px;background:var(--surface)}.profile-button>span:not(.avatar){max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.profile-button>.icon{width:15px}.profile-button .avatar{width:34px;height:34px}.avatar{height:48px;width:48px;border-radius:50%;background:#e5eacd;display:inline-flex;overflow:hidden;align-items:flex-end;justify-content:center;flex:none}.avatar img{width:108%;height:100%;object-fit:contain;object-position:bottom}.avatar-0{background:#ebdfd2}.avatar-1{background:#e9eccd}.avatar-2{background:#e4e7f0}.avatar-3{background:#f5d6cb}.landing{max-width:1440px;margin:auto;padding:70px 5.3% 0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,1fr);column-gap:8%}.eyebrow,.overline{font-size:10px;font-weight:700;letter-spacing:1.6px;line-height:1.5;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#597626;box-shadow:0 0 0 4px #dce8c75c;flex:none}.hero-copy h1{font-size:clamp(52px,5.8vw,83px);margin:24px 0 24px;font-weight:600;line-height:1.06;letter-spacing:-4px}.word-highlight{position:relative;white-space:nowrap}.word-highlight svg{position:absolute;left:0;bottom:-8px;width:100%;height:15px;fill:none;stroke:#9aad48;stroke-width:3;stroke-linecap:round}.hero-description{font-size:16px;color:#626a5b;line-height:1.8}.hero-facts{display:flex;gap:22px;margin-top:24px;font-size:11px;font-weight:500;color:#51594b}.hero-facts>span{display:flex;align-items:center;gap:7px;white-space:nowrap}.hero-facts .icon{width:16px;height:16px}.hero-art{height:225px;position:relative;max-width:480px;margin-top:23px;overflow:hidden}.art-circle{width:280px;height:205px;position:absolute;border-radius:50% 50% 0 0;background:#e6ead5;bottom:0;left:93px}.hero-peep{position:absolute;object-fit:contain;object-position:bottom;height:205px;bottom:-8px;width:165px}.peep-left{left:72px;transform:rotate(-5deg)}.peep-right{left:220px;transform:rotate(7deg);height:218px}.floating-word{position:absolute;display:flex;align-items:center;justify-content:space-between;font-family:var(--heading);font-weight:700;padding:10px 12px;border:1.5px solid var(--ink);border-radius:8px;width:106px;box-shadow:0 3px 0 var(--ink);font-size:20px;z-index:2}.floating-word span{font-size:9px;align-self:flex-start}.word-coral{background:#efad9c;bottom:36px;left:9px;transform:rotate(-13deg)}.word-lime{background:var(--lime);right:23px;top:95px;transform:rotate(12deg)}.art-note{font-family:var(--heading);position:absolute;right:32px;top:12px;font-size:12px;transform:rotate(6deg);line-height:1.35}.art-star{position:absolute;left:24px;top:46px;font-size:52px;line-height:1;transform:rotate(10deg)}.art-line{width:48px;height:30px;border-bottom:2px solid var(--ink);border-right:2px solid var(--ink);position:absolute;right:48px;top:51px;border-radius:0 0 35px 0;transform:rotate(20deg)}.entry-panel{position:relative;background:var(--surface);border:1px solid #d7dacb;border-radius:20px;padding:36px 32px;box-shadow:0 5px 0 #e7e9df;align-self:start;margin-top:4px}.panel-sticker{position:absolute;right:22px;top:-22px;background:var(--lime);border:1px solid #adb975;padding:9px 13px;font-size:9px;font-weight:700;line-height:1.2;transform:rotate(8deg);border-radius:4px;letter-spacing:1px;display:flex;align-items:center;gap:9px}.panel-sticker .icon{width:20px;height:20px;transform:rotate(-35deg)}.entry-heading .overline{color:#6b7650;font-size:9px;letter-spacing:1.7px}.entry-heading h2{font-size:29px;margin:9px 0}.entry-heading p{color:var(--muted);font-size:13px}.entry-panel form{margin-top:26px}label,.avatar-label{display:block;font-size:12px;font-weight:600;margin:0 0 8px}label>span,.avatar-label>span{font-size:10px;font-weight:400;color:var(--muted);margin-left:6px}input,select{width:100%;height:49px;background:#fffefa;border:1px solid #cdd2c4;border-radius:9px;padding:10px 14px;color:var(--ink);font-size:14px;line-height:1.5}input::placeholder{color:#7b8273}input:hover,select:hover{border-color:#879276}input[aria-invalid=true]{border-color:var(--coral)}.avatar-label{margin-top:21px}.avatar-picker{display:flex;gap:10px;flex-wrap:wrap}.avatar-option{padding:0;border:2px solid transparent;border-radius:50%;position:relative;display:inline-flex}.avatar-option .avatar{width:43px;height:43px}.avatar-option.chosen{border-color:#687e30}.avatar-check{position:absolute;right:-3px;bottom:-2px;background:var(--ink);color:white;width:16px;height:16px;border-radius:50%;display:grid;place-items:center}.avatar-check .icon{width:10px;height:10px;filter:invert(1)}.entry-tabs{display:flex;background:#f0f1e9;padding:4px;border-radius:9px;margin:24px 0 20px}.entry-tabs>button{display:flex;align-items:center;justify-content:center;gap:8px;width:50%;padding:9px;font-size:12px;font-weight:600;border-radius:6px;color:#67715e}.entry-tabs .icon{width:15px;height:15px}.entry-tabs>button.active{background:#fffefa;color:var(--ink);box-shadow:0 1px 4px #23321414}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--surface);border:1px solid #cdd2c4;padding:13px 19px;border-radius:9px;font-size:13px;font-weight:600;min-height:46px;text-decoration:none;line-height:1.4}.button:hover:not(:disabled){background:#e9eddf;border-color:#a6b38e;transform:translateY(-1px)}.button.primary{background:var(--lime);border-color:#afc552}.button.primary:hover:not(:disabled){background:#cbe55f}.button.dark{background:var(--ink);border-color:var(--ink);color:white}.button.dark .icon{filter:invert(1)}.button.dark:hover:not(:disabled){background:#394333}.button.full,.full{width:100%}.button.small{padding:10px 13px;min-height:40px;font-size:12px}.form-error{font-size:12px;color:#a32e2e;margin:10px 0;line-height:1.4}.form-error:empty{margin:18px 0 0}.entry-note{font-size:10px;display:flex;justify-content:center;align-items:center;gap:6px;color:var(--muted);margin-top:14px}.entry-note .icon{width:12px;height:12px}.code-input{font-family:var(--heading);letter-spacing:4px;text-transform:uppercase}.how-strip{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:48px;padding:26px 0;gap:22px}.how-strip>div:not(:first-child){display:flex;gap:12px;align-items:center}.how-intro h3{font-size:23px;letter-spacing:-.8px;margin-top:6px}.how-intro .overline{font-size:9px;color:#707a62}.step-number{border:1px solid #cbd2bb;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:10px;font-weight:700;flex:none}.how-strip strong{display:block;font-size:12px;font-weight:600}.how-strip p>span{display:block;color:var(--muted);font-size:10px}.site-footer{max-width:1440px;margin:auto;padding:26px 5.3%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#626c56}.site-footer .text-button{font-size:10px}.site-footer .icon{width:14px;height:14px}.footer-dot{margin:0 10px;color:#a0a78e}.room-main{max-width:1440px;margin:auto;padding:34px 4% 0}.room-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.room-top h1{font-size:34px;letter-spacing:-1.3px;margin-top:7px;overflow-wrap:anywhere}.room-top .eyebrow{font-size:9px;color:#737e60}.room-tools{display:flex;align-items:center;gap:14px}.connection{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}.connection.disconnected .status-dot{background:#b83d38}.invite-button{font-family:var(--heading);letter-spacing:2px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;width:40px;height:40px;flex:none;background:var(--surface)}.icon-button:hover{background:#e8eddb}.icon-button.subtle{width:30px;height:30px;background:none;border:none}.icon-button.subtle .icon{width:14px;height:14px}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px}.section-label{display:flex;justify-content:space-between;margin-bottom:16px;font-size:10px;letter-spacing:1px;font-weight:600;color:var(--muted)}.lobby-teams{display:grid;grid-template-columns:1fr 1fr;gap:20px}.team-panel{border:1px solid #d6cec0;border-radius:14px;overflow:hidden;background:var(--surface);padding:20px}.team-panel.coral{border-top:4px solid var(--coral)}.team-panel.ocean{border-top:4px solid var(--ocean)}.team-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.team-heading>div{display:flex;align-items:center;gap:8px}.team-heading h2{font-size:20px;letter-spacing:-.5px}.coral .team-heading{color:var(--coral)}.ocean .team-heading{color:var(--ocean)}.coral .team-heading .icon,.history-team.coral .icon{filter:invert(29%) sepia(35%) saturate(1822%) hue-rotate(326deg) brightness(88%)}.ocean .team-heading .icon,.history-team.ocean .icon{filter:invert(30%) sepia(98%) saturate(2500%) hue-rotate(211deg)}.team-count{font-size:10px;font-weight:600;background:#f0f0e8;padding:4px 8px;border-radius:15px;color:var(--ink)}.team-motto{font-size:11px;margin-top:10px;color:var(--muted)}.member-list{margin:20px 0}.member-row{display:flex;align-items:center;gap:10px;margin:14px 0;min-width:0}.member-row .avatar{width:38px;height:38px}.member-text{min-width:0;flex:1}.member-text strong{display:block;font-size:12px;overflow-wrap:anywhere}.member-text small{font-size:9px;font-weight:400;color:#6a735e;margin-left:5px}.member-text>span{font-size:10px;color:var(--muted)}.online-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a8ac9f;vertical-align:middle;margin-left:3px}.online-dot.is-online{background:#5e7f29}.empty-team{padding:24px 0;text-align:center;font-size:12px;color:var(--muted);line-height:1.7}.empty-team .icon{display:block;margin:0 auto 12px;width:26px;height:26px;opacity:.65}.seat-actions{display:grid;gap:8px}.selected-seat{background:var(--lime-soft);opacity:1!important;border-color:#b4c583}.seat-actions .button{font-size:11px;min-height:42px}.spectator-panel{margin-top:22px;border:1px dashed #bdc7a7;padding:20px;border-radius:14px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.spectator-panel h3{font-size:15px;display:flex;align-items:center;gap:8px}.spectator-panel p{font-size:11px;color:var(--muted);margin-top:5px}.spectator-list{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.spectator-list:empty{display:none}.spectator-list .member-row{margin:0}.invite-card{background:var(--lime-soft);border:1px solid #d6dfba;border-radius:16px;padding:25px}.invite-card .overline{font-size:9px;color:#6a794c}.invite-card h2{font-size:27px;margin-top:12px}.invite-card p{font-size:10px;color:var(--muted);text-align:center;margin-top:12px}.invite-art{display:flex;padding:22px 0;justify-content:center}.invite-art .avatar{height:66px;width:66px;border:3px solid var(--lime-soft);margin-left:-8px;transform:rotate(-8deg)}.invite-art .avatar:nth-child(2){transform:translateY(-8px) rotate(5deg)}.invite-art .avatar:nth-child(3){transform:rotate(8deg)}.ready-card{padding:24px 8px}.ready-card h3{font-size:16px;display:flex;align-items:center;gap:8px}.ready-card p{font-size:12px;color:var(--muted);margin-top:12px}.ready-checks{display:flex;gap:24px;margin:18px 0;font-size:11px}.ready-checks>span{display:flex;align-items:center;gap:7px}.ready-checks .icon{width:16px;height:16px}.lock-action{margin-top:12px;color:var(--muted);font-size:11px}.lock-action .icon{width:14px;height:14px}.lobby-tip{margin:25px 0 10px;background:#ecefe3;border-radius:9px;padding:14px 18px;display:flex;align-items:center;gap:10px;font-size:11px;color:#555f48}.lobby-tip .text-button{margin-left:auto;font-size:11px;white-space:nowrap}.game-layout{display:grid;grid-template-columns:215px minmax(0,1fr) 205px;gap:22px}.game-sidebar{display:flex;flex-direction:column;gap:16px}.game-sidebar .team-panel{padding:16px}.game-sidebar .team-heading h2{font-size:16px}.game-sidebar .team-motto{display:none}.game-sidebar .member-list{margin:12px 0 0}.game-sidebar .member-row{margin:12px 0 0}.score{font-family:var(--heading);font-weight:700;font-size:25px}.score small{font-family:var(--body);font-size:9px;font-weight:400;display:block;line-height:1}.role-card{padding:16px;background:#ebeede;border-radius:10px}.role-card .overline{font-size:8px;color:var(--muted)}.role-card strong{font-size:12px;display:flex;align-items:center;gap:8px;margin:9px 0}.role-card p{font-size:11px;color:var(--muted)}.turn-banner{display:flex;gap:12px;padding:18px;border-radius:12px;align-items:center;background:var(--lime-soft)}.turn-banner.coral{background:var(--coral-soft)}.turn-banner.ocean{background:var(--ocean-soft)}.turn-symbol{height:36px;width:36px;border-radius:50%;background:#fff8;display:grid;place-items:center;flex:none}.turn-banner .overline{font-size:8px;letter-spacing:1.2px}.turn-banner h2{font-size:17px;line-height:1.3;letter-spacing:-.3px;margin-top:4px;overflow-wrap:anywhere}.turn-banner p{font-size:11px;margin-top:7px}.clue-area{padding:18px 0;min-height:96px;display:flex;align-items:center}.active-clue{display:flex;align-items:center;gap:12px;width:100%}.active-clue>span:first-child{font-size:8px;letter-spacing:1px;color:var(--muted)}.active-clue>strong{font-family:var(--heading);font-size:25px;overflow-wrap:anywhere;min-width:0}.active-clue>b{width:32px;height:32px;display:grid;place-items:center;background:var(--ink);color:white;border-radius:8px;font-family:var(--heading);flex:none}.guess-count{margin-left:auto;font-size:10px;color:var(--muted);white-space:nowrap}.clue-waiting{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.clue-form{display:flex;width:100%;gap:8px;align-items:flex-end}.clue-form>div:first-child{flex:1;min-width:0}.clue-form label{font-size:10px;margin-bottom:4px}.clue-form input,.clue-form select{height:42px;font-size:13px}.clue-form .button{height:42px;min-height:42px;padding:10px 14px}.clue-number{width:74px;flex:none}.word-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.word-card{position:relative;border:1px solid #d5d4c2;border-radius:8px;min-height:85px;background:#efece0;padding:8px 7px;box-shadow:0 3px 0 #dad9cb;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:9px;opacity:1!important;cursor:default}.word-card:not(:disabled){cursor:pointer}.word-card:not(:disabled):hover{transform:translateY(-2px);background:#f8f6ed;border-color:#87935f;box-shadow:0 5px 0 #d6dbc1}.card-coordinate{font-size:7px;color:#737763;align-self:flex-start;letter-spacing:1px}.word-card strong{font-size:clamp(10px,1.05vw,15px);font-family:var(--heading);font-weight:600;line-height:1.2;overflow-wrap:anywhere;max-width:100%}.card-foot{font-size:6px;letter-spacing:1.4px;color:#6c745c;width:100%;display:flex;align-items:center;justify-content:center;gap:3px;line-height:1}.card-foot .icon{height:9px;width:9px}.word-card.card-selected{outline:3px solid #687d2d;outline-offset:0;background:var(--lime-soft);border-color:#687d2d;transform:translateY(-2px)}.word-card.coral{background:#f3c2b9;border-color:#c89488}.word-card.ocean{background:#bacef3;border-color:#92a8d4}.word-card.neutral{background:#dedccb;border-color:#c4c2b2}.word-card.trap{background:#30392e;color:#fff;border-color:#30392e}.word-card.trap .card-coordinate,.word-card.trap .card-foot{color:#e1e8d5}.word-card.trap .icon{filter:invert(1)}.word-card.revealed{box-shadow:none;opacity:.7!important;border-style:dashed}.word-card.revealed strong{text-decoration:line-through;text-decoration-thickness:1px}.word-card.secret-card{border-bottom-width:3px}.board-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:24px;min-height:62px}.selection-status{min-width:0}.selection-status strong,.board-actions>div>strong{display:block;font-size:13px;overflow-wrap:anywhere}.selection-status span,.board-actions>div>span{font-size:10px;color:var(--muted);display:block}.board-action-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}.board-actions .button{font-size:11px;padding:10px 12px;min-height:41px;max-width:200px;overflow-wrap:anywhere}.board-actions>p{font-size:11px;color:var(--muted)}.board-legend{display:flex;align-items:center;gap:12px;font-size:8px;color:var(--muted);border-top:1px solid var(--line);margin-top:13px;padding-top:12px;flex-wrap:wrap}.board-legend>span{display:flex;gap:4px;align-items:center}.board-legend .icon{width:11px;height:11px}.board-legend .text-button{font-size:9px;margin-left:auto}.history-sidebar{border-left:1px solid var(--line);padding-left:20px;display:flex;flex-direction:column}.history-sidebar>h2{font-size:14px;display:flex;align-items:center;gap:7px;letter-spacing:-.3px}.history-sidebar>h2 .icon{width:16px;height:16px}.history-sidebar>.muted{font-size:10px;color:var(--muted);margin-top:7px}.history-list{max-height:580px;overflow:auto}.history-empty{min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;font-size:12px;text-align:center;color:#788169}.history-item{display:flex;gap:9px;padding:15px 0;border-bottom:1px solid var(--line)}.history-team{height:25px;width:25px;border-radius:50%;display:grid;place-items:center;background:#eaeedc;flex:none}.history-team .icon{width:12px;height:12px}.history-item strong{font-size:11px;overflow-wrap:anywhere;display:block}.history-item strong b{font-size:9px;background:#e3e8d4;border-radius:3px;padding:2px 4px;margin-left:4px}.history-item>div>span{font-size:9px;color:var(--muted);display:block;margin-top:3px;overflow-wrap:anywhere}.end-game{font-size:10px;color:#963b34;margin-top:auto;padding-top:25px}.secret-warning,.connection-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:18px;font-size:11px;background:#e6eccc;border:1px solid #bdc999}.connection-banner{background:#fff0dc;border-color:#d6bb91}.game-main+.site-footer{margin-top:24px}.notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 16px;border-radius:12px;box-shadow:0 8px 30px #0002;z-index:80;width:max-content;max-width:calc(100% - 32px);font-size:13px;display:flex;align-items:center;gap:18px}.notice[hidden]{display:none}.notice button{display:grid;place-items:center;min-width:28px;min-height:28px}.notice .icon{filter:invert(1);width:16px;height:16px}dialog{background:var(--surface);color:var(--ink);border:1px solid #c3ccb1;border-radius:20px;width:500px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:28px;box-shadow:0 24px 90px #1f2a2233}dialog::backdrop{background:#1b241f66;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.dialog-heading h2{font-size:25px;letter-spacing:-.8px}.dialog-description{color:var(--muted);font-size:13px;margin-bottom:22px}dialog>p:not(.dialog-description){font-size:12px;color:var(--muted);margin-bottom:22px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.help-steps{padding-left:27px;display:flex;flex-direction:column;gap:17px;margin:20px 0}.help-steps li::marker{font-family:var(--heading);font-weight:600;color:#657b35}.help-steps li{padding-left:6px}.help-steps b{font-size:14px}.help-steps p{font-size:12px;color:var(--muted);margin-top:4px}.help-note{background:var(--lime-soft);padding:12px;border-radius:8px;font-size:11px;display:flex;align-items:center;gap:10px;margin:24px 0}dialog .avatar-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}dialog .avatar-option{justify-self:center}dialog .avatar-option .avatar{width:44px;height:44px}
@media(min-width:1500px){.landing{padding-top:80px}.hero-copy h1{font-size:86px}.hero-art{height:250px}.hero-peep{height:235px}.peep-right{height:243px}.art-circle{height:230px}.entry-panel{padding:42px 36px}}
@media(max-width:1150px){.landing{gap:5%;padding-left:4%;padding-right:4%}.hero-copy h1{font-size:66px}.hero-facts{gap:14px;font-size:10px}.entry-panel{padding:32px 25px}.how-strip{gap:15px}.how-strip strong{font-size:11px}.how-strip p>span{font-size:9px}.game-layout{grid-template-columns:190px minmax(0,1fr);gap:18px}.history-sidebar{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.history-list{display:flex;gap:20px;max-height:180px}.history-item{min-width:160px;border-bottom:0}.history-empty{min-height:80px;text-align:left;flex-direction:row}.end-game{align-self:flex-end;margin-top:0}.word-card strong{font-size:14px}.word-card{min-height:90px}.entry-heading h2{font-size:26px}}
@media(max-width:900px){.site-header{height:88px;padding:0 4%}.header-tag{display:none}.landing{grid-template-columns:1fr 1fr;gap:25px;padding-top:50px}.hero-copy h1{font-size:53px;letter-spacing:-2.7px}.hero-description{font-size:14px}.hero-facts{flex-wrap:wrap;gap:10px 18px}.hero-art{height:225px;margin-top:35px}.peep-left{left:12px;width:145px}.peep-right{left:132px;width:150px}.art-circle{left:22px;width:260px}.word-coral{left:0;bottom:16px;width:90px;font-size:17px}.word-lime{right:0;top:110px;width:84px;font-size:17px}.art-star{left:0;top:35px;font-size:40px}.art-note{right:0}.art-line{right:25px}.entry-panel{padding:29px 20px}.entry-heading h2{font-size:24px}.avatar-picker{gap:6px}.avatar-option .avatar{width:35px;height:35px}.entry-note{font-size:9px}.entry-tabs>button{font-size:11px}.how-strip{grid-template-columns:1fr 1fr;gap:25px;margin-top:10px}.how-strip>div:not(:first-child){align-self:center}.lobby-layout{grid-template-columns:1fr 260px;gap:20px}.lobby-teams{grid-template-columns:1fr}.lobby-aside{padding-top:31px}.team-panel{padding:20px}.seat-actions{grid-template-columns:1fr 1fr}.member-list{display:flex;flex-wrap:wrap;gap:0 18px}.empty-team{padding:14px 0;width:100%}.member-row{min-width:130px}.spectator-list{grid-template-columns:1fr 1fr}.invite-card{padding:23px}.invite-card h2{font-size:24px}.lobby-tip{flex-wrap:wrap}.lobby-tip .text-button{margin-left:30px}.game-sidebar .member-list{display:block}.room-tools .connection{display:none}.game-sidebar .member-row{min-width:0}}
.install-banner{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 6px;padding-top:max(10px,env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 2px 14px #1f2a2214;animation:banner-in .25s ease-out}.install-banner[hidden]{display:none}.install-banner img{width:40px;height:40px;border-radius:10px;box-shadow:0 0 0 1.5px var(--ink);flex:none}.install-close{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%}.install-close .icon{width:16px;height:16px;opacity:.7}.install-text{min-width:0;flex:1;line-height:1.3}.install-text strong{display:block;font-family:var(--heading);font-size:14px;letter-spacing:-.2px}.install-text span{display:block;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.install-cta{flex:none;min-height:34px;padding:7px 16px;border-radius:18px}@keyframes banner-in{from{transform:translateY(-100%)}}@media(prefers-reduced-motion:reduce){.install-banner{animation:none}}.check-row{display:flex;gap:12px;align-items:flex-start;margin:16px 0 0;font-size:13px;font-weight:600;cursor:pointer}.check-row input{width:20px;height:20px;padding:0;margin:2px 0 0;flex:none;accent-color:#687e30}.check-row small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:2px}.public-rooms{grid-column:1/-1;margin-top:48px}.public-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.public-head .overline{color:#6b7650}.public-head .overline .icon{width:14px;height:14px}.public-head h2{font-size:28px;margin-top:6px}.public-head .text-button{white-space:nowrap;flex:none}.public-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.public-empty{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:20px;border:1px dashed #bdc7a7;border-radius:14px;font-size:13px;color:var(--muted)}.public-room{background:var(--surface);border:1px solid #d7dacb;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 0 #e7e9df}.public-room-top{display:flex;gap:12px;align-items:center;min-width:0}.public-room-top .avatar{width:44px;height:44px}.public-room-top>div{min-width:0}.public-room-top strong{display:block;font-family:var(--heading);font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-room-top span{font-size:12px;color:var(--muted)}.public-room-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px}.public-room-meta>span:first-child{display:flex;align-items:center;gap:6px}.public-room-meta .icon{width:15px;height:15px}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;font-family:var(--body);letter-spacing:0;vertical-align:middle}.pill .icon{width:13px;height:13px}.pill.waiting{background:var(--lime-soft);color:#4d6118}.pill.playing{background:var(--coral-soft);color:#8e2f2b}.pill.public{background:var(--lime);border:1px solid #afc552;color:var(--ink)}.host-tools{display:grid;gap:8px;margin-bottom:12px}.host-tools .button{font-size:12px}.host-wait{font-size:11px;color:var(--muted);width:100%;text-align:right}.photocard-frame{display:grid;place-items:center;aspect-ratio:9/16;max-height:58dvh;margin:0 auto;border-radius:16px;overflow:hidden;background:#f0f1e9;border:1px solid var(--line)}.photocard-frame>img{width:100%;height:100%;object-fit:contain;display:block}.photocard-frame>span{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding:24px;text-align:center}.photocard-actions{justify-content:center;flex-wrap:wrap}.photocard-tip{text-align:center;font-size:11px;color:var(--muted);margin-top:12px}.confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:200}.footer-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.install-preview{display:flex;align-items:center;gap:14px;padding:14px;margin-bottom:16px;background:var(--lime-soft);border:1px solid #d6dfba;border-radius:14px}.install-preview img{width:60px;height:60px;border-radius:14px;box-shadow:0 0 0 1.5px var(--ink),0 3px 0 var(--ink);flex:none}.install-preview strong{display:block;font-family:var(--heading);font-size:18px;letter-spacing:-.3px}.install-preview span{font-size:11px;color:var(--muted)}.install-steps{margin:4px 0 8px}.ui-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;margin:0 2px;border:1px solid #cdd2c4;border-radius:7px;background:var(--surface);font-size:12px;font-weight:600;vertical-align:middle;white-space:nowrap}.ui-chip .icon{width:14px;height:14px}.ui-chip:has(> .icon:only-child){padding:2px 4px}
@media(max-width:650px){.public-rooms{margin-top:36px}.public-head h2{font-size:24px}.public-list{grid-template-columns:1fr}.photocard-actions .button{flex:1}.site-header{height:80px;padding:0 20px;gap:12px}.brand{gap:12px}.brand-tiles b{width:27px;height:33px;font-size:21px}.brand-name{font-size:13px}.brand-name>span{font-size:8px}.site-header nav{gap:12px}.site-header nav>.text-button>span{display:none}.profile-button{padding:3px;border:0;background:none}.profile-button>span:not(.avatar),.profile-button>.icon{display:none}.site-header nav>.text-button{min-width:40px;min-height:40px}.landing{display:flex;flex-direction:column;padding:34px 22px 0;gap:0}.hero-copy h1{font-size:60px;line-height:1.05;letter-spacing:-3.2px;margin:20px 0 24px}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero-description{font-size:14px;line-height:1.7}.hero-facts{font-size:10px;gap:20px;margin-top:20px}.hero-art{height:200px;max-width:355px;margin:12px auto 0}.art-circle{height:172px;left:60px;width:235px}.hero-peep{height:185px;left:56px;width:132px}.peep-right{left:184px;height:197px;width:137px}.word-coral{left:0;bottom:25px}.word-lime{right:0;top:90px}.art-note{right:2px;top:0;font-size:10px}.art-star{left:8px;top:34px}.entry-panel{width:100%;margin-top:32px;padding:30px 24px;border-radius:16px}.entry-heading h2{font-size:28px}.entry-heading p{font-size:13px}.avatar-picker{gap:10px;justify-content:space-between}.avatar-option .avatar{width:40px;height:40px}.entry-tabs>button{font-size:12px}input,select{font-size:16px}.entry-note{font-size:10px}.how-strip{margin-top:35px;display:flex;flex-direction:column;gap:24px;padding:27px 0}.how-strip>div:not(:first-child){align-self:stretch}.how-intro h3{font-size:27px}.how-strip strong{font-size:13px}.how-strip p>span{font-size:11px}.site-footer{flex-direction:column;align-items:flex-start;gap:10px;padding:22px;font-size:9px}.footer-actions{gap:4px 18px}.site-footer .text-button{font-size:9px}.room-main{padding:24px 16px 0}.room-top{align-items:flex-start;gap:10px;margin-bottom:24px;flex-wrap:wrap}.room-top h1{font-size:27px}.room-top .eyebrow{font-size:8px}.room-tools{gap:8px}.room-tools .invite-button{font-size:11px;padding:9px}.room-tools .icon-button{width:36px;height:36px}.lobby-layout{display:flex;flex-direction:column;gap:18px}.lobby-teams{grid-template-columns:1fr;gap:16px}.lobby-aside{padding-top:0;display:grid;grid-template-columns:1fr;gap:0}.invite-card{position:relative}.invite-card h2{font-size:25px}.invite-art{position:absolute;right:20px;top:12px}.invite-art .avatar{width:43px;height:43px}.invite-card .button{margin-top:22px}.ready-card{padding:25px 4px}.ready-card .button{width:100%}.spectator-list{grid-template-columns:1fr 1fr}.game-layout{display:flex;flex-direction:column;gap:16px}.game-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:10px;order:0}.game-sidebar .team-panel{padding:12px}.game-sidebar .team-heading h2{font-size:14px}.game-sidebar .team-heading .icon{width:14px;height:14px}.game-sidebar .score{font-size:22px}.game-sidebar .member-row .avatar{width:26px;height:26px}.game-sidebar .member-row{gap:6px}.game-sidebar .member-text strong{font-size:10px}.game-sidebar .member-text>span{font-size:9px}.game-sidebar .member-text small{font-size:8px}.role-card{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:10px 12px}.role-card strong{margin:0;font-size:11px}.role-card .overline{font-size:7px}.role-card p{display:none}.play-surface{order:1;min-width:0}.history-sidebar{order:2;padding-top:20px}.turn-banner{padding:14px}.turn-banner h2{font-size:15px}.word-grid{gap:6px;min-width:330px;padding:3px}.board-scroll{overflow-x:auto;padding:3px 0 8px}.word-card{min-height:76px;padding:6px 3px;gap:8px}.word-card strong{font-size:12px}.card-coordinate{font-size:6px}.card-foot{font-size:5px;letter-spacing:.2px}.card-foot .icon{width:8px;height:8px}.clue-form input,.clue-form select{font-size:16px}.clue-form .button{padding:10px;font-size:12px}.clue-form .button .icon{display:none}.clue-number{width:64px}.board-actions{margin-top:14px;flex-wrap:wrap;gap:12px;min-height:50px}.board-action-buttons{margin-left:auto}.selection-status{width:100%}.board-actions .button{font-size:11px;min-height:44px}.active-clue{gap:10px}.active-clue>strong{font-size:22px}.guess-count{font-size:9px}.active-clue>span:first-child{font-size:7px}.secret-warning{font-size:10px}.notice{font-size:12px;bottom:14px}.dialog-heading h2{font-size:23px}dialog{padding:23px}dialog .avatar-picker{gap:10px}dialog .avatar-option .avatar{width:34px;height:34px}.dialog-actions .button{font-size:12px;padding:12px}.lobby-tip{font-size:10px}.connection-banner{font-size:10px}}
@media(max-width:370px){.hero-copy h1{font-size:51px}.brand-name{display:none}.entry-panel{padding:25px 18px}.avatar-picker{gap:5px}.avatar-option .avatar{width:34px;height:34px}.hero-facts{gap:10px}.hero-art{width:280px}.peep-right{left:155px}.peep-left{left:40px}.art-circle{left:45px;width:220px}.word-lime{right:0}.entry-heading h2{font-size:24px}.seat-actions{grid-template-columns:1fr}.invite-art{display:none}.spectator-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.hero-copy,.entry-panel{animation:arrive .5s ease both}.entry-panel{animation-delay:.08s}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readability and touch refinements from browser verification. */
.avatar-option{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.identity-badge{font-family:var(--heading);background:#e8ecdf;padding:1px 4px;border-radius:4px}
@media(max-width:650px){.word-card strong{font-size:14px}.word-card{min-height:84px}}
@media(max-width:370px){dialog .avatar-picker{grid-template-columns:repeat(4,1fr)}}

/* Draft avatars on word cards */
.card-draft-avatars{position:absolute;bottom:4px;right:4px;display:flex;flex-direction:row-reverse;pointer-events:none}
.card-draft-avatars .draft-avatar{width:20px;height:20px;border:1.5px solid var(--surface);margin-left:-5px;flex:none}
.card-draft-avatars .draft-avatar:last-child{margin-left:0}

/* Practice mode landing CTA */
.practice-cta{margin-top:20px}
.practice-cta .button{gap:8px}