:root{font-family:Arial,Helvetica,sans-serif;color:#20332b;background:#f6f4ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{outline-offset:5px}button{border:1px solid #20332b;background:#d8f275;border-radius:8px;padding:12px 18px;cursor:pointer;font-weight:700;color:#20332b}button:hover{filter:brightness(.94);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:default}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;gap:35px;max-width:1440px;margin:auto;padding:28px 5%;border-bottom:1px solid #d6dacf}.brand{font-weight:1000;font-size:24px;letter-spacing:-1.2px}.brand span{color:#ce6845}.edition{font-size:10px;letter-spacing:1.5px;flex:1}.edition b{background:#e5e9de;padding:5px;margin-left:10px;border-radius:3px;font-size:9px}.quiet{background:transparent;border-color:#cad0c3;font-size:13px}.home{max-width:1300px;margin:65px auto 80px;display:grid;grid-template-columns:1.25fr 1fr;gap:80px;padding:0 5%}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#61715e}h1{font-size:clamp(46px,5.4vw,78px);line-height:1.02;letter-spacing:-4px;margin:23px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#687b45}.hero p{font-size:16px;line-height:1.7;color:#65705f}.hero-art{height:215px;position:relative;margin-top:28px;background:#e5e9d8;border-radius:120px 120px 16px 16px;max-width:440px;overflow:hidden}.horse{font-size:210px;position:absolute;line-height:1;left:100px;top:18px;color:#283f32;transform:rotate(-8deg)}.hat{position:absolute;z-index:1;background:#d8f275;padding:8px 16px;left:232px;top:13px;transform:rotate(12deg);border:2px solid #20332b;font-size:30px;font-weight:bold;border-radius:8px}.art-label{position:absolute;bottom:16px;left:18px;font-size:8px;letter-spacing:1.5px;transform:rotate(-5deg);background:#f6f4ea;padding:9px}.spark{position:absolute;right:25px;top:60px;font-size:50px;color:#b26949}.entry{background:#fffef8;border:1px solid #d2d8cb;border-radius:16px;padding:35px;box-shadow:0 7px 0 #e7e9df;align-self:center}h2{font-size:30px;letter-spacing:-1px;margin:14px 0 26px}label{display:block;font-size:12px;font-weight:700}input:not([type=checkbox]):not([type=color]){display:block;border:1px solid #cbd1c3;border-radius:7px;background:#fbfcf6;padding:14px;width:100%;margin:9px 0 20px;color:#20332b}input[type=color]{width:44px;height:31px;background:transparent;border:0;cursor:pointer}.color-label{display:flex;align-items:center;justify-content:space-between}.score{font-size:12px;margin:12px 0 24px}.score span{color:#7c8576;margin-left:8px}.wide{width:100%;display:flex;justify-content:space-between}.primary{background:#d8f275;border-color:#20332b;box-shadow:0 3px 0 #20332b}.dark{background:#20332b;color:#fffef8}.divider{font-size:9px;letter-spacing:1.5px;text-align:center;margin:28px 0;color:#7c8576}.join-row{display:flex;gap:10px;align-items:center}.join-row input{margin:9px 0!important;text-transform:uppercase;letter-spacing:3px}.join-row button{white-space:nowrap}.small{font-size:11px;color:#7c8576;line-height:1.7;margin-top:20px}footer{padding:24px 5%;border-top:1px solid #d6dacf;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;color:#78836f}.room{max-width:1440px;margin:auto;padding:40px 5%}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.room-heading h1{font-size:38px;letter-spacing:-2px;margin:14px 0 28px}.code{font-family:monospace;background:#e6eadc;padding:5px 12px;border-radius:7px;margin-left:8px;letter-spacing:3px}.actions{display:flex;gap:10px;flex-wrap:wrap}.phase{background:#20392f;color:#f6f4ea;border-radius:12px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 30px}.phase .eyebrow{color:#d8f275}.phase h2{margin:9px 0;font-size:29px}.phase p{font-size:13px;color:#c9d5c8;line-height:1.7;margin:0}.phase .quiet{color:#f6f4ea}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.player{border:3px solid var(--player);border-radius:14px;padding:16px;background:#fffef8;overflow:hidden;position:relative}.active{box-shadow:0 0 0 4px #20392f;animation:breathe 2s infinite}.player-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:10px}.player-top small{font-size:8px;background:#edf0e5;padding:4px;border-radius:3px;margin-left:5px}.player-top span{font-size:12px;white-space:nowrap}.player-meta{font-size:10px;color:#7a8471;margin:9px 0 16px}.portrait{height:220px;background:#e8ecdf;border-radius:9px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.portrait img{height:100%;width:100%;object-fit:cover}.portrait.hidden{background:repeating-linear-gradient(45deg,#e9ecdf,#e9ecdf 15px,#e2e7d7 15px,#e2e7d7 16px);flex-direction:column}.hidden>span{font-family:Georgia,serif;font-size:100px;color:#6d7c5c}.hidden small{font-size:8px;letter-spacing:2px}.turn-label{position:absolute;bottom:10px;font-size:9px;letter-spacing:1px;background:#d8f275;padding:8px 12px;border-radius:20px}.identity h3{font-size:23px;letter-spacing:-.6px;margin:18px 0 6px}.identity p{font-size:12px;color:#78816e;margin:0}.card-status{font-size:10px;color:#718363;min-height:30px;margin-top:15px}.card-actions{display:flex;gap:6px;flex-wrap:wrap}.card-actions button{font-size:11px;padding:10px}.empty-card{border:1px dashed #b9c2af;border-radius:14px;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-card>span{font-size:45px;color:#95a182}.empty-card h3{font-size:18px}.empty-card p{font-size:12px;color:#78816e}.pack-section{display:grid;grid-template-columns:1fr 2fr;gap:35px;margin:45px 0}.pack-section h2{margin-bottom:10px}.pack-section p{font-size:12px;color:#78816e}.packs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pack{border:1px solid #cbd1c3;border-radius:9px;padding:17px;display:flex;align-items:center;gap:12px;cursor:pointer;background:#fffef8}.pack:has(:checked){background:#e8efd9;border-color:#8b9e6a}.pack small{display:block;margin-top:7px;font-weight:400;font-size:10px;color:#78816e}.pack input{accent-color:#20392f;width:18px;height:18px}.host-tools{display:flex;align-items:center;gap:12px;font-size:11px;color:#78816e;margin-top:30px}dialog{border:1px solid #cbd1c3;border-radius:15px;padding:30px;max-width:480px;background:#fffef8;color:#20332b}dialog::backdrop{background:#20332b99}dialog p{font-size:14px;line-height:1.6}dialog button{margin:8px 4px 0 0}#toast:not(:empty){position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#20332b;color:#f6f4ea;border-radius:8px;padding:15px 24px;z-index:20;max-width:90vw;font-size:13px}.overlay-body{background:transparent}.overlay-card{max-width:440px;margin:10px}.overlay-card .portrait{height:380px}.overlay-neutral{color:#fff;background:#20332bcc;padding:15px;border-radius:10px;display:inline-block}@keyframes breathe{50%{box-shadow:0 0 0 4px #20392f,0 0 22px #afc77a88}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1100px){.cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:750px){header{padding:20px 5%;gap:15px}.edition{display:none}header .quiet{margin-left:auto}.home{grid-template-columns:1fr;margin:35px auto;gap:35px}.hero-art{display:none}h1{font-size:53px;letter-spacing:-2.5px}.hero p{font-size:14px}.entry{padding:25px}.room-heading,.phase{align-items:flex-start;flex-direction:column}.room-heading .actions{margin-bottom:20px}.pack-section{grid-template-columns:1fr;gap:10px}.packs{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.player{padding:10px}.portrait{height:160px}.identity h3{font-size:18px}.player-top{align-items:flex-start;flex-direction:column;gap:5px}.card-actions{flex-direction:column}.player-meta{line-height:1.6;font-size:9px}.empty-card{min-height:280px;padding:10px}footer{font-size:8px;line-height:1.6}.host-tools{flex-wrap:wrap}.phase{padding:22px}}