*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Cormorant Garamond",Georgia,serif;background:#000;color:#f5f5f5;line-height:1.6;font-size:19px;min-height:100vh}
.w{max-width:900px;margin:0 auto;padding:0 20px 70px}
nav{display:flex;justify-content:space-between;align-items:baseline;padding:22px 0;border-bottom:1px solid #262626}
nav .logo{font-family:"Pirata One",serif;font-size:26px;color:#f5f5f5;text-decoration:none;letter-spacing:1px}
nav .tag{color:#888;font-style:italic;font-size:16px}
.hero{text-align:center;padding:44px 0 8px}
.hero .raven{width:230px;max-width:60vw;height:auto;display:block;margin:0 auto 8px}
.kicker{color:#c9a227;letter-spacing:3px;text-transform:uppercase;font-size:14px;font-weight:600}
h1{font-family:"Pirata One",serif;font-weight:400;font-size:56px;line-height:1.1;margin:10px 0 14px}
.sea{font-family:"Pirata One",serif;font-size:21px;color:#c9a227;letter-spacing:1px;margin-bottom:14px}
.sea small{display:block;font-family:"Cormorant Garamond",serif;font-size:15px;color:#888;letter-spacing:2px;text-transform:uppercase;margin-top:2px}
.intro{max-width:640px;margin:0 auto;color:#ccc;font-size:20px}
.intro em{color:#f5f5f5}
.stage{margin-top:36px;text-align:center}
button.ritual{font-family:"Pirata One",serif;font-size:22px;letter-spacing:1px;background:#111;color:#f5f5f5;border:1px solid #c9a227;padding:13px 34px;cursor:pointer;border-radius:3px;transition:all .2s}
button.ritual:hover{background:#c9a227;color:#000}
.hint{color:#888;font-style:italic;margin-top:14px;font-size:17px}
.count{display:none;padding:26px 0 6px}
.count .num{font-family:"Pirata One",serif;font-size:110px;line-height:1;color:#c9a227}
.count .line{font-style:italic;color:#bbb;font-size:20px;margin-top:10px;min-height:30px}
.cards{display:none;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:10px}
.card{width:200px;height:300px;perspective:900px;cursor:pointer}
.card-inner{position:relative;width:100%;height:100%;transition:transform .7s;transform-style:preserve-3d}
.card.flipped .card-inner{transform:rotateY(180deg)}
.card.done{cursor:default}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #c9a227;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center}
.face.back{background:radial-gradient(ellipse at center,#1d1808 0%,#000 78%)}
.face.back img{width:96px;height:auto;opacity:.95}
.face.back .numeral{font-family:"Pirata One",serif;font-size:30px;color:#f5f5f5;margin-top:8px}
.face.back .bt{font-family:"Pirata One",serif;font-size:16px;letter-spacing:2px;margin-top:4px;color:#c9a227}
.face.back .dare{font-style:italic;color:#999;font-size:15px;margin-top:8px}
.face.front{background:linear-gradient(180deg,#141414,#050505);transform:rotateY(180deg);justify-content:flex-start;padding-top:22px}
.face.front img{width:86px;height:auto}
.face.front .pos{color:#c9a227;letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:600;margin-top:8px}
.face.front .cname{font-family:"Pirata One",serif;font-size:24px;line-height:1.25;margin-top:8px}
.verdicts{max-width:680px;margin:38px auto 0;text-align:left}
.verdict{display:none;background:#0b0b0b;border:1px solid #2a2a2a;border-left:3px solid #c9a227;padding:18px 22px;margin-bottom:16px;border-radius:4px}
.verdict.show{display:block;animation:rise .5s ease}
.verdict h3{font-family:"Pirata One",serif;font-weight:400;font-size:23px;margin-bottom:4px}
.verdict h3 span{color:#c9a227;font-size:15px;letter-spacing:2px;text-transform:uppercase;font-family:"Cormorant Garamond",serif;font-weight:600;display:block}
.verdict p{color:#ddd}
.final{display:none;text-align:center;margin-top:30px}
.final .word{font-family:"Pirata One",serif;font-size:28px;color:#c9a227}
.final p{color:#aaa;font-style:italic;margin:8px 0 20px}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
footer{border-top:1px solid #262626;margin-top:56px;padding-top:24px;text-align:center;color:#777;font-size:16px}
footer a{color:#999}
@media(max-width:640px){h1{font-size:42px}.card{width:150px;height:228px}.face.front .cname{font-size:19px}.face.back img{width:70px}.count .num{font-size:80px}}