@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#141510;--surface:#1e201a;--ink:#f3f2e9;--muted:#a4a69a;--lime:#c7ff19;--line:#35372d;--shell:min(1180px,calc(100% - 64px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 'DM Sans',Arial,sans-serif}::selection{background:var(--lime);color:var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;padding:12px;background:var(--lime);color:var(--bg);z-index:20}.skip-link:focus{top:12px}.header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand img{display:block;width:180px;height:auto}.header nav{display:flex;gap:34px;font-size:14px;color:var(--muted)}.header nav a:hover,.header nav .active{color:var(--ink)}.header nav .active{position:relative}.header nav .active:after{content:'';position:absolute;bottom:-37px;left:0;right:0;height:2px;background:var(--lime)}.edition{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted)}.edition i,.category i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.intro{display:flex;align-items:end;justify-content:space-between;padding:60px 0 52px;gap:28px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:500;display:flex;align-items:center;gap:12px;color:var(--muted)}.eyebrow>span:empty{height:1px;width:28px;background:var(--lime)}h1{font-size:clamp(44px,5.6vw,76px);line-height:1.06;letter-spacing:-.065em;margin-top:24px}h1 em{color:var(--lime);font-style:normal}.intro-note{padding:0 0 5px 25px;border-left:1px solid var(--line);min-width:240px}.note-index{font-size:11px;letter-spacing:.15em;color:#818577}.intro-note p{margin:14px 0 18px;font-size:17px;color:#c3c5b9;line-height:1.6}.preview-label{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:5px 10px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0 22px}.section-heading h2{font-size:20px;letter-spacing:-.04em}.section-heading>span{font-size:13px;color:var(--muted)}.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.game-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--surface);transition:border-color .2s,transform .2s}.game-card:hover{border-color:#686c52;transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 0;position:relative;z-index:1}.category{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.13em}.mafia .category i{background:#c3b0f1}.game-number{font-size:13px;color:#949783}.game-art{height:250px;position:relative;overflow:hidden;isolation:isolate}.orbit{position:absolute;border:1px solid #ffffff09;border-radius:50%;width:300px;height:300px;left:50%;top:20px;transform:translateX(-50%);z-index:-1}.orbit-two{width:410px;height:410px;top:-35px}.mafia-art{background:radial-gradient(ellipse at 50% 65%,#56506b35,transparent 65%)}.role{position:absolute;left:50%;top:37px;width:124px;height:162px;border:1px solid #625b75;border-radius:12px;background:#292732;padding:13px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;box-shadow:0 10px 25px #0003}.role>span,.role small{font-size:8px;letter-spacing:.13em}.role b{font-family:Manrope,sans-serif;font-size:64px;line-height:1;color:#827a96;font-weight:400}.role-left{transform:translateX(-125%) rotate(-17deg);top:45px}.role-right{transform:translateX(25%) rotate(17deg);top:45px}.role-main{transform:translateX(-50%) rotate(-5deg);background:#cbbce4;color:#282334;border-color:#e1d6f0;width:132px;height:177px;top:22px;box-shadow:0 15px 30px #0005}.role-main strong{font:600 27px Manrope,sans-serif;letter-spacing:.02em}.role-main strong span{display:block;letter-spacing:15px;padding-left:15px;font-size:20px;margin-top:6px}.art-caption{position:absolute;bottom:12px;width:100%;text-align:center;font-size:11px;color:#b2a8c3;letter-spacing:.04em}.quiz-art{background:radial-gradient(ellipse at 50% 55%,#a7c63c12,transparent 70%);padding:31px 55px 0;text-align:center}.prize-label{font-size:9px;letter-spacing:.14em;color:#a6af8c}.prize{display:block;font-family:Manrope,sans-serif;font-size:55px;line-height:1.2;font-weight:500;letter-spacing:-.065em;color:#e2f3b3;margin:5px 0 22px}.prize>span{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:.24em;margin-top:4px;color:#a6af8c}.sample-answers{display:grid;grid-template-columns:1fr 1fr;gap:7px;transform:rotate(-3deg)}.sample-answers>span{display:flex;gap:9px;align-items:center;border:1px solid #535b3d;border-radius:7px;padding:9px 10px;text-align:left;font-size:10px;background:#23271d}.sample-answers b{font-size:10px;color:#bcd87c}.sample-answers .selected{color:#172005;background:var(--lime);border-color:var(--lime)}.sample-answers .selected b{color:#172005}.sample-answers i{margin-left:auto;font-style:normal}.card-content{padding:17px 28px 28px}.game-title{display:flex;align-items:center;justify-content:space-between}.game-title h3{font-size:38px;letter-spacing:-.055em}.game-symbol{font-size:28px;color:#707563}.card-content>p{color:var(--muted);margin-top:10px;font-size:15px;line-height:1.65}.metadata{display:flex;list-style:none;padding:0;margin:22px 0;gap:0;color:#bfc2b3;font-size:12px}.metadata li+li:before{content:'·';margin:0 12px;color:#68705b}.choose,.primary{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;border:1px solid #525641;border-radius:999px;background:transparent;color:var(--ink);font-size:14px;font-weight:600;transition:background .2s,color .2s}.choose:hover,.primary{background:var(--lime);color:#182000;border-color:var(--lime)}.quiz .choose{background:var(--lime);border-color:var(--lime);color:#182000}.quiz .choose:hover,.primary:hover{background:#d8ff65}.how{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:62px 0 42px}.how h2{font-size:32px;line-height:1.18;letter-spacing:-.05em;margin-top:19px}.how .eyebrow{font-size:10px}.how ol{margin:0;padding:0;list-style:none}.how li{display:flex;gap:22px;padding:0 0 21px}.how li>span{font-size:12px;color:#8e977c;padding-top:4px}.how h3{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:500}.how li p{font-size:14px;color:var(--muted);margin-top:5px;max-width:370px}.demo-note{display:flex;align-items:center;gap:22px;background:#1c1e17;border:1px solid var(--line);padding:20px 26px;border-radius:14px;color:var(--muted);font-size:13px}.demo-note>span{font-size:30px;color:var(--lime)}.demo-note strong{color:#dbdfd0;font-weight:500}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px 0;margin-top:42px;border-top:1px solid var(--line);font-size:12px;color:#939789}.footer a:hover{color:var(--lime)}dialog{width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:28px;border:1px solid #50553e;border-radius:24px;background:var(--surface);color:var(--ink)}dialog::backdrop{background:#080a08d9;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.close{width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-size:26px}.dialog-top .eyebrow{font-size:10px}dialog h2{font-size:36px;letter-spacing:-.05em;line-height:1.2}dialog p{color:var(--muted);margin:16px 0}dialog .primary{margin-top:24px}.rules{color:#c4c9b7;padding-left:22px}.rules li{margin:9px 0}.demo-banner{font-size:12px;padding:10px 13px;border:1px solid var(--line);border-radius:9px;color:#b8c1a4;margin-bottom:24px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.answer,.secondary{border:1px solid #575f46;border-radius:12px;background:transparent;color:var(--ink);padding:16px;text-align:left}.answer:hover:enabled,.secondary:hover{border-color:var(--lime);background:#c7ff190a}.answer.correct{background:#c7ff19;color:#172000;border-color:#c7ff19}.answer.wrong{background:#703f42;border-color:#e5a2a5}.answer:disabled{opacity:.65}.answer.correct:disabled,.answer.wrong:disabled{opacity:1}.answer b{margin-right:12px}.feedback{min-height:25px}.round{color:var(--lime)!important;font-size:13px;letter-spacing:.08em}.phase-card{padding:28px;background:#292633;border:1px solid #51465e;border-radius:15px;text-align:center;margin:20px 0}.phase-card h3{font-size:29px}.phase-card p{margin-bottom:0}.secondary{width:100%;text-align:center;font-size:14px}.result-score{font-size:70px;font-family:Manrope,sans-serif;color:var(--lime);letter-spacing:-.06em}
@media(min-width:1500px){.intro{padding-top:76px;padding-bottom:65px}.game-art{height:275px}.card-content{padding-top:23px}}
@media(max-width:800px){:root{--shell:calc(100% - 40px)}.header{height:80px}.header nav{gap:20px}.header nav .active:after{bottom:-28px}.edition{display:none}.intro{padding:40px 0}.intro-note{min-width:190px}.intro-note p{font-size:15px}.eyebrow{font-size:10px}.games-grid{gap:16px}.card-top{padding:20px 20px 0}.card-content{padding:15px 20px 20px}.quiz-art{padding-inline:20px}.prize{font-size:43px}.game-title h3{font-size:32px}.metadata{font-size:11px}.metadata li+li:before{margin:0 7px}.how{gap:35px}.how h2{font-size:27px}}
@media(max-width:580px){.brand img{width:143px}.header nav{font-size:12px}.header nav a:last-child{display:none}.intro{display:block;padding:35px 0}.intro h1{font-size:48px}.intro-note{border:0;padding:0;margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.intro-note .note-index{display:none}.intro-note p{font-size:13px;line-height:1.5;margin:0}.intro-note p br{display:none}.intro-note p{max-width:190px}.preview-label{font-size:10px;white-space:nowrap}.section-heading{gap:10px;padding-top:20px}.section-heading h2{font-size:18px}.section-heading>span{font-size:10px}.games-grid{grid-template-columns:1fr;gap:22px}.game-art{height:245px}.quiz-art{padding-inline:40px}.prize{font-size:55px}.card-content{padding:17px 24px 24px}.card-top{padding:22px 24px 0}.game-title h3{font-size:36px}.metadata{font-size:12px}.how{grid-template-columns:1fr;gap:28px;padding:42px 0 20px}.how h2 br{display:none}.how li p{max-width:none}.demo-note{padding:18px;gap:14px;font-size:12px}.footer{flex-wrap:wrap;margin-top:28px;padding:22px 0}.footer>span:nth-child(2){order:3;width:100%}dialog{padding:20px}dialog h2{font-size:29px}.answers{grid-template-columns:1fr}.answer{padding:13px}}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.room-join-link{display:block;text-align:center;margin-top:18px;font-size:14px;color:var(--muted)}.join-nav{font-size:14px;color:var(--lime)}@media(max-width:580px){.header nav{display:none}.join-nav{font-size:12px}}

.card-demo{display:block;width:100%;margin-top:12px;border:0;background:transparent;color:var(--muted);font-size:12px;text-align:center}.card-demo:hover{color:var(--lime)}
.tokyo-choose{margin-top:10px!important;background:#8f1825!important;border-color:#b62a39!important;color:#fff!important}.tokyo-choose:hover{background:#aa2231!important}
.brudne-choose{margin-top:10px!important;background:#f4c430!important;border-color:#d9a913!important;color:#1c1400!important}.brudne-choose:hover{background:#ffd54d!important}
