:root{--ink:#141414;--paper:#fff;--field:#e9e7e2;--dim:#8a857c;--amber:#c8891f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--field);min-height:100dvh;color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:Helvetica,Arial,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}#root{flex-direction:column;align-items:center;width:100%;min-height:100dvh;display:flex}input,select{font:inherit;border:2px solid var(--ink);background:var(--paper);width:100%;color:var(--ink);border-radius:10px;padding:13px 14px;font-size:16px}input::placeholder{color:#b5b0a7}button{font:inherit;letter-spacing:.08em;border:2px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:10px;width:100%;padding:13px 18px;font-size:14px;font-weight:700}button.ghost{color:var(--ink);background:0 0}button:disabled{opacity:.35;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}.shelf{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:900px;padding:24px 16px 40px;display:flex}.shelf h1{letter-spacing:.3em;text-transform:uppercase;font-size:15px;font-weight:700}.shelf .sub{letter-spacing:.2em;color:var(--dim);margin-top:-12px;font-size:11px}.shelf .err{color:#a3251c;text-align:center;font-size:13px}.shelf-grid{grid-template-columns:repeat(5,1fr);gap:14px;width:100%;display:grid}@media (width<=640px){.shelf-grid{grid-template-columns:repeat(2,1fr)}}.shelf-card{background:var(--paper);color:var(--ink);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px;text-decoration:none;display:flex;box-shadow:0 4px 14px #0000000f}.shelf-card .thumb{aspect-ratio:.75;object-fit:cover;background:var(--field);border-radius:8px;width:100%}.shelf-card.empty{opacity:.55;box-shadow:none;border:2px dashed #d6d2c9}.shelf-card.empty .thumb{border-radius:8px}.shelf-card.empty span{color:var(--dim)}.shelf-card span{letter-spacing:.05em;text-align:center;font-size:13px;font-weight:700}.sherlock-wrap{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:380px;padding:24px 16px 40px;display:flex}.sherlock-wrap h1{letter-spacing:.3em;text-transform:uppercase;font-size:15px;font-weight:700}.sherlock-wrap .sub{letter-spacing:.2em;color:var(--dim);margin-top:-10px;font-size:11px}.sherlock-wrap .field{flex-direction:column;gap:8px;width:100%;display:flex}.sherlock-wrap .row{gap:8px;width:100%;display:flex}.sherlock-wrap .err{color:#a3251c;text-align:center;min-height:1em;font-size:13px}.sherlock-wrap .stage{aspect-ratio:.6136;align-self:center;width:min(70vw,250px);position:relative}.sherlock-wrap .face{border-radius:24px;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 30px #00000024}.sherlock-wrap .face img{width:100%;height:100%;display:block}.sherlock-wrap .wordface{background:var(--paper);border:13px solid var(--ink);border-radius:24px;justify-content:center;align-items:center;position:absolute;inset:0}.sherlock-wrap .band{background:var(--ink);justify-content:center;align-items:center;padding:5% 4%;display:flex;position:absolute;top:35%;left:-1px;right:-1px}.sherlock-wrap .word{color:#fff;text-align:center;word-break:break-word;font-size:clamp(19px,6.6vw,29px);line-height:1.15}.sherlock-wrap .status{text-align:center;min-height:3em;font-size:14px;line-height:1.6}.sherlock-wrap .status b{letter-spacing:.04em;font-size:16px;display:block}.sherlock-wrap .badge{letter-spacing:.18em;text-transform:uppercase;background:var(--ink);color:#fff;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-block}.sherlock-wrap .badge.det{background:var(--amber)}.sherlock-wrap .meta{letter-spacing:.12em;width:100%;color:var(--dim);justify-content:space-between;font-size:12px;font-weight:700;display:flex}.sherlock-wrap .code{letter-spacing:.34em;color:var(--ink);text-align:center;font-size:22px;font-weight:700}.sherlock-wrap ul.players{flex-direction:column;gap:6px;width:100%;list-style:none;display:flex}.sherlock-wrap ul.players li{background:var(--paper);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.sherlock-wrap ul.players li .seat{color:var(--dim);min-width:1.4em;font-size:11px;font-weight:700}.sherlock-wrap ul.players li.me{outline:2px solid var(--ink)}.sherlock-wrap ul.players li .tag{letter-spacing:.14em;color:var(--dim);margin-left:auto;font-size:10px;font-weight:700}.sherlock-wrap ul.players li.detective .tag{color:var(--amber)}.sherlock-wrap ul.players li button{width:auto;margin-left:auto;padding:6px 10px;font-size:11px}.sherlock-wrap .hostbox{border-top:2px solid #d6d2c9;flex-direction:column;gap:10px;width:100%;padding-top:16px;display:flex}.sherlock-wrap .hostlabel{letter-spacing:.2em;color:var(--dim);text-transform:uppercase;font-size:11px;font-weight:700}