.guide-body{background:#000;color:#f0f3f3;-webkit-tap-highlight-color:transparent}main#main.guide-main{padding-top:0;min-height:100dvh}.guide{--g-accent:#cecafb;--g-accent-2:#f0b9a6;--g-muted:#f0f3f3b3;--g-faint:#ffffff80;--g-line:#ffffff4d;position:relative;max-width:860px;margin:0 auto;padding:0 18px calc(40px + env(safe-area-inset-bottom, 0px));font-family:var(--font-family-mono);font-size:15px;line-height:1.55}.guide:before{background:radial-gradient(70% 38% at 18% -4%,#cecafb24 0,transparent 70%),radial-gradient(50% 30% at 100% 2%,#f0b9a614 0,transparent 70%),#000}.guide:after,.guide:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}.guide:after{opacity:.35;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.08 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.guide-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -18px;padding:14px 18px 12px;background:#000;border-bottom:.5px dashed var(--g-line)}.guide-logo{display:inline-flex;align-items:center;gap:10px;color:#f0f3f3;text-decoration:none}.guide-logo__mark{width:22px;height:22px;flex:none}.guide-logo__word{height:13px;width:auto}.guide-top__bot{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--g-accent);border:.5px solid #cecafb66;border-radius:999px;padding:6px 12px;white-space:nowrap;text-decoration:none}.guide-top__bot:hover{background:var(--g-accent);color:#000}.guide-nav{display:flex;gap:8px;overflow-x:auto;margin:0 -18px;padding:12px 18px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.guide-nav::-webkit-scrollbar{display:none}.guide-chip{flex:none;border:.5px solid #ffffff33;border-radius:999px;padding:7px 13px;font-size:12px;letter-spacing:.02em;color:#f0f3f3cc;white-space:nowrap;text-decoration:none;transition:border-color .2s,color .2s,background .2s}.guide-chip:hover{border-color:var(--g-accent);color:#f0f3f3}.guide-chip[aria-current=page]{background:var(--g-accent);border-color:var(--g-accent);color:#000}.guide-page{padding-top:22px}.guide h1{font-size:clamp(34px,7.5vw,58px);line-height:1.02;margin-top:10px}.guide h1,.guide h2{letter-spacing:-.03em}.guide h2{font-size:clamp(24px,4.6vw,34px);line-height:1.08;margin-top:56px}.guide h3{font-size:19px;letter-spacing:-.02em;line-height:1.2}.guide .guide-kicker{font-family:var(--font-family-display);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--g-accent)}.guide .guide-lead{margin-top:16px;max-width:640px;color:var(--g-muted);font-size:16px}.guide .guide-sub{margin-top:10px;max-width:640px;color:var(--g-muted);font-size:14px}.guide-cards{display:grid;gap:12px;margin-top:26px}@media (min-width:640px){.guide-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.guide-card{display:block;border:.5px dashed var(--g-line);border-radius:12px;padding:18px 18px 20px;background:#00000066;color:#f0f3f3;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}.guide-card:hover{border-color:var(--g-accent);background:#0a0912}.guide-card__em{font-size:28px;line-height:1}.guide-card h3{margin-top:12px}.guide-card p{margin-top:6px;font-size:13.5px;color:var(--g-muted)}.guide-card__go{display:inline-block;margin-top:12px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--g-accent)}.guide-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.guide-actions .btn{height:46px;padding:0 20px}.guide-list{margin-top:18px;display:grid;gap:12px}.guide-list li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;padding-bottom:12px;border-bottom:.5px dashed #ffffff26}.guide-list li:last-child{border-bottom:0}.guide-list .n{color:var(--g-accent);font-size:13px;padding-top:2px}.guide-list strong{font-weight:500;color:#f0f3f3}.guide-list .d{color:var(--g-muted)}.guide-grid{display:grid;gap:10px;margin-top:18px}@media (min-width:640px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.guide-tile{border:.5px dashed var(--g-line);border-radius:12px;padding:16px;background:#00000066}.guide-tile__k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--g-accent-2)}.guide-tile h3,.guide-tile p{margin-top:6px}.guide-tile p{font-size:13.5px;color:var(--g-muted)}.guide-win{margin-top:16px;display:grid;gap:8px}.guide-win li{display:flex;gap:10px;align-items:baseline;font-size:14px;color:var(--g-muted)}.guide-win strong{font-weight:500;white-space:nowrap}.guide-side{border-left:2px solid var(--side,#fff);padding-left:14px;margin-top:18px}.guide-side h3{color:var(--side,#fff)}.guide-side p{margin-top:6px;font-size:13.5px;color:var(--g-muted)}.guide [data-side=town]{--side:var(--color-team-town,#9fd3a0)}.guide [data-side=mafia]{--side:var(--color-team-mafia,#f28b82)}.guide [data-side=neutral]{--side:var(--color-team-neutral,#e3c56d)}.guide .howto{margin-top:26px;gap:34px}.guide .howto__step{padding-top:26px;border-top:.5px dashed #ffffff26}.guide .howto__step:first-child{border-top:0;padding-top:0}.guide .howto__n{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--g-accent-2)}.guide .howto__step h3{margin-top:8px;font-size:21px}.guide .howto__step p{margin-top:8px;font-size:14px;color:var(--g-muted)}.guide .tg{max-width:420px;width:100%}.guide-table{margin-top:16px;overflow-x:auto;border:.5px dashed var(--g-line);border-radius:12px;background:#00000066}.guide-table table{width:100%;border-collapse:collapse;font-size:13.5px;text-align:left}.guide-table th{padding:10px 14px;font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--g-faint);border-bottom:.5px dashed var(--g-line)}.guide-table td{padding:10px 14px;vertical-align:top;border-top:.5px dashed #ffffff1f;color:var(--g-muted)}.guide-table td:first-child{color:#f0f3f3;white-space:nowrap}.guide-table td.num{color:var(--g-accent);white-space:nowrap}.guide-order{margin-top:14px;counter-reset:step}@media (min-width:640px){.guide-order{-moz-columns:2;column-count:2;-moz-column-gap:32px;column-gap:32px}}.guide-order li{-moz-column-break-inside:avoid;break-inside:avoid;display:flex;gap:10px;padding:5px 0;font-size:14px;color:var(--g-muted)}.guide-order .n{flex:none;width:24px;color:var(--g-accent-2)}.guide-roles{margin-top:10px}.guide-role{border-bottom:.5px dashed #ffffff26}.guide-role summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:12px;align-items:start;padding:13px 0}.guide-role summary::-webkit-details-marker{display:none}.guide-role__em{font-size:26px;line-height:1.1}.guide-role__name{font-weight:500;font-size:16px}.guide-role__tag{display:block;margin-top:2px;font-size:13px;color:var(--g-muted)}.guide-role__badge{display:inline-block;margin-left:8px;vertical-align:2px;border:.5px solid #ffffff33;border-radius:999px;padding:1px 7px;font-size:10px;letter-spacing:.04em;color:var(--g-faint)}.guide-role__chev{margin-top:8px;color:var(--g-faint);transition:transform .2s;font-size:12px;text-align:right}.guide-role[open] .guide-role__chev{transform:rotate(180deg)}.guide-role__body{padding:0 0 18px 48px;font-size:13.5px;color:var(--g-muted)}.guide-role__body h4{margin-top:12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--g-faint)}.guide-role__body ul{margin-top:4px;display:grid;gap:4px}.guide-role__body li{display:flex;gap:8px}.guide-role__body li:before{content:"▸";color:var(--side,var(--g-accent));flex:none}.guide-role__more{display:inline-block;margin-top:12px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--g-accent);text-decoration:none}@media (max-width:479px){.guide-role__body{padding-left:0}}@media (min-width:720px){.guide-role__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}}.guide-next{margin-top:40px;display:flex;flex-wrap:wrap;gap:10px}.guide-foot{margin-top:64px;padding-top:18px;border-top:.5px dashed var(--g-line);font-size:12px;color:var(--g-faint)}.guide-foot__links{margin-top:8px}.guide-foot a{color:#f0f3f3cc;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:3px}.guide-foot a:hover{color:var(--g-accent)}.guide .tg{font-family:var(--font-family-ui)}