@import"https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap";:root{font-family:Zen Maru Gothic,system-ui,sans-serif;color:#20242b;background:#f5f2ec}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#fff5d9 0 12%,transparent 32%),#f5f2ec}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:.8rem 1rem;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}.page{width:min(100%,720px);margin:auto;padding:20px 16px 105px}.intro{max-width:560px}.hero{text-align:center;padding:40px 0 20px}.hero p{margin:.2rem;color:#725d58}.hero h1{font-size:clamp(2.2rem,10vw,3.8rem);letter-spacing:.12em;margin:0;color:#303a5c}.moon{font-size:3.8rem;color:#d79a3e;display:block;line-height:1}.muted,small{color:#706c71;font-size:.84rem}.card{background:#fff;border:1px solid #ebe4da;border-radius:20px;padding:20px;margin:14px 0;box-shadow:0 4px 17px #5e47300d}.setup h2,.card h2{margin:0 0 16px;color:#303a5c}label{display:block;font-size:.88rem;font-weight:700;margin:13px 0}input,select{margin-top:6px;width:100%;border:1px solid #d9d1c7;border-radius:10px;padding:.72rem;background:#fff;color:#27262b}.check{display:flex;align-items:center;gap:9px}.check input{width:auto;margin:0}fieldset{border:1px solid #e6ded3;border-radius:12px;margin:15px 0;padding:8px 13px}legend{padding:0 5px;font-weight:700;font-size:.9rem}.role-row{display:flex;align-items:center;justify-content:space-between;margin:5px 0}.role-row input{width:62px;margin:0;text-align:center;padding:.45rem}.primary{width:100%;background:#34436b;color:#fff;margin-top:12px}.ghost{background:#ede8de;color:#5c5361;margin-top:12px}.error{color:#ae3e4c;background:#fff0f0;padding:9px;border-radius:9px;font-size:.85rem}.game header{display:flex;justify-content:space-between;align-items:center;margin:6px 0 18px}.brand{font-weight:900;color:#303a5c}.status{background:#e5e3dc;color:#5b5c62;border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:700}.status.discussion{background:#d9efe5;color:#25654d}.status.vote{background:#f8dfc9;color:#984a25}.status.night{background:#dddff4;color:#434e92}.invite h1{font-size:1.45rem;margin:0}.qr{display:flex;align-items:center;gap:18px;margin-top:16px}.qr svg{background:#fff;padding:7px;border-radius:12px;border:1px solid #eee}.qr code{font-size:.7rem;word-break:break-all;display:block;margin:6px 0;color:#665c65}.qr button{font-size:.8rem;background:#eee9df;padding:.55rem .7rem}.people{display:flex;flex-wrap:wrap;gap:9px}.person{display:flex;align-items:center;gap:7px;background:#faf8f4;border-radius:13px;padding:9px 10px;min-width:110px;position:relative}.person small{background:#e9d8a6;border-radius:8px;padding:2px 5px}.avatar{width:30px;height:30px;background:#74819d;color:#fff;border-radius:50%;display:grid;place-items:center}.grid{display:grid;grid-template-columns:repeat(2,1fr)}.target{text-align:left;border:2px solid transparent;width:100%;font-size:.9rem}.target:hover{border-color:#caa260;background:#fff9e9}.target em{position:absolute;right:8px;top:-6px;font-style:normal;font-size:1.25rem}.notice{text-align:center;color:#706c71;padding:8px}.role-card{border-radius:20px;padding:20px;background:linear-gradient(135deg,#36416a,#232d50);color:#fff;display:flex;gap:16px;align-items:center}.role-card>span{font-size:3.2rem}.role-card h2{margin:1px 0;font-size:1.55rem}.role-card p{font-size:.82rem;margin:3px 0;color:#e3e6ff}.role-card small{color:#c9d0ed}.timer{margin:14px 0;display:flex;justify-content:space-between;align-items:center;background:#eae6dd;border-radius:14px;padding:12px 15px}.timer strong{font-size:1.4rem;color:#303a5c}.chat{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(720px,100%);background:#fff;border-top:1px solid #e4ded4;padding:8px 13px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px #3331}.chat>div{height:25px;overflow:hidden;font-size:.8rem}.chat p{margin:2px 0}.chat form{display:flex;gap:7px}.chat input{margin:0}.chat button{background:#34436b;color:#fff;padding:.6rem .8rem;border-radius:10px}@media(min-width:700px){.page{padding-top:28px}.setup{padding:28px}.grid{grid-template-columns:repeat(3,1fr)}}