.od-wrap{min-height:100dvh;gap:22px;padding:28px 18px 42px}.od-head,.od-wrap{display:flex;flex-direction:column;align-items:center}.od-head{gap:8px;text-align:center}.od-kicker{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted,#8b8b93)}.od-head h1{margin:0;font-size:29px;font-weight:800;letter-spacing:-.4px;font-family:var(--font-display)}.od-head p{margin:0;font-size:14px;color:var(--muted,#8b8b93);max-width:34ch;line-height:1.6}.od-card{position:relative;width:min(420px,100%);aspect-ratio:5/6;border-radius:26px;display:grid;place-items:center;padding:26px;text-align:center;border:1px solid rgba(255,255,255,.1);overflow:hidden;background:linear-gradient(170deg,rgba(255,255,255,.055),rgba(255,255,255,.015));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,border-color .18s ease}.od-card:active{transform:scale(.985)}.od-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(72% 44% at 50% 0,rgba(255,255,255,.09),transparent 70%)}.od-card.is-open{cursor:default}.od-card.is-open:active{transform:none}.od-face{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;z-index:1}.od-eye{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);font-size:27px}.od-face b{font-size:19px;font-weight:700}.od-face span{font-size:13px;color:var(--muted,#8b8b93);max-width:26ch;line-height:1.6}.od-face .od-cat{font-size:12px;letter-spacing:.16em;color:var(--muted,#8b8b93);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 16px}.od-face .od-word{font-size:clamp(38px,12vw,62px);letter-spacing:-1px;overflow-wrap:anywhere;color:#7db4ff;text-shadow:0 0 34px rgba(79,157,255,.3)}.od-face .od-role,.od-face .od-word{font-family:var(--font-display);font-weight:800;line-height:1.2}.od-face .od-role{font-size:clamp(30px,10vw,46px);letter-spacing:-.5px;color:#ff6a5f;text-shadow:0 0 34px rgba(255,75,62,.28)}.od-card.is-insider{border-color:rgba(79,157,255,.42)}.od-card.is-outsider{border-color:rgba(255,75,62,.45)}.od-hint{font-size:13px;text-align:center;max-width:36ch;line-height:1.7}.od-hint,.od-round{color:var(--muted,#8b8b93)}.od-round{font-size:12px;letter-spacing:.1em}.od-form{display:flex;gap:10px;width:min(420px,100%)}.od-form input{flex:1 1;min-width:0;padding:14px 16px;border-radius:14px;font:inherit;font-size:19px;letter-spacing:.32em;text-align:center;text-transform:uppercase;color:inherit;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}.od-form input:focus{outline:none;border-color:rgba(255,255,255,.3)}.od-again,.od-form button{padding:14px 20px;border-radius:14px;font:inherit;font-weight:700;cursor:pointer;color:inherit;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.od-form button:disabled{opacity:.5;cursor:default}.od-error{font-size:14px;color:#ff8a80;text-align:center;max-width:34ch;line-height:1.6}.od-players{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:min(420px,100%)}.od-players i{font-style:normal;font-size:12px;color:var(--muted,#8b8b93);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 13px}.od-tabs{display:flex;gap:8px;width:min(420px,100%)}.od-tabs button{flex:1 1;padding:12px 10px;border-radius:14px;font:inherit;font-weight:700;cursor:pointer;color:var(--muted,#8b8b93);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}.od-tabs button[aria-selected=true]{color:inherit;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24)}.od-lobby{gap:16px;width:min(420px,100%)}.od-lobby,.od-panel{display:flex;flex-direction:column}.od-panel{gap:12px;padding:18px;border-radius:20px;background:linear-gradient(170deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.1)}.od-panel>header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.od-panel h2{margin:0;font-size:17px;font-weight:800}.od-count{font-size:13px;color:var(--muted,#8b8b93)}.od-block{width:min(420px,100%)}.od-codebox{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;border-radius:20px;border:1px dashed rgba(255,255,255,.2);background:rgba(255,255,255,.03)}.od-codelabel{font-size:11px;letter-spacing:.22em;color:var(--muted,#8b8b93)}.od-code{font-size:38px;font-weight:800;letter-spacing:.24em;font-family:var(--font-code)}.od-codeacts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.od-codeacts button{padding:9px 15px;border-radius:999px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;color:inherit;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}.od-chat{font-size:12px;color:var(--muted,#8b8b93)}.od-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.od-roster li{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}.od-avatar{width:30px;height:30px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;background:rgba(255,255,255,.09)}.od-pname{flex:1 1;min-width:0;font-size:15px;font-weight:600;display:flex;align-items:center;gap:7px}.od-badge{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:999px;color:var(--muted,#8b8b93);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.od-badge.you{color:#7db4ff;border-color:rgba(79,157,255,.35)}.od-kick{padding:7px 13px;border-radius:999px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;color:#ff8a80;background:rgba(255,75,62,.1);border:1px solid rgba(255,75,62,.32)}.od-kick:disabled{opacity:.5;cursor:default}.od-empty{margin:0;font-size:13px;color:var(--muted,#8b8b93);text-align:center;padding:8px 0}.od-field{display:flex;flex-direction:column;gap:7px}.od-field>span{font-size:13px;font-weight:700}.od-field input{padding:13px 15px;border-radius:13px;font:inherit;font-size:15px;color:inherit;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}.od-field input:focus,.od-times input:focus{outline:none;border-color:rgba(255,255,255,.32)}.od-field small,.od-note{font-size:12px;color:var(--muted,#8b8b93);line-height:1.6}.od-note{margin:0;text-align:center}.od-times{display:flex;gap:10px}.od-times label{flex:1 1;display:flex;flex-direction:column;gap:6px;padding:11px 12px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}.od-times label>span{font-size:12px;color:var(--muted,#8b8b93)}.od-times input{width:100%;padding:6px 0;font:inherit;font-size:19px;font-weight:800;font-family:var(--font-code);color:inherit;background:none;border:none}.od-times small{font-size:11px;color:var(--muted,#8b8b93)}.od-danger,.od-ghost,.od-primary{padding:14px 18px;border-radius:14px;font:inherit;font-weight:800;cursor:pointer;border:1px solid transparent}.od-primary{color:#06170e;background:#3ddc84;border-color:#3ddc84}.od-primary:disabled{opacity:.45;cursor:default}.od-ghost{color:inherit;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}.od-danger{color:#ff8a80;background:rgba(255,75,62,.08);border-color:rgba(255,75,62,.28)}.od-start{margin-top:2px}