@import "https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@400;500;600;700&display=swap";
:root{--ink:#0a0908;--ink-2:#121110;--ink-3:#1a1817;--line:#2a2724;--bone:#ece6da;--muted:#8d8378;--blood:#c81e2b;--blood-hot:#ff3040;--blood-dim:#4a1016;--life:#3fa66a;--life-hot:#5ed48c;--life-dim:#10301f;--amber:#d9a33c;--display:"Anton", "Oswald", Impact, sans-serif;--head:"Oswald", "Segoe UI", sans-serif;--body:"Segoe UI", Inter, system-ui, -apple-system, sans-serif;--radius:4px;--max:1080px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--ink);color:var(--bone);font-family:var(--body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 55% at 50% -10%,#c81e2b29,#0000 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");min-height:100vh;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.wrap{max-width:var(--max);margin:0 auto;padding:0 18px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background:#0a0908e6;position:sticky;top:0}.topbar-in{align-items:center;gap:20px;height:62px;display:flex}.logo{font-family:var(--display);letter-spacing:1px;text-transform:uppercase;color:var(--bone);white-space:nowrap;font-size:27px;line-height:1}.logo span{color:var(--blood-hot)}.logo small{font-family:var(--head);letter-spacing:3px;color:var(--muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.nav{font-family:var(--head);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:18px;margin-left:auto;font-size:14px;display:flex}.nav a{color:var(--muted);border-bottom:2px solid #0000;padding:6px 0}.nav a:hover{color:var(--bone);border-bottom-color:var(--blood)}.btn-mini{font-family:var(--head);text-transform:uppercase;letter-spacing:.6px;background:var(--blood);color:#fff;border-radius:var(--radius);cursor:pointer;border:0;padding:9px 14px;font-size:13px}.btn-mini:hover{background:var(--blood-hot)}.btn-ghost{border:1px solid var(--line);color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--bone);border-color:var(--bone);background:0 0}.hero{text-align:center;padding:54px 0 30px}.hero h1{font-family:var(--display);text-transform:uppercase;letter-spacing:1px;margin:0 0 14px;font-size:clamp(38px,8vw,76px);line-height:.94}.hero h1 em{color:var(--blood-hot);text-shadow:0 0 30px #ff304066;font-style:normal}.hero p{color:var(--muted);max-width:620px;margin:0 auto;font-size:16px}.hero .rule{color:var(--bone);border-left:2px solid var(--blood);text-align:left;margin-top:18px;padding-left:12px;font-size:14px;line-height:1.5;display:inline-block}.filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:22px 0 6px;display:flex}.chip{font-family:var(--head);text-transform:uppercase;letter-spacing:.7px;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 13px;font-size:12.5px}.chip:hover{color:var(--bone)}.chip.on{background:var(--bone);color:var(--ink);border-color:var(--bone)}.filters .sep{background:var(--line);width:1px;margin:4px 8px}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding-bottom:60px;display:grid}.card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.card:hover{border-color:#4a423c;transform:translateY(-2px)}.card-top{font-family:var(--head);letter-spacing:1px;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;padding:12px 14px 0;font-size:11.5px;display:flex}.tag{border:1px solid var(--line);border-radius:3px;padding:2px 7px}.tag.hikaye{color:var(--blood-hot);border-color:var(--blood-dim)}.tag.kurgu{color:#8b7bd8;border-color:#2e2748}.tag.tarih{color:var(--amber);border-color:#453516}.tag.olgu{color:#4fa3b8;border-color:#17383f}.card h3{font-family:var(--head);margin:10px 14px 8px;font-size:20px;font-weight:600;line-height:1.25}.card p{color:var(--muted);flex:1;margin:0 14px 14px;font-size:14.5px}.card-img{object-fit:cover;filter:grayscale(.55)contrast(1.05);border-bottom:1px solid var(--line);width:100%;height:168px}.bar{background:var(--ink-3);height:6px;display:flex}.bar i{height:100%;display:block}.bar .g{background:var(--blood)}.bar .y{background:var(--life)}.scores{font-family:var(--head);letter-spacing:.8px;text-transform:uppercase;justify-content:space-between;padding:9px 14px 12px;font-size:12.5px;display:flex}.scores .g{color:var(--blood-hot)}.scores .y{color:var(--life-hot)}.meter{flex-direction:column;gap:7px;padding:4px 14px 12px;display:flex}.meter-row{font-family:var(--head);letter-spacing:.8px;align-items:center;gap:9px;font-size:12px;display:flex}.meter-row>span:first-child{width:56px;color:var(--muted)}.meter-row .bar-outer{background:var(--ink-3);border-radius:2px;flex:1;height:8px;overflow:hidden}.meter-row .bar-outer i{height:100%;transition:width .3s;display:block}.meter-row .bar-outer i.g{background:var(--blood)}.meter-row .bar-outer i.y{background:var(--life)}.meter-row b{text-align:right;width:62px;font-weight:600}.meter-row b.g,.meter-row span.g{color:var(--blood-hot)}.meter-row b.y,.meter-row span.y{color:var(--life-hot)}.meter.big{padding:6px 0 0}.meter.big .meter-row{font-size:14px}.meter.big .bar-outer{height:12px}.vote-row{background:var(--line);border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.vote{font-family:var(--head);text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;background:var(--ink-3);border:0;padding:14px 8px;font-size:15px;font-weight:600;transition:background .12s,color .12s}.vote.g{color:var(--blood-hot)}.vote.g:hover:not(:disabled){background:var(--blood);color:#fff}.vote.y{color:var(--life-hot)}.vote.y:hover:not(:disabled){background:var(--life);color:#06170e}.vote:disabled{cursor:default;opacity:.45}.vote.chosen{background:var(--blood);color:#fff;opacity:1}.vote.y.chosen{background:var(--life);color:#06170e}.case{max-width:760px;margin:0 auto;padding:34px 0 80px}.case h1{font-family:var(--head);margin:12px 0 14px;font-size:clamp(28px,5vw,42px);font-weight:700;line-height:1.12}.case-meta{color:var(--muted);font-family:var(--head);letter-spacing:1px;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:12px;font-size:12.5px;display:flex}.case-body{white-space:pre-wrap;border-left:2px solid var(--line);margin:24px 0 30px;padding-left:18px;font-size:17.5px;line-height:1.75}.mask{color:#57504a;letter-spacing:1px;background:#2a2724;border-radius:2px;padding:0 4px}.panel{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);margin:22px 0;padding:20px}.panel h2,.panel h3{font-family:var(--head);text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 14px;font-size:14px;font-weight:500}.methods{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.method{text-align:left;background:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;font-family:var(--head);letter-spacing:.3px;align-items:center;gap:9px;padding:11px 12px;font-size:14px;display:flex}.method:hover{border-color:var(--blood);color:#fff}.method .em{font-size:19px}.method .n{color:var(--muted);margin-left:auto;font-size:12px}.verdict{text-align:center;border:1px solid var(--blood-dim);border-radius:var(--radius);background:linear-gradient(#c81e2b1f,#0000);padding:26px 18px}.verdict .big{font-family:var(--display);text-transform:uppercase;color:var(--blood-hot);margin-bottom:8px;font-size:40px;line-height:1}.verdict.y{border-color:var(--life-dim);background:linear-gradient(#3fa66a1f,#0000)}.verdict.y .big{color:var(--life-hot)}.graves{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;padding-bottom:70px;display:grid}.grave{text-align:center;background:linear-gradient(#1e1c1a,#141312);border:1px solid #35302b;border-radius:120px 120px 6px 6px;flex-direction:column;min-height:250px;padding:34px 18px 22px;display:flex;box-shadow:inset 0 1px #ffffff0a}.grave .rip{font-family:var(--display);letter-spacing:5px;color:#5e564e;margin-bottom:12px;font-size:17px}.grave h3{font-family:var(--head);margin:0 0 10px;font-size:18px;font-weight:600;line-height:1.25}.grave .dates{color:var(--muted);font-size:12.5px;font-family:var(--head);letter-spacing:1px}.grave .cause{color:var(--blood-hot);font-family:var(--head);text-transform:uppercase;letter-spacing:.8px;margin-top:auto;padding-top:14px;font-size:13px}.form{max-width:680px;margin:0 auto;padding:34px 0 80px}.form h1{font-family:var(--display);text-transform:uppercase;margin:0 0 8px;font-size:clamp(30px,6vw,46px);line-height:1}.field{margin:18px 0}.field label{font-family:var(--head);text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:7px;font-size:12.5px;display:block}.field input,.field textarea,.field select{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);outline:none;width:100%;padding:12px 13px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blood)}.field textarea{resize:vertical;min-height:220px;line-height:1.65}.hint{color:var(--muted);margin-top:6px;font-size:13px}.hint.ok{color:var(--life-hot)}.hint.bad{color:var(--blood-hot)}.btn{font-family:var(--head);text-transform:uppercase;letter-spacing:1.2px;background:var(--blood);color:#fff;border-radius:var(--radius);cursor:pointer;border:0;width:100%;padding:14px 26px;font-size:16px;font-weight:600}.btn:hover:not(:disabled){background:var(--blood-hot)}.btn:disabled{opacity:.4;cursor:not-allowed}.notice{border:1px solid var(--line);border-left:3px solid var(--blood);background:var(--ink-2);border-radius:var(--radius);margin:16px 0;padding:14px 16px;font-size:14.5px}.notice.ok{border-left-color:var(--life)}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);padding:70px 20px}.profile-head{align-items:center;gap:16px;margin:8px 0 14px;display:flex}.avatar{background:var(--ink-2);border:1px solid var(--line);border-radius:50%;flex:0 0 74px;justify-content:center;align-items:center;width:74px;height:74px;font-size:36px;line-height:1;display:flex}.avatar.mini{flex-basis:26px;width:26px;height:26px;font-size:15px}.stat-row{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 30px;display:grid}.stat{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:14px 10px}.stat b{font-family:var(--display);margin-bottom:5px;font-size:28px;line-height:1;display:block}.stat span{font-family:var(--head);letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-size:11.5px}.author{color:var(--muted)}.author a:hover{color:var(--bone);text-decoration:underline}@media (max-width:520px){.stat-row{grid-template-columns:repeat(2,1fr)}}.foot{border-top:1px solid var(--line);color:var(--muted);padding:26px 0 40px;font-size:13px}.foot .row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.foot a:hover{color:var(--bone)}.stack{flex-direction:column;gap:10px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:1}.small{color:var(--muted);font-size:13px}.shake{animation:.4s shake}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}@media (max-width:640px){.topbar-in{flex-wrap:wrap;gap:10px;height:auto;padding:10px 0}.nav{justify-content:space-between;gap:10px;width:100%;margin-left:0;font-size:13px}.grid{grid-template-columns:1fr}}
