/* Tell Me Something */
.tms{position:absolute;inset:0;background:#d7261e;color:#111;overflow:hidden}
.tms .tw{font-family:"Special Elite","Courier New",Courier,monospace}
.tms .bgl{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .6s}
.tms .cascade{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .6s}
.tms .cascade.on{opacity:1}
.tms .cascade img{position:absolute;top:0;will-change:transform;animation:tmsFall linear infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}
@keyframes tmsFall{from{transform:translateY(-110%) rotate(var(--r,0deg))}to{transform:translateY(960px) rotate(var(--r,0deg))}}
.tms .scr{position:absolute;inset:0}
.tms .logo{position:absolute;left:16px;top:18px;width:190px;z-index:3}
.tms .word{position:absolute;left:50%;translate:-50% 0;z-index:3}
.tms .paper{position:absolute;left:50%;width:390px;margin-left:-195px;background:url(/img/tms/ui/blank.webp) center/100% 100% no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:46px 44px;z-index:2}
.tms .paper .txt{font-family:"Special Elite","Courier New",monospace;color:#1a1712;line-height:1.3;overflow-wrap:anywhere}
.tms .paper .kicker{font-family:"Special Elite","Courier New",monospace;font-size:14px;letter-spacing:.12em;color:#b0261e;margin-bottom:12px;text-transform:uppercase}
.tms .paper .meta{font-family:"Special Elite","Courier New",monospace;font-size:14px;color:#6b5b4a;margin-top:14px}
.tms .deco{position:absolute;z-index:1;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}
.tms .blackbtn{position:absolute;left:50%;width:370px;height:84px;margin-left:-185px;background:url(/img/tms/ui/black-bottom-button.webp) center/100% 100% no-repeat;color:#f3ede0;font:28px "Special Elite","Courier New",monospace;display:flex;align-items:center;padding:0 90px 6px 40px;cursor:pointer;z-index:4;border:0}
.tms .blackbtn span{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tms .answer{position:absolute;left:34px;width:362px;height:92px;background:url(/img/tms/ui/type-your-answer.webp) center/100% 100% no-repeat;border:0;padding:6px 28px 10px;font:22px "Special Elite","Courier New",monospace;color:#1a1712;outline:none;z-index:4}
.tms .answer::placeholder{color:#8a7d6c}
.tms .nextbtn{position:absolute;right:26px;width:160px;cursor:pointer;z-index:4;transition:transform .15s,opacity .2s}
.tms .nextbtn.off{opacity:.35;pointer-events:none}
.tms .imgbtn{position:absolute;cursor:pointer;z-index:4;transition:transform .15s}
.tms .imgbtn:active,.tms .nextbtn:active{transform:scale(.97)}
.tms .lift{transition:transform .3s ease}
.tms .scr.kb .lift{transform:translateY(-230px)}
.tms .hold{position:absolute;left:30px;right:30px;top:300px;z-index:3;background:#f3ede0;border-radius:6px;padding:26px 24px;box-shadow:0 10px 0 rgba(0,0,0,.25);transform:rotate(-1.5deg)}
.tms .hold h2{margin:0 0 12px;font:30px "Special Elite","Courier New",monospace;color:#b0261e}
.tms .hold ul{list-style:none;margin:0;padding:0;font:19px "Special Elite","Courier New",monospace}
.tms .hold li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #b9ab92}
.tms .st-field{position:absolute;left:50%;width:380px;margin-left:-190px;z-index:3;text-align:center}
.tms .st-field .bgimg{width:100%}
.tms .st-field .nm{position:absolute;left:0;right:0;top:20%;font:52px/1 "Special Elite","Courier New",monospace;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 30px}
.tms .mini{position:absolute;left:44px;right:44px;z-index:3;font:19px/1.35 "Special Elite","Courier New",monospace;color:#f7f0e2;text-align:center;background:rgba(17,17,17,.82);border-radius:6px;padding:12px 16px;transform:rotate(-1deg)}
.tms .chip{display:inline-block;background:#f3ede0;color:#111;font:15px "Special Elite","Courier New",monospace;padding:4px 12px 3px;border-radius:4px}
.tms .linkbtn{position:absolute;left:50%;transform:translateX(-50%);z-index:5;background:#111;color:#f3ede0;border:0;border-radius:20px;padding:8px 16px;font:15px "Special Elite","Courier New",monospace;cursor:pointer;white-space:nowrap}
@keyframes tmsLeft{0%{transform:translateX(-480px) rotate(-6deg)}70%{transform:translateX(12px) rotate(1deg)}100%{transform:none}}
@keyframes tmsRight{0%{transform:translateX(480px)}70%{transform:translateX(-10px)}100%{transform:none}}
@keyframes tmsPop{0%{transform:scale(0) rotate(-8deg);opacity:0}70%{transform:scale(1.1) rotate(2deg);opacity:1}100%{transform:scale(1) rotate(0)}}
@keyframes tmsDrop{0%{transform:translateY(-300px) rotate(-10deg);opacity:0}70%{transform:translateY(10px) rotate(2deg);opacity:1}100%{transform:none}}
@keyframes tmsSpin{0%{transform:scale(0) rotate(-200deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes tmsStamp{0%{transform:scale(2.6) rotate(8deg);opacity:0}60%{transform:scale(.92) rotate(-2deg);opacity:1}100%{transform:scale(1) rotate(0)}}
@keyframes tmsRise{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
.tms .a-left{animation:tmsLeft .6s cubic-bezier(.2,.8,.3,1) both}
.tms .a-right{animation:tmsRight .55s cubic-bezier(.2,.8,.3,1) both}
.tms .a-pop{animation:tmsPop .45s cubic-bezier(.2,1.5,.4,1) both}
.tms .a-drop{animation:tmsDrop .6s cubic-bezier(.2,1.2,.4,1) both}
.tms .a-spin{animation:tmsSpin .6s cubic-bezier(.2,1.2,.4,1) both}
.tms .a-stamp{animation:tmsStamp .5s cubic-bezier(.2,1.2,.4,1) both}
.tms .a-rise{animation:tmsRise .45s cubic-bezier(.2,.9,.3,1) both}

/* storyteller helpers: sparks and listener questions */
.tms .helpchip{position:absolute;z-index:6;background:#111;color:#f3ede0;border:2px solid #f3ede0;border-radius:24px;padding:10px 18px;font:18px "Special Elite","Courier New",monospace;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.35)}
.tms .helpcard{position:absolute;left:30px;right:30px;top:385px;z-index:8;background:#f3ede0;border-radius:6px;padding:22px 22px 18px;box-shadow:0 10px 0 rgba(0,0,0,.3);transform:rotate(-1deg);text-align:center}
.tms .helpcard .kicker{font:14px "Special Elite","Courier New",monospace;letter-spacing:.1em;text-transform:uppercase;color:#b0261e;margin-bottom:10px}
.tms .helpcard .txt{font:26px/1.3 "Special Elite","Courier New",monospace;color:#1a1712}
.tms .helpcard.ask{background:#fde402}
.tms .helpcard .row{display:flex;gap:10px;justify-content:center;margin-top:16px}
.tms .helpcard .row button{background:#111;color:#f3ede0;border:0;border-radius:20px;padding:9px 18px;font:16px "Special Elite","Courier New",monospace;cursor:pointer}
.tms .pickwrap{position:absolute;inset:0;z-index:9;background:rgba(0,0,0,.45)}
.tms .helpcard.pick{top:240px}
.tms .qbtn{display:block;width:100%;margin:8px 0;background:#fff;border:2px solid #111;border-radius:12px;padding:12px 10px;font:19px/1.25 "Special Elite","Courier New",monospace;color:#111;cursor:pointer;text-align:center}
.tms .askbar{position:absolute;left:78px;right:24px;top:840px;z-index:8;background:#fde402;color:#111;border:3px solid #111;border-radius:14px;padding:10px 14px;font:17px/1.3 "Special Elite","Courier New",monospace;text-align:center}
.tms .opencard{position:absolute;left:28px;right:28px;top:290px;height:208px;z-index:3;background:#f3ede0;border-radius:6px;padding:14px 20px 12px;box-shadow:0 8px 0 rgba(0,0,0,.25);transform:rotate(-1deg);text-align:center;overflow:hidden}
.tms .opencard .kicker{font:13px "Special Elite","Courier New",monospace;letter-spacing:.1em;text-transform:uppercase;color:#b0261e;margin-bottom:8px}
.tms .opencard .txt{font-family:"Special Elite","Courier New",monospace;color:#1a1712;line-height:1.28}