:root{--sd-black:#120909;--sd-red:#c0152a;--sd-red-dark:#8a0e1e;--sd-green:#2a7a47;--sd-green-bright:#4aab6a;--sd-amber:#b87820;--sd-cream:#f2e6d4;--sd-cream-dim:#dccaaa;--sd-card:#2e1a1a;--sd-card2:#3a2020;--sd-border:#c0152a66;--sd-muted:#c0a890;--sd-px:20px}@media (width>=520px){:root{--sd-px:28px}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--sd-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(110% 55% at 50% -2%,#c0152a52 0%,#0000 62%),radial-gradient(65% 45% at 50% 112%,#6e060e2e 0%,#0000 65%),radial-gradient(45% 70% at -5% 55%,#14502d17 0%,#0000 72%),radial-gradient(40% 60% at 105% 45%,#50040a12 0%,#0000 70%),radial-gradient(160% 110%,#0000 38%,#0000009e 100%);min-height:100dvh}body:after{content:"";pointer-events:none;z-index:9999;opacity:.052;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='256' height='256' filter='url(%23n)'/></svg>");background-size:256px 256px;position:fixed;inset:0}#root{width:100%}.sd-wrap{width:100%;max-width:480px;color:var(--sd-cream);background:#1e1111;min-height:100vh;margin:0 auto;padding-bottom:80px;font-family:Teko,sans-serif;overflow:hidden}@media (width>=520px){.sd-wrap{box-shadow:0 0 0 1px #c0152a2e,0 0 40px #c0152a12,0 8px 60px #0000008c}}.sd-logo-row{border-bottom:.5px solid var(--sd-border);padding:44px 24px 16px}.sd-logo{letter-spacing:6px;color:var(--sd-cream);text-shadow:0 0 28px #c0152a66,0 0 70px #c0152a1f;font-family:Creepster,cursive;font-size:36px}@media (width>=520px){.sd-logo-row{padding:52px 28px 18px}.sd-logo{letter-spacing:8px;font-size:42px}}.sd-logo .dot{color:var(--sd-red);text-shadow:0 0 10px #c0152ae6,0 0 30px #c0152a66}.sd-progress{gap:2px;width:100%;display:flex}.sd-progress-seg{flex:1;height:3px}.sd-progress-seg.completed{background:var(--sd-green);box-shadow:0 0 6px #2a7a478c}.sd-progress-seg.active{background:var(--sd-red);box-shadow:0 0 5px #c0152a8c}.sd-progress-seg.upcoming{background:#ffffff1f}.sd-bottom-nav{-webkit-backdrop-filter:blur(14px);z-index:100;background:#1a0e0ef7;border-top:.5px solid #c0152a59;border-left:.5px solid #c0152a26;border-right:.5px solid #c0152a26;width:100%;max-width:480px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.sd-nav-tab{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;padding:10px 4px 14px;text-decoration:none;transition:opacity .15s;display:flex;position:relative}.sd-nav-tab:before{content:"";background:var(--sd-red);border-radius:0 0 3px 3px;width:28px;height:2px;transition:transform .2s;position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(0);box-shadow:0 0 8px #c0152acc}.sd-nav-tab.active:before{transform:translate(-50%)scaleX(1)}.sd-nav-tab.disabled{opacity:.28;pointer-events:none}.sd-nav-tab svg{fill:none;stroke-width:1.5px;width:22px;height:22px;transition:stroke .15s,filter .15s}.sd-nav-tab.active svg{stroke:var(--sd-red);filter:drop-shadow(0 0 7px #c0152aa6)}.sd-nav-tab:not(.active) svg{stroke:#9a8080}.sd-nav-label{text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-family:Special Elite,serif;font-size:9px;transition:color .15s}.sd-nav-tab.active .sd-nav-label{color:var(--sd-red)}.sd-nav-tab:not(.active) .sd-nav-label{color:var(--sd-muted)}.sd-nav-soon{color:var(--sd-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:1px;font-family:Special Elite,serif;font-size:7px}.sd-section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--sd-muted);padding:0 var(--sd-px);margin-bottom:8px;font-family:Special Elite,serif;font-size:9px}.sd-cta-btn{width:calc(100% - var(--sd-px) * 2);margin:0 var(--sd-px);background:var(--sd-red);color:var(--sd-cream);letter-spacing:1px;cursor:pointer;border:none;border-radius:14px;padding:15px;font-family:Creepster,cursive;font-size:22px;transition:background .15s,transform .1s,box-shadow .15s;display:block;box-shadow:0 0 18px #c0152a59,0 4px 16px #c0152a40,inset 0 1px #ffffff14}.sd-cta-btn:hover:not(:disabled){background:#d4182f;transform:translateY(-1px);box-shadow:0 0 28px #c0152a8c,0 6px 24px #c0152a66,inset 0 1px #ffffff1a}.sd-cta-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 0 14px #c0152a59,0 2px 10px #c0152a40}@media (width>=520px){.sd-cta-btn{border-radius:16px;padding:17px;font-size:24px}}.sd-cta-btn:disabled{background:var(--sd-card2);color:var(--sd-muted);cursor:not-allowed;box-shadow:none}.sd-skip-link{text-align:center;color:var(--sd-muted);cursor:pointer;background:0 0;border:none;width:100%;padding:10px;font-family:Special Elite,serif;font-size:10px}.sd-act-header{padding:16px var(--sd-px) 8px;align-items:center;gap:10px;display:flex}.sd-act-badge{color:var(--sd-red);letter-spacing:1px;font-family:Creepster,cursive;font-size:13px}.sd-act-title{color:var(--sd-cream);flex:1;font-family:Teko,sans-serif;font-size:20px;font-weight:500}.sd-xp-pill{color:var(--sd-cream-dim);border:.5px solid var(--sd-border);border-radius:20px;padding:3px 8px;font-family:Special Elite,serif;font-size:10px}@media (width>=520px){.sd-act-header{padding:20px var(--sd-px) 10px}.sd-act-badge{font-size:14px}.sd-act-title{font-size:22px}.sd-xp-pill{padding:4px 10px;font-size:11px}}.sd-options{padding:0 var(--sd-px);flex-direction:column;gap:8px;display:flex}.sd-option{background:var(--sd-card);cursor:pointer;border:1px solid #ffffff21;border-radius:10px;align-items:center;gap:12px;padding:13px 16px;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s;display:flex}.sd-option:hover:not(.disabled){background:#c0152a0f;border-color:#c0152a73;box-shadow:0 0 10px #c0152a14}@media (width>=520px){.sd-option{border-radius:12px;padding:15px 18px}.sd-option-letter{width:26px!important;font-size:20px!important}.sd-option-text{font-size:18px!important}}.sd-option.selected{background:#c0152a1a;border-color:#c0152ab3;box-shadow:0 0 14px #c0152a26,inset 0 0 0 1px #c0152a1f}.sd-option.correct{background:#2a7a471f;border-color:#2a7a47b3;box-shadow:0 0 14px #2a7a472e}.sd-option.wrong{background:#5a121229;border-color:#c0152a73}.sd-option.disabled{opacity:.42;cursor:not-allowed}.sd-option-letter{color:var(--sd-cream-dim);text-align:center;flex-shrink:0;width:24px;font-family:Creepster,cursive;font-size:18px}.sd-option.selected .sd-option-letter{color:var(--sd-red)}.sd-option.correct .sd-option-letter{color:var(--sd-green-bright)}.sd-option-text{color:var(--sd-cream);flex:1;font-family:Teko,sans-serif;font-size:16px}.sd-option-icon{margin-left:auto;font-size:14px}.sd-feedback{margin:10px var(--sd-px);border-radius:10px;padding:12px 16px;font-family:Special Elite,serif;font-size:11px;line-height:1.5}@media (width>=520px){.sd-feedback{border-radius:12px;padding:14px 18px;font-size:12px}}.sd-feedback.correct{color:var(--sd-green-bright);background:#2a7a4724;border:1px solid #2a7a4761;box-shadow:0 0 14px #2a7a471a}.sd-feedback.wrong{color:var(--sd-cream-dim);background:#c0152a1a;border:1px solid #c0152a38}.sd-input{width:calc(100% - var(--sd-px) * 2);margin:0 var(--sd-px);background:var(--sd-card);color:var(--sd-cream);border:1px solid #ffffff2e;border-radius:12px;outline:none;padding:14px 16px;font-family:Teko,sans-serif;font-size:18px;transition:border-color .15s,box-shadow .15s;display:block}@media (width>=520px){.sd-input{border-radius:14px;padding:16px 18px;font-size:20px}}.sd-input::placeholder{color:var(--sd-muted)}.sd-input:focus{border-color:#c0152aa6;box-shadow:0 0 0 3px #c0152a1a,0 0 16px #c0152a1f}.sd-header{border-bottom:.5px solid var(--sd-border)}.sd-header-inner{padding:44px var(--sd-px) 16px;justify-content:space-between;align-items:center;display:flex}.sd-desktop-nav{display:none}.sd-desktop-tab{text-transform:uppercase;letter-spacing:.12em;cursor:pointer;color:var(--sd-muted);background:0 0;border:none;border-radius:8px;padding:8px 14px;font-family:Special Elite,serif;font-size:11px;transition:color .15s,background .15s;position:relative}.sd-desktop-tab:hover:not(.disabled):not(.active){color:var(--sd-cream-dim);background:#ffffff0a}.sd-desktop-tab.active{color:var(--sd-cream);background:var(--sd-card);box-shadow:inset 0 0 0 1px #c0152a47}.sd-desktop-tab.disabled{opacity:.3;cursor:not-allowed}.sd-desktop-tab-soon{color:var(--sd-muted);letter-spacing:.05em;font-size:7px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sd-home-content{display:block}.sd-home-left,.sd-home-right,.sd-game-content{width:100%}.sd-desktop-only{display:none!important}.sd-mobile-only{display:block}@media (width>=900px){:root{--sd-px:32px}.sd-wrap{background:#1e1111;max-width:960px;padding-bottom:0;box-shadow:-1px 0 #c0152a1f,1px 0 #c0152a1f,0 0 0 .5px #c0152a29,0 0 80px #c0152a0f,0 20px 100px #000000a6}.sd-header{-webkit-backdrop-filter:blur(14px);background:#160c0ceb}.sd-header-inner{padding:28px 32px 18px}.sd-logo{letter-spacing:8px;text-shadow:0 0 40px #c0152a80,0 0 100px #c0152a2e;font-size:42px}.sd-desktop-nav{gap:4px;display:flex}.sd-bottom-nav{display:none}.sd-home-content{grid-template-columns:1fr 320px;align-items:start;gap:28px;padding:0 32px 48px;display:grid}.sd-home-left,.sd-home-right{padding:0}.sd-act-row{transition:border-color .15s,background .15s,box-shadow .15s}.sd-act-row:not([style*="cursor: default"]):hover{background:#c0152a0f!important;border-color:#c0152a85!important;box-shadow:0 0 16px #c0152a14!important}.sd-game-content{max-width:620px;margin:0 auto;padding-bottom:40px}.sd-desktop-only{display:flex!important}.sd-mobile-only{display:none!important}.sd-act-header{padding:20px 0 10px}.sd-act-title{font-size:24px}.sd-act-badge{font-size:15px}.sd-progress-seg{height:4px}.sd-options{gap:10px;padding:0}.sd-option{border-radius:12px;padding:15px 18px}.sd-option-letter{width:26px;font-size:20px}.sd-option-text{font-size:18px}.sd-feedback{margin:12px 0;padding:14px 18px;font-size:12px}.sd-input{border-radius:14px;width:100%;margin:0;padding:16px 18px;font-size:20px}.sd-cta-btn{border-radius:14px;width:100%;margin:0;padding:16px;font-size:24px}.sd-section-label{padding:0}#root:before{content:"";pointer-events:none;z-index:9998;background:repeating-linear-gradient(#0000 0 3px,#00000009 3px 4px);position:fixed;inset:0}}@keyframes pulse-border{0%,to{border-color:var(--sd-border);box-shadow:none}50%{border-color:#c0152aa6;box-shadow:0 0 16px #c0152a2e}}@keyframes xp-bar-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes reveal-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes stamp-in{0%{opacity:0;transform:scale(1.15)}60%{opacity:1;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.sd-result-reveal{animation:.3s ease-out forwards reveal-up}.sd-stamp-in{animation:.28s ease-out forwards stamp-in}