#wpplayland-frights { --ff-bottom:20px; --ff-reveal-duration:.75s; --ff-web-cycle:24s; position:fixed; right:max(20px,env(safe-area-inset-right)); bottom:calc(var(--ff-bottom) + env(safe-area-inset-bottom)); width:min(450px,calc(100vw - 40px)); z-index:19; font-family:'Lato',Arial,sans-serif; color:#fff6e9; line-height:1.4; text-align:left; pointer-events:none; }
#wpplayland-frights .ff-invite, #wpplayland-frights .ff-tab, #wpplayland-frights .ff-hide { pointer-events:auto; }
#wpplayland-frights, #wpplayland-frights * { box-sizing:border-box; }
#wpplayland-frights[hidden], #wpplayland-frights [hidden] { display:none !important; }
#wpplayland-frights p, #wpplayland-frights h2 { padding:0; margin:0; color:inherit; }
#wpplayland-frights button { appearance:none; cursor:pointer; margin:0; text-transform:none; letter-spacing:normal; text-shadow:none; box-shadow:none; }
#wpplayland-frights button:focus-visible, #wpplayland-frights a:focus-visible { outline:3px solid #ffdc98; outline-offset:3px; }
#wpplayland-frights .ff-invite { position:relative; isolation:isolate; border-radius:13px; background:radial-gradient(ellipse at 12% 0%,#623750 0,transparent 53%),linear-gradient(120deg,#2d1a37,#171522); border:1px solid #bd79434d; box-shadow:0 9px 32px #160c3c45; }
#wpplayland-frights .ff-invite::before { content:''; position:absolute; top:0; right:21px; left:21px; height:2px; background:linear-gradient(90deg,transparent,#ffaf52,transparent); }
#wpplayland-frights .ff-layout { display:grid; grid-template-columns:100px minmax(0,1fr); gap:8px 16px; padding:23px 24px 21px 19px; position:relative; z-index:1; }
#wpplayland-frights .ff-layout, #wpplayland-frights .ff-layout:hover { color:#fff6e9; text-decoration:none; border-radius:13px; }
#wpplayland-frights .ff-art { grid-column:1; grid-row:1 / 3; align-self:center; width:100px; border-radius:8px; background:#ffe1a1; box-shadow:0 0 26px #ffb3481a; }
#wpplayland-frights .ff-art img { display:block; width:100%; height:auto; border:0; border-radius:0; mix-blend-mode:multiply; }
#wpplayland-frights .ff-copy { grid-column:2; min-width:0; }
#wpplayland-frights .ff-eyebrow { color:#ffc478; font-size:10px; font-weight:700; letter-spacing:1.6px; line-height:1.4; text-transform:uppercase; margin:0 18px 5px 0; }
#wpplayland-frights h2 { font-family:'Baloo Chettan 2',sans-serif; font-weight:700; font-size:29px; line-height:1.05; margin:0 0 5px; color:#fff6e9; text-transform:none; }
#wpplayland-frights h2 span { display:block; color:#ffbd68; font-size:24px; }
#wpplayland-frights .ff-where { font-size:14px; line-height:1.35; color:#f2e9f5; }
#wpplayland-frights .ff-experience { margin:5px 0 0; color:#d7cbdc; font-size:12px; line-height:1.4; }
#wpplayland-frights .ff-actions { grid-column:2; margin-top:4px; }
#wpplayland-frights .ff-dare { display:inline-flex; align-items:center; justify-content:center; gap:17px; min-height:42px; background:linear-gradient(#ffbc62,#ffa544); border:1px solid #ffc98b; color:#27162e; text-decoration:none; border-radius:6px; padding:8px 17px; font-family:'Baloo Chettan 2',sans-serif; font-size:19px; font-weight:700; line-height:1.2; box-shadow:0 3px 0 #a95728; transition:transform .16s ease,background .16s ease; white-space:nowrap; }
#wpplayland-frights .ff-layout:hover .ff-dare, #wpplayland-frights .ff-layout:focus-visible .ff-dare { transform:translateY(-2px); background:#ffcf83; color:#27162e; }
#wpplayland-frights .ff-minimize { position:absolute; top:5px; right:5px; z-index:4; display:grid; place-items:center; width:34px; height:34px; padding:0; border:0; border-radius:50%; color:#e0d2e5; background:#ffffff0a; font:25px/1 Arial,sans-serif; }
#wpplayland-frights .ff-minimize:hover { background:#ffffff20; color:#fff; }
#wpplayland-frights .ff-silk { position:absolute; width:130px; height:112px; right:0; bottom:0; border-radius:0 0 13px 0; overflow:hidden; opacity:.3; pointer-events:none; background:repeating-radial-gradient(circle at 100% 100%,transparent 0 21px,#d6bbdc66 22px 23px,transparent 24px 36px); }
#wpplayland-frights .ff-silk i, #wpplayland-frights .ff-web i { position:absolute; right:0; bottom:0; width:210px; height:1px; background:currentColor; transform-origin:right center; }
#wpplayland-frights .ff-silk { color:#d6bbdc66; }
#wpplayland-frights :is(.ff-silk,.ff-web) i:nth-child(1) { transform:rotate(20deg); }
#wpplayland-frights :is(.ff-silk,.ff-web) i:nth-child(2) { transform:rotate(40deg); }
#wpplayland-frights :is(.ff-silk,.ff-web) i:nth-child(3) { transform:rotate(60deg); }
#wpplayland-frights :is(.ff-silk,.ff-web) i:nth-child(4) { transform:rotate(80deg); }
#wpplayland-frights .ff-crawl-track { position:absolute; left:10px; right:55px; top:-24px; height:38px; pointer-events:none; z-index:5; }
#wpplayland-frights .ff-crawler { position:absolute; width:100px; height:100px; top:-36px; left:calc(100% - 100px); transform:rotate(6deg); filter:drop-shadow(0 2px 1px #170e3055); }
#wpplayland-frights .ff-spider { position:absolute; display:block; width:100%; height:100%; max-width:none; inset:0; overflow:visible; }
#wpplayland-frights .ff-limbs { fill:none; stroke:#302037; stroke-width:3.2; stroke-linecap:round; stroke-linejoin:round; }
#wpplayland-frights .ff-upper, #wpplayland-frights .ff-lower { transform-box:view-box; transform-origin:0 0; }
#wpplayland-frights .ff-upper { transform:rotate(var(--ff-rest-upper)); }
#wpplayland-frights .ff-lower { transform:rotate(var(--ff-rest-lower)); }
#wpplayland-frights .ff-abdomen { fill:#21152c; stroke:#725266; stroke-width:1.2; }
#wpplayland-frights .ff-head { fill:#24162d; }
#wpplayland-frights .ff-eyes { fill:#ffbd55; }
#wpplayland-frights .ff-crawler .ff-spider { transform:rotate(90deg); transform-origin:50% 50%; }
#wpplayland-frights .ff-crawler .ff-upper { transform:rotate(var(--ff-open-upper)); }
#wpplayland-frights .ff-crawler .ff-lower { transform:rotate(var(--ff-open-lower)); }
#wpplayland-frights.ff-opening .ff-invite { animation:wpff-reminder-expand var(--ff-reveal-duration) cubic-bezier(.45,0,.55,1) both; }
@keyframes wpff-reminder-expand { from { opacity:0; transform:translateX(12px); } to { opacity:1; transform:translateX(0); } }
@keyframes wpff-reminder-fade { from { opacity:0; } to { opacity:1; } }
#wpplayland-frights .ff-tab-wrap { position:relative; width:226px; margin-left:auto; padding:32px 0 0; }
#wpplayland-frights .ff-web { position:absolute; right:-20px; bottom:-20px; width:174px; height:147px; overflow:hidden; opacity:.88; pointer-events:none; color:#44274788; background:repeating-radial-gradient(circle at 100% 100%,transparent 0 27px,#44274788 28px 29px,transparent 30px 43px); }
#wpplayland-frights .ff-tab { display:flex; align-items:center; gap:11px; position:relative; z-index:2; width:204px; min-height:64px; padding:11px 12px; border:1px solid #694454; border-radius:11px; color:#fff4e8; background:linear-gradient(120deg,#3f2445,#21182d); box-shadow:0 4px 15px #21152a44; text-align:left; text-decoration:none; }
#wpplayland-frights .ff-tab:hover { background:#4b2d51; }
#wpplayland-frights .ff-tab img { width:40px; height:40px; border:0; border-radius:4px; flex:0 0 40px; }
#wpplayland-frights .ff-tab strong { display:block; font-family:'Baloo Chettan 2',sans-serif; font-size:19px; line-height:1.1; font-weight:700; color:#fff4e8; white-space:nowrap; }
#wpplayland-frights .ff-tab small { display:block; margin-top:4px; color:#ffc178; font:12px/1.3 'Lato',Arial,sans-serif; }
#wpplayland-frights .ff-hide { position:absolute; right:0; top:29px; width:28px; height:28px; padding:0; border:1px solid #d3c8d6; border-radius:50%; background:#fff; color:#61496a; display:grid; place-items:center; z-index:3; font:20px/1 Arial,sans-serif; }
#wpplayland-frights .ff-hide:hover { background:#ffe1a1; color:#2d1a37; }
#wpplayland-frights .ff-hanging { position:absolute; top:-72px; right:36px; width:104px; height:104px; z-index:3; pointer-events:none; }
#wpplayland-frights .ff-hanging::before { content:''; width:1px; height:37px; background:#74567d; position:absolute; left:52px; top:3px; }
/* The web spider wakes briefly, then rests for most of each cycle. */
#wpplayland-frights .ff-hanging .ff-upper { animation:wpff-reminder-unfold-upper var(--ff-web-cycle) 5s ease-in-out infinite both; }
#wpplayland-frights .ff-hanging .ff-lower { animation:wpff-reminder-unfold-lower var(--ff-web-cycle) 5s ease-in-out infinite both; }
#wpplayland-frights .ff-hanging .ff-wave-arm .ff-upper { animation-name:wpff-reminder-raise-arm; }
#wpplayland-frights .ff-hanging .ff-wave-arm .ff-lower { animation-name:wpff-reminder-wave; }
#wpplayland-frights .ff-hanging .ff-eyes { animation:wpff-reminder-wake var(--ff-web-cycle) 5s ease-in-out infinite both; }
@keyframes wpff-reminder-unfold-upper {
    0%,30%,100% { transform:rotate(var(--ff-rest-upper)) scale(.6); }
    5%,26% { transform:rotate(var(--ff-open-upper)) scale(1.15); }
}
@keyframes wpff-reminder-unfold-lower {
    0%,30%,100% { transform:rotate(var(--ff-rest-lower)); }
    5%,26% { transform:rotate(var(--ff-open-lower)); }
}
@keyframes wpff-reminder-raise-arm {
    0%,30%,100% { transform:rotate(var(--ff-rest-upper)) scale(.6); }
    5%,26% { transform:rotate(var(--ff-open-upper)) scale(1.15); }
    9%,21% { transform:rotate(-60deg) scale(1.15); }
}
@keyframes wpff-reminder-wave {
    0%,30%,100% { transform:rotate(var(--ff-rest-lower)); }
    5%,26% { transform:rotate(var(--ff-open-lower)); }
    9%,15%,21% { transform:rotate(-55deg); }
    12%,18% { transform:rotate(15deg); }
}
@keyframes wpff-reminder-wake {
    0%,30%,100% { opacity:.3; }
    5%,26% { opacity:1; }
}
@media (max-width:600px) {
    #wpplayland-frights { --ff-bottom:82px; right:max(12px,env(safe-area-inset-right)); width:calc(100vw - 24px); }
    #wpplayland-frights .ff-layout { grid-template-columns:78px minmax(0,1fr); gap:7px 13px; padding:20px 18px 19px; }
    #wpplayland-frights .ff-art { width:78px; }
    #wpplayland-frights h2 { font-size:27px; }
    #wpplayland-frights h2 span { font-size:23px; }
    #wpplayland-frights .ff-dare { min-height:44px; font-size:18px; padding:8px 15px; }
    #wpplayland-frights .ff-minimize { width:44px; height:44px; top:0; right:0; }
    #wpplayland-frights .ff-hide { width:44px; height:44px; top:2px; right:-10px; }
    #wpplayland-frights .ff-web { right:-12px; bottom:-12px; }
}
@media (max-width:380px) {
    #wpplayland-frights .ff-layout { grid-template-columns:60px minmax(0,1fr); gap:7px 11px; padding:19px 14px 18px; }
    #wpplayland-frights .ff-art { width:60px; }
    #wpplayland-frights .ff-eyebrow { font-size:9px; letter-spacing:1.1px; }
    #wpplayland-frights h2 { font-size:25px; }
    #wpplayland-frights h2 span { font-size:21px; }
    #wpplayland-frights .ff-where { font-size:13px; }
    #wpplayland-frights .ff-experience { display:none; }
}
@media (prefers-reduced-motion:reduce) {
    /* Keep the requested gestures visible at a gentler pace. */
    #wpplayland-frights { --ff-web-cycle:30s; }
    #wpplayland-frights.ff-opening .ff-invite { animation-name:wpff-reminder-fade; }
    #wpplayland-frights .ff-dare { transition:background .16s ease; }
    #wpplayland-frights .ff-layout:hover .ff-dare, #wpplayland-frights .ff-layout:focus-visible .ff-dare { transform:none; }
}
