.sod-page{--sod-bg:#0e0a07;--sod-paper:#f4ebdc;--sod-ink:#191008;--sod-cream:#f4ede3;--sod-red:#ff3b4e;--sod-amber:#ffb524;--sod-mint:#5fc8a8;--sh-paper:var(--sod-cream);color:var(--sod-cream)}.sod-stage{min-height:100dvh;padding-top:var(--sh-clearance);background:radial-gradient(1200px 800px at 50% -10%, #241710 0%, var(--sod-bg) 62%);color:var(--sod-cream);font-family:var(--font-poppins), sans-serif;-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex;position:relative;overflow-x:clip}.sod-stage:before{content:"";z-index:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.sod-stage>*{z-index:1;position:relative}.sod-stage ::selection{background:var(--sod-red);color:var(--sod-cream)}.sod-stage :focus-visible{outline:3px solid var(--sod-amber);outline-offset:3px}.sod-marquee{background:var(--sod-red);border-top:2px solid var(--sod-ink);border-bottom:2px solid var(--sod-ink);flex:none;align-items:center;height:42px;display:flex;overflow:hidden}.sod-marquee-track{width:max-content;animation:46s linear infinite sod-scroll;display:flex}.sod-marquee-track span{white-space:nowrap;letter-spacing:.28em;color:var(--sod-bg);padding-right:.28em;font-size:13px;font-weight:700}@keyframes sod-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.sod-marquee-track{animation:none}}.sod-screen{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;width:100%;max-width:1060px;margin:0 auto;padding:40px 20px 48px;display:flex}.sod-kicker{letter-spacing:.34em;color:var(--sod-amber);margin:0 0 14px;font-size:13px;font-weight:600}.sod-title{letter-spacing:-.02em;text-transform:uppercase;flex-direction:column;margin:0 0 18px;font-size:clamp(46px,9vw,104px);font-weight:700;line-height:.98;display:flex}.sod-title-top{color:var(--sod-cream)}.sod-title-bottom{color:#0000;-webkit-text-stroke:2px var(--sod-red);text-stroke:2px var(--sod-red)}.sod-sub{color:#f4ede3b8;max-width:560px;margin:0 0 34px;font-size:16px;font-weight:400;line-height:1.6}.sod-dose-heading{letter-spacing:.3em;color:var(--sod-cream);align-items:center;gap:16px;margin:0 0 20px;font-size:14px;font-weight:600;display:flex}.sod-dose-line{background:var(--sod-amber);border-radius:999px;width:46px;height:3px}.sod-modes{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;margin-bottom:30px;display:grid}.sod-mode{--sod-accent:var(--sod-cream);text-align:left;border:2px solid var(--sod-accent);min-height:172px;color:var(--sod-cream);cursor:pointer;background:#f4ede30a;border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 16px;font-family:inherit;transition:transform .14s,box-shadow .14s;display:flex;box-shadow:5px 5px #0009}.sod-mode:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #0009}.sod-mode:active{transform:translate(3px,3px);box-shadow:1px 1px #0009}.sod-mode--isinma{--sod-accent:var(--sod-mint)}.sod-mode--cesur{--sod-accent:var(--sod-amber)}.sod-mode--rezil{--sod-accent:var(--sod-red)}.sod-mode--karisik{--sod-accent:var(--sod-cream)}.sod-mode-head{align-items:center;gap:8px;display:flex}.sod-mode-name{letter-spacing:.06em;color:var(--sod-accent);font-size:21px;font-weight:700}.sod-mode-badge{letter-spacing:.08em;color:var(--sod-bg);background:var(--sod-red);border-radius:6px;padding:2px 7px;font-size:12px;font-weight:700;transform:rotate(-6deg)}.sod-mode-tagline{color:#f4ede3a8;flex:auto;font-size:13px;font-weight:400;line-height:1.5}.sod-mode-count{letter-spacing:.1em;color:#f4ede3cc;border:1.5px solid #f4ede359;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.sod-rule-line{color:#f4ede38c;max-width:640px;margin:0 0 10px;font-size:13.5px;font-weight:400;line-height:1.65}.sod-adult-note{letter-spacing:.04em;color:var(--sod-red);margin:0;font-size:13px;font-weight:600}.sod-play,.sod-end{max-width:720px;padding-top:28px}.sod-play-bar{justify-content:space-between;align-items:center;gap:12px;width:100%;height:48px;margin-bottom:18px;display:flex}.sod-quit{letter-spacing:.14em;color:#f4ede3bf;cursor:pointer;background:0 0;border:1.5px solid #f4ede359;border-radius:999px;height:38px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:600;transition:color .14s,border-color .14s}.sod-quit:hover{color:var(--sod-cream);border-color:var(--sod-cream)}.sod-mode-chip{letter-spacing:.22em;color:var(--sod-bg);background:var(--sod-amber);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700}.sod-counter{text-align:right;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#f4ede3d9;min-width:76px;font-size:15px;font-weight:600}.sod-card{width:100%;min-height:clamp(320px, calc(57svh - var(--sh-clearance)), 440px);background:repeating-linear-gradient(0deg, #19100806 0 2px, transparent 2px 5px), var(--sod-paper);color:var(--sod-ink);border:2px solid var(--sod-ink);border-radius:18px;justify-content:center;align-items:center;padding:64px 34px 56px;display:flex;position:relative;box-shadow:9px 11px #0000008c}.sod-card--tilt-a{transform:rotate(-1.1deg)}.sod-card--tilt-b{transform:rotate(1.1deg)}.sod-card-stamp{letter-spacing:.16em;color:var(--sod-ink);border:2px solid;border-radius:8px;padding:5px 12px;font-size:13px;font-weight:700;position:absolute;top:20px;right:20px;transform:rotate(7deg)}.sod-card[data-level="1"] .sod-card-stamp{color:#0e7a5f}.sod-card[data-level="2"] .sod-card-stamp{color:#a86300}.sod-card[data-level="3"] .sod-card-stamp{color:#c81e3c}.sod-card-mark{color:#1910080d;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:clamp(220px,40vh,340px);font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.sod-card-text{text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(24px,3.6vw,34px);font-weight:600;line-height:1.35;position:relative}.sod-card-no{letter-spacing:.2em;color:#19100873;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;position:absolute;top:24px;left:22px}.sod-card-action{letter-spacing:.2em;white-space:nowrap;color:#1910089e;border:1.5px dashed #1910086b;border-radius:999px;padding:6px 16px;font-size:11px;font-weight:700;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.sod-controls{gap:14px;width:100%;margin-top:30px;display:flex}.sod-btn{letter-spacing:.14em;cursor:pointer;border-radius:12px;height:58px;padding:0 22px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .14s,box-shadow .14s}.sod-btn--primary{color:var(--sod-bg);background:var(--sod-red);border:2px solid var(--sod-ink);box-shadow:5px 5px 0 var(--sod-cream);flex:auto}.sod-btn--primary:hover{box-shadow:7px 7px 0 var(--sod-cream);transform:translate(-2px,-2px)}.sod-btn--primary:active{box-shadow:1px 1px 0 var(--sod-cream);transform:translate(3px,3px)}.sod-btn--ghost{color:#f4ede3cc;box-shadow:none;background:0 0;border:2px solid #f4ede366;flex:none}.sod-btn--ghost:hover:not(:disabled){color:var(--sod-cream);border-color:var(--sod-cream)}.sod-btn--ghost:disabled{opacity:.3;cursor:default}.sod-card--end .sod-card-stamp{color:#c81e3c}.sod-end-title{letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(36px,6vw,56px);font-weight:700}.sod-end-sub{color:#191008b3;max-width:34ch;margin:0;font-size:16px;font-weight:400;line-height:1.6}.sod-card--end{flex-direction:column}@media (max-width:900px){.sod-modes{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.sod-screen{padding:28px 16px 36px}.sod-modes{grid-template-columns:1fr}.sod-mode{min-height:0}.sod-card{min-height:clamp(278px, calc(60svh - var(--sh-clearance)), 420px);padding:58px 22px 52px}.sod-controls{flex-direction:row}.sod-btn--ghost{padding:0 16px}.sod-play-bar{margin-bottom:10px}}