:root{color:#231c12;font-synthesis:none;background:#f9efc6;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#fbf4c3f0,#fffceceb),url(/background-image.png) top/cover fixed;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,p{margin-top:0}h1{text-align:center;margin:1.5rem 0;font:900 clamp(2.1rem,8vw,4.3rem)/1 Georgia,serif}h2{font-size:1.35rem}h3{font-size:1rem}p{line-height:1.43}.shell{width:min(100%,700px);min-height:100vh;margin:auto;padding:24px clamp(22px,4vw,42px) 140px;position:relative}.brand{letter-spacing:-.055em;white-space:nowrap;margin:0 0 32px;font-size:clamp(1.45rem,4vw,2.1rem);font-weight:900}.screen-head{justify-content:space-between;align-items:center;margin:-14px 0 20px;font-size:.84rem;font-weight:700;display:flex}.pin-pill{background:#f0b918;border-radius:99px;padding:6px 12px}.button{color:#241a0f;background:#eeb51a;border:1px solid #bb8714;border-radius:5px;margin:8px 7px 8px 0;padding:11px 17px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 3px #c48f15}.button:hover:not(:disabled){background:#f6c72c}.button.secondary{background:#fffae8;box-shadow:0 3px #d2c6a2}.inline{flex-wrap:wrap;align-items:center;gap:9px;display:flex}input,select{background:#fffaf0;border:1px solid #a29069;border-radius:5px;max-width:100%;padding:10px 12px}input:focus,select:focus,button:focus-visible{outline-offset:2px;outline:3px solid #7e5512}input[type=range]{accent-color:#e4aa11;width:100%}.small-select{margin-bottom:5px}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.home{text-align:center}.home .brand{text-align:left}.home-spacer{height:clamp(60px,14vh,170px)}.home-spacer.short{height:clamp(30px,8vh,90px)}.home .intro{text-align:left;max-width:410px;margin:auto auto 44px;font-size:1.3rem}.home section{margin:24px 0}.home h2{font-size:1.5rem;font-weight:500}.home input{width:145px}.center{text-align:center}.notice{color:#8b2517;background:#fff0e6;border:1px solid #b64b32;border-radius:5px;margin:18px 0;padding:12px}.roster{margin:20px 0}.roster ul{padding-left:25px}.roster li{font-weight:700;line-height:1.6}.join-code{text-align:center;margin:24px auto}.join-code h3{margin-bottom:8px;font-size:1.25rem}.join-code span{font-size:1.45rem}.join-code small{display:block}.join-code img{background:#fff;width:130px;height:130px;margin:8px auto;padding:5px}.character-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px;margin:18px 0 26px;display:grid}.role-option{text-align:center;background:#fff9e6;border:2px solid #ccb983;border-radius:4px;min-height:130px;padding:4px}.role-option.active,.person-card.selected,.list-row.active{background:#f9d974;border-color:#ad7000;box-shadow:0 0 0 2px #e3a719}.role-option img{aspect-ratio:1;object-fit:cover;width:100%}.role-option span{padding:4px 0;font-size:.78rem;font-weight:700;display:block}.selected-role-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:15px 0 35px;display:grid}.selected-role-list span{background:#fff9ea;border:1px solid #cdbd94;align-items:center;gap:7px;padding:4px;font-size:.8rem;display:flex}.selected-role-list img{object-fit:cover;width:32px;height:32px}.hint{color:#6f5b42;margin:18px 0;font-size:.79rem}.seat-list{margin:24px 0;padding:0;list-style:none}.seat-list li{border-bottom:1px solid #c4ac75;align-items:center;gap:8px;padding:8px 0;display:flex}.seat-list li>span{flex:1;font-weight:700}.seat-avatar{object-fit:cover;border:1px solid #8f6d3f;width:42px;height:42px}.seat-person{flex-direction:column;min-width:0;display:flex}.seat-person strong{text-overflow:ellipsis;overflow:hidden}.seat-identity{min-width:46px;font-size:.68rem;font-weight:800}.seat-warning{max-width:82px}.seat-list small{color:#8d5711}.seat-list button{background:#fff7dd;border:1px solid #b79c6a;border-radius:4px}.person-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0 25px;display:grid}.person-card{background:#efb982;border:3px solid #a5754a;border-radius:3px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:4px;display:flex}.person-card>span{min-height:2.2em;font-size:.75rem;font-weight:800;line-height:1.1}.person-card img{aspect-ratio:1;object-fit:cover;width:100%}.person-card small{font-size:.7rem}.person-card.dead{filter:grayscale();opacity:.55}.list{flex-direction:column;gap:3px;max-height:55vh;margin:18px 0 26px;display:flex;overflow:auto}.list-row,.action-list button{text-align:left;background:#fff9e9;border:1px solid #d7cda8;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;font-weight:600;display:flex}.list-row small{background:#e4b521;border-radius:50%;padding:3px 7px}.action-list button{background:linear-gradient(90deg,#fff9e7 82%,#e8b91d 82%);font-weight:500}.panel{background:#fff9e8;border:1px solid #c4ac75;margin:20px 0;padding:16px}.safer{margin:35px 0}.safer h2{font-size:1.25rem}.shell label{margin:17px 0;font-weight:700;display:block}.shell label select{width:100%;margin-top:6px;display:block}.eyebrow{font-weight:700}.role-screen{text-align:center;background:linear-gradient(#f5b391e0,#ffda92e0),url(/background-image.png) 50%/cover fixed}.role-screen .brand{text-align:left}.role-screen h1{font-family:Georgia,serif}.hero-role{object-fit:cover;border:4px solid #826a51;border-radius:3px;width:100%;max-width:min(92%,340px);height:min(48vh,390px);margin:10px auto 22px;display:block}.role-screen>p{max-width:370px;margin:12px auto 20px}.neighbor-bar{z-index:2;background:#efb91e;border-top:2px solid #b9890c;gap:10px;width:min(100%,700px);padding:10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.neighbor-bar button{text-align:left;background:#f8d676;border:0;flex-direction:column;flex:1;gap:3px;min-width:0;padding:8px;display:flex}.neighbor-bar small{font-size:.65rem}.neighbor-bar strong{font-size:.85rem}.neighbor-bar span{font-size:.7rem}.modal-backdrop{z-index:10;background:#2115079c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:linear-gradient(140deg,#fff3bd,#e9af17);width:min(100%,460px);max-height:90vh;padding:26px;position:relative;overflow:auto;box-shadow:0 8px 30px #21150788}.modal-close{background:0 0;border:0;font-size:2rem;position:absolute;top:8px;right:9px}.modal-image{aspect-ratio:1;object-fit:cover;width:min(75%,280px);margin:12px auto}.death-screen{text-align:center}.death-screen .brand{text-align:left}.death-screen .button{max-width:250px;margin:15px auto;display:block}@media (width<=460px){.shell{padding:18px 18px 140px}.brand{font-size:1.45rem}.person-grid{gap:5px}.person-card>span{font-size:.66rem}.seat-list small{max-width:90px;font-size:.65rem}}