@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@75..125,400..900&family=Noto+Sans+JP:wght@400..900&family=Noto+Sans+KR:wght@400..900&display=swap");
:root{--paper:#f5ead1;--light:#fff8e9;--ink:#071532;--red:#e84b3d;--yellow:#f4bd32;--blue:#194e8b;--green:#276649;--line:rgba(7,21,50,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Archivo",sans-serif}html[lang=ko] body{font-family:"Noto Sans KR",sans-serif}html[lang=ja] body{font-family:"Noto Sans JP",sans-serif}a{color:inherit;text-decoration:none}.skip{position:fixed;z-index:100;top:8px;left:8px;padding:10px 14px;background:#fff;transform:translateY(-160%)}.skip:focus{transform:none}.topbar{width:min(1180px,calc(100% - 48px));height:78px;position:absolute;z-index:20;left:50%;display:flex;align-items:center;justify-content:space-between;transform:translateX(-50%);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand img{width:44px;height:44px;border-radius:12px}.brand small{opacity:.55;font-size:.7em}.topbar nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:800}.topbar details{position:relative}.topbar summary{cursor:pointer;list-style:none}.topbar summary::-webkit-details-marker{display:none}.topbar details div{position:absolute;right:0;top:28px;display:grid;min-width:150px;padding:8px;border:2px solid var(--ink);background:var(--light);box-shadow:5px 5px 0 var(--red)}.topbar details:not([open]) div{display:none}.topbar details div a{padding:9px 10px;white-space:nowrap}.topbar details div a:hover,.topbar details div a[aria-current=page]{color:white;background:var(--ink)}
.hero{min-height:900px;position:relative;overflow:hidden;isolation:isolate}.hero:after{content:"";position:absolute;z-index:-2;right:-10vw;bottom:-260px;width:72vw;height:490px;transform:rotate(-7deg);background:#d7bb8e;box-shadow:0 -25px 60px rgba(75,46,21,.18)}.noise{position:absolute;z-index:-1;inset:0;opacity:.36;background-image:radial-gradient(#765b35 .55px,transparent .8px),radial-gradient(#fff .6px,transparent .9px);background-position:0 0,4px 5px;background-size:7px 7px;mix-blend-mode:multiply}.hero-grid,.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.hero-grid{min-height:900px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:40px;padding-top:76px}.hero-copy{z-index:2;padding:70px 0 80px}.note{display:inline-block;margin:0 0 27px 48px;padding-bottom:7px;color:var(--red);border-bottom:5px solid var(--red);font-size:27px;font-weight:900;line-height:1.06;letter-spacing:-.06em;transform:rotate(-2deg)}h1{margin:0;font-size:clamp(62px,6.5vw,100px);font-weight:900;line-height:.9;letter-spacing:-.075em;text-transform:uppercase}h1 br:last-of-type+*{color:var(--red)}.hero h1{white-space:normal}.hero h1::first-line{color:var(--ink)}.modes{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 4px}.modes span{padding:9px 12px;border:2px solid var(--ink);background:rgba(255,248,233,.7);font-size:13px;font-weight:700}.modes span:first-child{color:#fff;border-color:var(--red);background:var(--red);box-shadow:4px 4px 0 var(--ink);transform:rotate(-1deg)}.modes b{display:block;font-weight:900}.players{display:inline-block;margin:28px 0 22px -8px;padding:13px 28px;color:#fff;background:var(--ink);font-size:21px;font-weight:900;clip-path:polygon(1% 12%,97% 0,100% 80%,3% 100%);transform:rotate(-1.5deg)}.question{margin:6px 0 26px 48px;font-size:22px;font-weight:750;transform:rotate(-3deg)}.cta{display:inline-flex;align-items:center;gap:40px;margin-left:48px;padding:15px 20px;border:3px solid var(--ink);font-weight:900;box-shadow:5px 5px 0 var(--red);transition:.18s}.cta span{font-size:22px}.cta:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--red)}.phone-stage{height:740px;position:relative;display:grid;place-items:center}.phone{width:350px;height:716px;padding:10px;position:relative;z-index:2;overflow:hidden;border:3px solid #252931;border-radius:48px;background:#070b11;box-shadow:35px 38px 55px rgba(58,35,13,.3);transform:rotate(5deg)}.phone>img{width:100%;height:100%;object-fit:cover;border-radius:36px}.phone i{position:absolute;z-index:3;top:18px;left:50%;width:94px;height:23px;border-radius:999px;background:#020408;transform:translateX(-50%)}.floating-icon{width:105px;height:105px;position:absolute;z-index:4;top:30px;left:0;padding:15px;border:4px solid var(--light);background:var(--ink);box-shadow:8px 10px 0 rgba(7,21,50,.22);transform:rotate(-13deg)}
.roles{padding:105px 0 120px;position:relative;overflow:hidden;color:#fff;background:var(--red)}.roles:before{content:"";position:absolute;inset:0;opacity:.16;background-image:radial-gradient(#57120d .7px,transparent .8px);background-size:6px 6px}.roles .wrap{position:relative}.kicker{margin:0 0 12px;color:var(--yellow);font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.roles h2,.ways h2{margin:0;font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.055em}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:end;margin-top:52px}.role-card{min-height:510px;padding:28px 28px 32px;position:relative;border:5px solid var(--paper);border-radius:16px;box-shadow:12px 15px 0 rgba(80,15,10,.3)}.role-card:nth-child(2){transform:translateY(-18px)}.role-card.mafia{background:#551510}.role-card.police{background:var(--blue)}.role-card.doctor{background:var(--green)}.role-card>span{position:absolute;top:19px;right:20px;opacity:.5;font-weight:900}.role-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.role-card h3{margin:-2px 0 9px;font-size:38px;line-height:1;letter-spacing:-.04em}.role-card p{margin:0;color:rgba(255,255,255,.78);font-weight:650;line-height:1.5}
.ways{padding:120px 0 130px;background:var(--light)}.section-heading{display:grid;grid-template-columns:.65fr 1.35fr;align-items:end;margin-bottom:62px}.section-heading .kicker{color:var(--red)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:2px solid var(--ink)}.step-grid article{padding:28px 30px 38px;border-right:1px dashed #9b8d73}.step-grid article:last-child{border:0}.step-grid article>span{display:block;font-size:42px;font-weight:900}.step-grid h3{margin:8px 0;font-size:25px;letter-spacing:-.04em}.step-grid p{margin:0;color:#605744;font-weight:600;line-height:1.55}.table-art{width:190px;height:190px;display:block;margin:10px auto;object-fit:contain}.screen-crop{width:124px;height:184px;position:relative;overflow:hidden;margin:10px auto;border:7px solid var(--ink);border-radius:23px;background:var(--ink);box-shadow:7px 8px 0 rgba(9,22,47,.18);transform:rotate(2deg)}.screen-crop.reverse{transform:rotate(-2deg)}.screen-crop img{width:100%;height:auto;position:absolute;top:-2%;left:0}
.download{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:82px max(24px,calc((100vw - 1180px)/2));color:#fff;background:var(--ink)}.download>div:first-child{display:flex;align-items:center;gap:24px}.download img{width:96px;height:96px;border-radius:24px}.download p{margin:0;color:var(--yellow);font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.05}.store-actions{display:flex;gap:12px}.store-actions a,.store-unavailable{min-width:150px;padding:18px 22px;text-align:center;font-weight:900}.store-actions a{color:var(--ink);background:var(--yellow)}.store-unavailable{display:flex;flex-direction:column;justify-content:center;color:#aeb8cb;border:1px solid #5d6880;background:#16213a;cursor:not-allowed}.store-unavailable small{margin-top:2px;font-size:11px;font-weight:700}footer{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1180px)/2));color:#786e5c;font-size:13px}footer div{display:flex;gap:18px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}@media(max-width:900px){.topbar nav>a{display:none}.hero-grid{grid-template-columns:1fr;padding-top:100px}.hero-copy{text-align:center;padding-bottom:10px}.note,.question,.cta{margin-left:0}.modes{justify-content:center}.phone-stage{height:680px}.role-grid{gap:12px}.role-card{min-height:440px;padding:18px}.download{align-items:flex-start}}@media(max-width:650px){.topbar,.hero-grid,.wrap{width:min(100% - 28px,520px)}.topbar{height:68px}.brand small{display:none}.hero-grid{padding-top:68px}.hero-copy{padding-top:52px}h1{font-size:54px}.note{font-size:21px}.players{font-size:17px}.phone-stage{height:575px}.phone{width:270px;height:552px;border-radius:38px}.phone>img{border-radius:28px}.floating-icon{display:none}.roles{padding:74px 0}.role-grid{grid-template-columns:1fr;gap:28px}.role-card,.role-card:nth-child(2){min-height:auto;display:grid;grid-template-columns:140px 1fr;align-items:center;transform:none}.role-card img{grid-row:1/3}.role-card h3{font-size:30px}.ways{padding:86px 0}.section-heading{grid-template-columns:1fr;gap:18px}.step-grid{grid-template-columns:1fr}.step-grid article{border-right:0;border-bottom:1px dashed #9b8d73}.download{flex-direction:column}.store-actions{width:100%;flex-direction:column}.store-actions a,.store-unavailable{width:100%}footer{align-items:flex-start;flex-direction:column}footer div{flex-wrap:wrap}}@media(max-width:380px){h1{font-size:46px}.phone-stage{height:500px}.phone{width:230px;height:470px}.role-card{grid-template-columns:115px 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}