:root{--paper:#f6f4f0;--ink:#25291f;--muted:#77786d;--line:#e5e2d9;--green:#3b5540;--green-dark:#2c4332;--lime:#e1e8a8;--coral:#dc745d;--cream:#f0ebd8;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,7vw,112px)}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:700;font-size:16px;letter-spacing:-.045em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--green);color:white;font-family:var(--serif);font-size:18px;font-weight:600;letter-spacing:-.08em}.brand-mark span{color:var(--lime)}.topbar-right{display:flex;gap:9px;align-items:center;color:#606156;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.live-dot,.count-pip{display:inline-block;width:6px;height:6px;border-radius:100%;background:#83a66c;box-shadow:0 0 0 3px #83a66c22}.topbar-divider{height:13px;width:1px;background:#d8d5cb;margin:0 8px}.topbar-note{color:#99978d}.page-shell{width:min(1080px,calc(100% - 48px));margin:0 auto}.hero{min-height:378px;padding:76px 0 66px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;border-bottom:1px solid var(--line);position:relative}.eyebrow{display:flex;align-items:center;gap:9px;font:500 9px var(--mono);letter-spacing:.16em;color:#737469}.eyebrow-line{width:19px;height:1px;background:var(--coral)}h1,h2,h3,p{margin-top:0}.hero h1{font:500 clamp(48px,6vw,72px)/.99 var(--serif);letter-spacing:-.055em;margin:25px 0 16px}.hero h1 em,.modal h2 em{font-weight:500;color:var(--coral)}.hero-description{max-width:390px;color:#77786e;font-size:14px;line-height:1.75;margin-bottom:19px}.hero-footnote{display:flex;align-items:center;gap:8px;font-size:10px;color:#8c8b80}.sparkle{color:var(--coral);font-size:14px}.hero-art{height:236px;position:relative;overflow:hidden;border-radius:3px;background:#e7e7d7;isolation:isolate}.art-sun{position:absolute;width:174px;height:174px;background:#e9a38d;border-radius:50%;right:67px;top:19px;opacity:.95}.art-orbit{position:absolute;width:250px;height:110px;border:1px solid #65735f78;border-radius:50%;right:29px;top:49px;transform:rotate(-29deg)}.art-orbit-two{width:295px;height:147px;right:6px;top:31px;transform:rotate(27deg);border-color:#65735f38}.art-number{position:absolute;z-index:1;font:600 48px var(--serif);color:#425440}.number-one{right:61px;top:24px}.number-two{left:75px;top:53px;font-size:60px;color:#f6f4f0}.number-three{right:175px;bottom:43px;font-size:35px;color:#fcf6e5}.art-card{position:absolute;bottom:27px;left:23px;display:flex;align-items:center;gap:11px;padding:11px 14px;background:#f8f5e9;color:#515744;font:500 10px/1.4 var(--mono);box-shadow:2px 5px 15px #3332;transform:rotate(-3deg)}.art-card-star{font-size:21px;color:var(--coral)}.art-card-arrow{align-self:flex-start;color:var(--coral)}.art-caption{position:absolute;right:20px;bottom:18px;color:#74776a;font:9px var(--mono);letter-spacing:.05em}.games-section{padding:43px 0 50px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px}.section-eyebrow{font-size:8px}.section-heading h2{font:500 29px var(--serif);letter-spacing:-.035em;margin:9px 0 0}.heading-period{color:var(--coral)}.game-count{font:9px var(--mono);letter-spacing:.08em;color:#8e8d81;display:flex;align-items:center;gap:8px;padding-bottom:5px}.game-count .count-pip{width:5px;height:5px;background:var(--coral);box-shadow:none}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:19px}.game-card{padding:0;border:1px solid #e2dfd5;text-align:left;background:#fbfaf7;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.game-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px #30312612;border-color:#b2b69b}.game-card:focus-visible,.button:focus-visible,.icon-button:focus-visible{outline:3px solid #dc745d88;outline-offset:3px}.game-art{height:168px;background:#78896e;position:relative;overflow:hidden;isolation:isolate}.game-art:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#6d8269,#aeb78b 48%,#87946c)}.game-art-grain{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#fff 0.5px,transparent .6px);background-size:5px 5px;mix-blend-mode:soft-light}.game-art-sun{position:absolute;width:130px;height:130px;background:#e5a087;border-radius:50%;right:48px;top:14px;box-shadow:0 0 0 10px #e5a08720,0 0 0 25px #e5a08712}.tile-doodle{position:absolute;color:#fcf4dc;font:600 59px var(--serif);line-height:1;text-shadow:0 3px 15px #283d2e33}.tile-doodle-a{top:10px;left:61px;transform:rotate(-12deg);font-size:67px}.tile-doodle-b{right:62px;top:34px;color:#465c43;font-size:40px;transform:rotate(11deg)}.tile-doodle-c{right:154px;bottom:19px;font-size:29px;color:#f6e8bd;transform:rotate(-7deg)}.game-art-stamp{position:absolute;top:15px;right:15px;border:1px solid #f9f1d4aa;border-radius:30px;padding:6px 9px;color:#fff8e8;font:9px var(--mono);letter-spacing:.08em}.game-art-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:11px 14px;background:linear-gradient(transparent,#23342655);color:#fff9e9;font:8px var(--mono);letter-spacing:.1em}.game-card-body{padding:17px 18px 16px}.game-card-heading{display:flex;justify-content:space-between;align-items:center}.game-icon,.modal-game-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e9ecdf;color:#53664b;font:18px var(--serif)}.game-arrow{color:#a2a293;font-size:15px;transition:transform .2s}.game-card:hover .game-arrow{transform:translate(2px,-2px);color:var(--coral)}.game-card h3{font:500 23px/1.05 var(--serif);letter-spacing:-.035em;margin:11px 0 7px}.game-card-body p{font-size:11px;line-height:1.6;color:#828176;max-width:250px;margin-bottom:17px}.game-card-meta{display:flex;align-items:center;gap:8px;font:8px var(--mono);letter-spacing:.08em;color:#99978b}.meta-line{width:19px;height:1px;background:#d6d3c8}.coming-card{min-height:100%;border:1px dashed #d6d3c9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;color:#a09f94;position:relative;background:#f8f7f3}.coming-symbol{font-size:24px;font-weight:300;color:#aaa99d}.coming-label{text-align:center;font:8px/1.8 var(--mono);letter-spacing:.14em}.coming-sparkle{position:absolute;right:22px;top:18px;color:#d1cebd;font-size:12px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:19px 0 26px;color:#aaa89c;font:8px var(--mono);letter-spacing:.09em}.footer-heart{color:var(--coral);font-size:9px}.modal{width:min(480px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;padding:34px 38px 28px;border:1px solid #e8e4d9;background:#fbfaf6;color:var(--ink);box-shadow:0 24px 100px #25291f38;position:relative}.modal::backdrop{background:#22261faa;backdrop-filter:blur(4px)}.modal[open]{animation:modal-in .24s ease both}@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.modal form{margin:0}.modal-close{position:absolute;right:18px;top:18px}.icon-button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:transparent;color:#79786d;font-size:20px;cursor:pointer}.modal-topline{display:flex;align-items:center;gap:9px;margin-bottom:19px}.modal-game-icon{width:26px;height:26px;font-size:19px}.modal-kicker{font:9px var(--mono);letter-spacing:.13em;color:#858477}.modal h2{font:500 39px/.97 var(--serif);letter-spacing:-.05em;margin:0 0 12px}.modal-description{max-width:355px;font-size:12px;line-height:1.75;color:#7a796e;margin-bottom:18px}.how-it-works{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:19px;color:#77776c}.how-step{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px}.how-step b{font:9px var(--mono);color:var(--coral)}.how-connector{font-size:9px;color:#c4c1b7}.modal-fields{display:flex;flex-direction:column}.field-label{font:9px var(--mono);letter-spacing:.1em;color:#77776c;margin:0 0 7px}.text-input{width:100%;height:43px;border:1px solid #dedbd0;background:#fffefa;padding:0 12px;outline:none;color:var(--ink);font-size:12px;transition:border .15s,box-shadow .15s}.text-input:focus{border-color:#889578;box-shadow:0 0 0 3px #81927420}.text-input::placeholder{color:#b4b1a6}.code-input{text-transform:uppercase;letter-spacing:.22em;font:13px var(--mono)}.modal-fields>.field-label:not(:first-child){margin-top:14px}.join-fields{display:flex;flex-direction:column;margin-top:14px}.button{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid;cursor:pointer;font-size:11px;transition:background .18s,color .18s,transform .18s,border-color .18s}.button-primary{margin-top:14px;background:var(--green);border-color:var(--green);color:#fff}.button-primary:hover{background:var(--green-dark);transform:translateY(-1px)}.button-secondary{background:transparent;border-color:#dedbd0;color:#5d6053}.button-secondary:hover:not(:disabled){background:#f2f1e9;border-color:#aeb39e}.button:disabled{cursor:not-allowed;opacity:.45}.button-secondary>span{font-size:15px;color:var(--coral)}.or-divider{height:35px;display:flex;align-items:center;gap:10px}.or-divider span{height:1px;background:var(--line);flex:1}.or-divider i{font:8px var(--mono);font-style:normal;color:#aaa89d}.form-message{display:none;margin-top:9px;font-size:10px;line-height:1.5;color:#bb6250}.form-message.visible{display:block}.modal-note{display:flex;align-items:center;justify-content:center;gap:7px;padding-top:19px;color:#a09f93;font-size:9px}.modal-note span{color:var(--coral)}.is-hidden{display:none!important}.room-screen{min-height:calc(100vh - 77px);width:min(890px,calc(100% - 36px));margin:0 auto;padding:42px 0 56px}.room-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.room-brand{font:500 12px var(--mono);letter-spacing:.08em;color:#727369}.room-label{display:flex;gap:8px;align-items:center;font:9px var(--mono);letter-spacing:.12em;color:#817f74}.room-label .live-dot{width:5px;height:5px}.room-layout{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:start}.room-main,.room-sidebar{background:#fbfaf7;border:1px solid #e5e2d9}.room-main{padding:30px}.room-sidebar{padding:22px}.room-eyebrow{font:9px var(--mono);letter-spacing:.13em;color:#88877b}.room-title{font:500 clamp(34px,5vw,50px)/1.02 var(--serif);letter-spacing:-.05em;margin:13px 0 9px}.room-subtitle{font-size:12px;color:#858478;line-height:1.65;margin:0}.code-box{margin-top:24px;background:#f1f0e7;padding:15px 17px;display:flex;align-items:center;justify-content:space-between}.code-label{font:8px var(--mono);letter-spacing:.12em;color:#8c8a7e;margin-bottom:6px}.code-value{font:500 25px var(--mono);letter-spacing:.2em;color:#344b39}.copy-button{border:1px solid #d9d8cc;background:#fbfaf5;padding:8px 10px;font-size:10px;cursor:pointer;color:#65665b}.copy-button:hover{border-color:#9aa48b}.invite-note{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:10px;color:#88877c;line-height:1.5}.invite-note span{color:var(--coral)}.room-callout{margin-top:26px;padding:14px 15px;background:#eef0e6;border-left:2px solid #7f956f;color:#646c5b;font-size:11px;line-height:1.6}.room-callout.waiting{background:#f2eee2;border-color:#c3a861;color:#786d51}.room-callout.success{background:#ebf1e5;border-color:#7f956f;color:#526549}.room-callout.error{background:#f7ebe7;border-color:#cc795f;color:#995c4c}.room-sidebar-heading{font:500 20px var(--serif);letter-spacing:-.02em;margin:0}.people-count{margin-top:6px;font:9px var(--mono);color:#99978c}.player-list{list-style:none;padding:0;margin:17px 0 20px}.player-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eeece5}.avatar{display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:50%;background:#e9eadf;color:#54644d;font:500 11px var(--serif)}.avatar.avatar-1{background:#f2e8dd;color:#a47156}.avatar.avatar-2{background:#e9e7ef;color:#716686}.avatar.avatar-3{background:#e2ece9;color:#587a6b}.player-info{min-width:0;flex:1}.player-name{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-status{font-size:9px;color:#9b998e;margin-top:3px}.host-tag{font:8px var(--mono);color:#a17352;border:1px solid #e8d5c3;padding:3px 5px}.you-tag{font:8px var(--mono);color:#818174}.disconnect-dot{width:6px;height:6px;border-radius:50%;background:#d98d72}.kick-button{border:0;background:transparent;color:#a29f92;font-size:14px;cursor:pointer;padding:5px}.kick-button:hover{color:#b65d4d}.button-wide{width:100%}.sidebar-footnote{font-size:9px;line-height:1.6;color:#aaa89d;text-align:center;margin:11px 0 0}.leave-button{display:block;width:100%;margin-top:12px;padding:9px;border:0;background:transparent;color:#929085;font-size:10px;cursor:pointer}.leave-button:hover{color:var(--coral)}.game-clues{display:grid;gap:8px;margin-top:23px}.clue-row{display:grid;grid-template-columns:minmax(84px,.75fr) 1fr;align-items:center;gap:10px;padding:12px 13px;background:#f4f2eb}.clue-nickname{font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clue-number{font:500 17px var(--mono);letter-spacing:.08em;color:#445a41}.clue-hidden{font:10px var(--mono);letter-spacing:.08em;color:#a9a698}.guess-form{display:flex;gap:8px;margin-top:20px}.guess-form .text-input{min-width:0;flex:1}.guess-form .button{min-width:112px;margin:0}.guess-lock{font-size:10px;color:#908e82;margin-top:9px}.finish-banner{margin-top:18px;padding:16px;background:#edf0e4;border:1px solid #e0e5d3;font-size:11px;line-height:1.6;color:#59684f}.finish-banner strong{font-family:var(--serif);font-size:18px;font-weight:500}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#293d2e;color:#fffaf0;padding:11px 15px;font-size:11px;box-shadow:0 8px 28px #0002;transition:opacity .2s,transform .2s;z-index:10}.toast.visible{opacity:1;transform:translate(-50%,0)}.connection-badge{display:inline-flex;align-items:center;gap:7px;font:9px var(--mono);color:#918f83}.connection-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#7ea46c}.connection-badge.offline::before{background:#d27c60}.empty-list{font-size:10px;color:#9a988c;padding:12px 0}@media(max-width:700px){.topbar{height:64px;padding:0 20px}.topbar-note,.topbar-divider{display:none}.topbar-right{font-size:8px}.page-shell{width:calc(100% - 40px)}.hero{min-height:0;padding:49px 0 35px;grid-template-columns:1fr}.hero h1{font-size:58px}.hero-art{height:170px;margin-top:30px}.art-sun{width:130px;height:130px;right:70px}.art-orbit{right:35px;top:31px}.number-two{top:28px}.section-heading h2{font-size:26px}.games-section{padding-top:33px}.game-grid{grid-template-columns:1fr 1fr;gap:11px}.game-card-body{padding:13px 12px}.game-art{height:135px}.game-card h3{font-size:19px}.game-card-body p{font-size:10px}.game-card-meta{font-size:7px;gap:5px}.coming-card{min-height:270px}.footer{font-size:7px;gap:15px}.room-screen{width:calc(100% - 28px);padding-top:28px}.room-layout{grid-template-columns:1fr}.room-main{padding:23px}.room-sidebar{padding:20px}.room-sidebar-heading{font-size:18px}.player-list{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.room-top{margin-bottom:18px}.modal{padding:30px 22px 24px}.how-it-works{gap:4px}.how-step{font-size:8px}.how-step b{font-size:8px}}@media(max-width:390px){.game-grid{grid-template-columns:1fr}.coming-card{min-height:120px}.game-art{height:155px}.game-card-meta{font-size:8px}.section-heading{align-items:start;gap:8px;flex-direction:column}.game-count{padding:0}.footer{flex-direction:column;gap:8px}.room-main{padding:19px}.clue-row{grid-template-columns:90px 1fr}}
 :root{--serif:'Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--mono:ui-monospace,'SFMono-Regular',Consolas,monospace}
.game-art-odd:before{background:linear-gradient(145deg,#b58166,#d5a98b 52%,#e1c4a3)}.odd-art-word{position:absolute;z-index:1;font:500 17px var(--mono);letter-spacing:.06em;color:#fff8e7;background:#51624d;padding:9px 12px;box-shadow:0 5px 16px #42342828}.odd-art-word-a{top:42px;left:16%;transform:rotate(-8deg)}.odd-art-word-b{top:20px;right:17%;background:#875d4d;transform:rotate(6deg)}.odd-art-word-c{right:12%;bottom:35px;transform:rotate(-5deg)}.odd-art-word-d{left:25%;bottom:17px;background:#875d4d;transform:rotate(5deg)}.odd-game-icon{background:#f1e7dc;color:#92654f}.coming-card{min-height:100%;}@media(max-width:700px){.game-art-odd .odd-art-word{font-size:13px;padding:7px 8px}.odd-art-word-a{left:8%}.odd-art-word-b{right:8%}.odd-art-word-c{right:7%}.odd-art-word-d{left:14%}}
.room-code-mini{margin-left:12px;border-left:1px solid var(--line);padding-left:12px;color:#868477;font:9px var(--mono);letter-spacing:.16em}.private-word{margin-top:24px;padding:22px;background:#eff0e6;border:1px solid #e2e4d6}.private-word-label{display:flex;justify-content:space-between;gap:10px;color:#77796d;font:9px var(--mono);letter-spacing:.1em}.private-word-label span{color:#a09e92;font-size:8px}.private-word-value{margin:13px 0 8px;font:500 clamp(34px,6vw,48px)/1 var(--serif);letter-spacing:-.035em;color:var(--green-dark)}.private-word-note{font-size:10px;color:#828277}.odd-action{width:100%;margin-top:16px}.vote-prompt{font:500 18px var(--serif);margin:20px 0 12px}.vote-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vote-choice{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #e2dfd5;background:#f7f6f0;text-align:left;cursor:pointer;font-size:11px;transition:transform .16s,border-color .16s,background .16s}.vote-choice:hover{transform:translateY(-2px);border-color:#a6b098;background:#f0f1e7}.vote-choice .avatar{width:27px;height:27px}.vote-choice>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.vote-arrow{color:var(--coral);font-size:15px}.odd-wait-card{margin-top:20px;padding:18px;background:#f3f0e8;border-left:2px solid #d0b785}.odd-wait-card strong{display:block;margin-top:7px;font:500 19px var(--serif)}.odd-wait-card p{font-size:10px;line-height:1.6;color:#858276;margin:7px 0 0}.vote-results{margin-top:20px;padding:15px;background:#f4f2eb}.vote-result-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e8e5db;font-size:11px}.vote-result-row b{font:500 14px var(--mono);color:#526449}.vote-result-row em{margin-left:5px;color:#bd6d54;font:8px var(--mono);letter-spacing:.04em;font-style:normal}.vote-results>p{margin:11px 0 0;color:#928f83;font-size:9px;line-height:1.5}.reveal-words{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:13px}.reveal-words span{display:flex;flex-direction:column;gap:5px;padding:10px;background:#f2f0e8;color:#8e8b7f;font:8px var(--mono);letter-spacing:.08em}.reveal-words b{color:#465541;font:500 13px var(--sans);letter-spacing:0}.finish-banner{line-height:1.7}.finish-banner strong{line-height:1.2}.room-main .guess-form{align-items:stretch}.room-main .guess-form .button{margin:0}.room-sidebar .people-count{letter-spacing:.08em}@media(max-width:700px){.room-code-mini{margin-left:7px;padding-left:7px;font-size:8px}.vote-list{grid-template-columns:1fr}.private-word{padding:18px}.private-word-label{font-size:8px}.private-word-label span{font-size:7px}.vote-choice{padding:9px}.odd-wait-card{padding:15px}}