#drama{pointer-events:none;z-index:13;position:fixed;inset:0}#drama .taunts{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:240px;right:12px}#drama .taunt{pointer-events:auto;cursor:pointer;border:1px solid var(--c);max-width:min(320px,100vw - 24px);box-shadow:0 8px 24px #00000080, 0 0 18px color-mix(in srgb, var(--c) 40%, transparent);background:#0d1016f0;border-radius:12px;align-items:center;gap:10px;padding:10px 14px 10px 10px;transition:opacity .5s,transform .5s;animation:.45s cubic-bezier(.2,1.3,.4,1) both taunt-in;display:flex}#drama .taunt.out{opacity:0;transform:translate(30px)}#drama .taunt .monogram{width:34px;height:34px;font-size:13px}.taunt-who{color:var(--c);letter-spacing:.5px;font-size:11px;font-weight:800}.taunt-text{color:#f3f4f6;margin-top:2px;font-size:14px;font-weight:700;line-height:1.35}@keyframes taunt-in{0%{opacity:0;transform:translate(60px)scale(.94)}to{opacity:1;transform:none}}.highlight{pointer-events:auto;cursor:pointer;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--c) 22%, #05070a8c), #05070ad1);place-items:center;animation:2.6s ease-in-out both hl-bg;display:grid;position:absolute;inset:0}.hl-band{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--c) 70%, #0b0f14) 18%, color-mix(in srgb, var(--c) 70%, #0b0f14) 82%, transparent);width:100%;box-shadow:0 0 60px color-mix(in srgb, var(--c) 55%, transparent);justify-content:center;align-items:center;gap:24px;padding:22px 16px;animation:2.6s cubic-bezier(.2,.9,.2,1) both hl-band;display:flex;position:relative;transform:skewY(-4deg)}.hl-band:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 40%,#ffffff59 50%,#0000 60%) 0 0/300% 100%;animation:1.2s ease-out .25s both hl-shine;position:absolute;inset:0}.hl-hq{aspect-ratio:2/3;height:150px;animation:2.6s cubic-bezier(.2,1.3,.4,1) both hl-hq;position:relative;transform:skewY(4deg)}.hl-hq img{filter:drop-shadow(0 0 20px #ffffff59);width:100%;height:100%;position:absolute;inset:0}.hl-text{text-align:left;transform:skewY(4deg)}.hl-kicker{letter-spacing:6px;color:#ffffffbf;font-size:12px;font-weight:800}.hl-title{color:#fff;letter-spacing:2px;text-shadow:0 4px 0 #00000059, 0 0 30px var(--c);font-size:56px;font-weight:900;line-height:1.05;animation:2.6s cubic-bezier(.2,1.4,.4,1) both hl-title}.hl-sub{color:#f3f4f6;margin-top:4px;font-size:18px;font-weight:700}@keyframes hl-bg{0%{opacity:0}10%,85%{opacity:1}to{opacity:0}}@keyframes hl-band{0%{transform:skewY(-4deg)scaleX(0)}14%{transform:skewY(-4deg)scaleX(1)}85%{opacity:1;transform:skewY(-4deg)scaleX(1)}to{opacity:0;transform:skewY(-4deg)scaleX(1.05)}}@keyframes hl-shine{0%{background-position:120% 0}to{background-position:-40% 0}}@keyframes hl-hq{0%,10%{opacity:0;transform:skewY(4deg)translateY(30px)scale(.7)}30%{opacity:1;transform:skewY(4deg)scale(1)}to{transform:skewY(4deg)scale(1.04)}}@keyframes hl-title{0%,12%{opacity:0;letter-spacing:20px;transform:scale(1.8)}30%{opacity:1;letter-spacing:2px;transform:scale(1)}}@media (width<=700px){#drama .taunts{align-items:stretch;top:56px;left:8px;right:8px}#drama .taunt{max-width:none}.hl-hq{height:96px}.hl-title{font-size:36px}.hl-sub{font-size:14px}.hl-band{gap:12px}}@media (prefers-reduced-motion:reduce){#drama *{animation-duration:10ms!important}}#tutorial{z-index:12;pointer-events:none;position:fixed;inset:0}#tutorial[hidden],#tutorial [hidden]{display:none!important}.tut-spot{border-radius:12px;outline:2px solid #facc15;transition:left .2s,top .2s,width .2s,height .2s;animation:1.6s ease-in-out infinite tut-breathe;position:absolute;box-shadow:0 0 0 200vmax #05080c8c}.tut-spot.soft{box-shadow:0 0 0 200vmax #05080c59}.tut-spot.round{border-radius:50%}@keyframes tut-breathe{0%,to{outline-offset:0;outline-color:#facc15f2}50%{outline-offset:4px;outline-color:#facc1559}}.tut-ring{border:3px solid #facc15;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;animation:1.1s ease-out infinite tut-pulse;position:absolute;box-shadow:0 0 18px #facc15}@keyframes tut-pulse{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.6)}}.tut-bubble{box-sizing:border-box;color:#111;pointer-events:auto;background:#facc15;border-radius:10px;flex-direction:column;gap:6px;width:max-content;max-width:min(300px,100vw - 16px);padding:8px 12px 10px;font-size:13px;font-weight:600;line-height:1.45;display:flex;position:absolute;top:64px;left:8px;box-shadow:0 8px 24px #00000080}.tut-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.tut-count{background:#00000024;border-radius:999px;padding:0 7px;font-size:11px;font-weight:800}.tut-bubble button.link{color:#333;white-space:nowrap;background:0 0;border:0;padding:0;font-size:11px;font-weight:600;text-decoration:underline}.tut-bubble button.tut-next{color:#facc15;background:#111;border:0;border-radius:7px;align-self:flex-end;padding:4px 14px;font-weight:800}.tut-bubble button.tut-next:hover{background:#2a2a2a}.tut-card-wrap{box-sizing:border-box;pointer-events:auto;background:radial-gradient(#080a0e59,#080a0ecc);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.tut-card-wrap:empty{display:none}.tut-card{box-sizing:border-box;text-align:center;border:1px solid var(--c);background:radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--c) 30%, transparent), transparent 65%), var(--panel-solid,#161b24);width:min(400px,100%);max-height:calc(100vh - 32px);box-shadow:0 18px 50px #0009, 0 0 40px color-mix(in srgb, var(--c) 35%, transparent);border-radius:16px;padding:0 24px 20px;animation:.35s ease-out tut-in;position:relative;overflow-y:auto}@keyframes tut-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.tut-art{height:120px;margin:0 -24px;position:relative}.tut-art img{height:150px;filter:drop-shadow(0 0 22px color-mix(in srgb, var(--c) 70%, transparent));animation:2.6s ease-in-out infinite tut-float;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}@keyframes tut-float{0%,to{margin-bottom:0}50%{margin-bottom:5px}}.tut-tag{letter-spacing:.06em;color:#0b0f14;background:var(--c);border-radius:999px;margin-top:10px;padding:1px 10px;font-size:11px;font-weight:800;display:inline-block}.tut-card h2{margin:8px 0 6px;font-size:22px}.tut-card p{margin:6px 0}.tut-dim{color:var(--dim,#9aa3b2);font-size:12px}.tut-wins{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.tut-win{border:1px solid color-mix(in srgb, var(--c) 40%, transparent);background:#ffffff0d;border-radius:10px;flex-direction:column;gap:2px;padding:8px;display:flex}.tut-win b{color:var(--c);letter-spacing:.04em;font-size:16px}.tut-btns{flex-direction:column;align-items:center;gap:8px;margin-top:14px;display:flex}.tut-btns button{min-width:180px;padding:8px 16px}.tut-btns button.tut-go{color:#0b0f14;background:var(--c);box-shadow:0 0 22px color-mix(in srgb, var(--c) 55%, transparent);border:0;border-radius:10px;font-size:15px;font-weight:800}.tut-btns button.tut-go:hover{filter:brightness(1.12)}.tut-btns button.link{min-width:0}@media (height<=640px){.tut-art{height:70px}.tut-art img{height:92px}.tut-card h2{font-size:19px}}@media (prefers-reduced-motion:reduce){#tutorial *{transition:none!important;animation:none!important}}@media (width<=700px){body.in-tutorial #goal .guide{display:none}}