
.sk-root{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;
  background:#05070b;color:#f3eee2;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  container-type:size;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.sk-root *{box-sizing:border-box}
.sk-stage{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}
.sk-view,.sk-view>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.sk-view.sk-in{animation:sk-fadein .45s ease}
@keyframes sk-fadein{from{opacity:0;filter:blur(3px)}}
.sk-layer{position:absolute;inset:0;pointer-events:none}.sk-layer>*{pointer-events:auto}
.sk-glints{position:absolute;inset:0;pointer-events:none}
.sk-glint{position:absolute;width:14px;height:14px;margin:-7px;
  background:radial-gradient(circle,#fff 0 12%,transparent 13%),linear-gradient(transparent 45%,rgba(255,255,255,.9) 45% 55%,transparent 55%),linear-gradient(90deg,transparent 45%,rgba(255,255,255,.9) 45% 55%,transparent 55%);
  clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);animation:sk-twinkle 3s ease-in-out infinite;filter:drop-shadow(0 0 4px #ffe7a8)}
@keyframes sk-twinkle{0%,70%,100%{opacity:0;transform:scale(.3) rotate(0)}80%{opacity:1;transform:scale(1) rotate(45deg)}}
.sk-ring{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;border:2px solid rgba(255,255,255,.8);pointer-events:none;animation:sk-ring .55s ease-out forwards}
@keyframes sk-ring{to{transform:scale(5);opacity:0}}
.sk-chip{position:absolute;left:10px;top:10px;padding:5px 11px;border-radius:999px;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:600 12px/1.2 inherit;letter-spacing:.02em;pointer-events:none;z-index:2}
.sk-pips{position:absolute;right:10px;top:10px;display:flex;gap:4px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.5);pointer-events:none;z-index:2}
.sk-pips i{width:8px;height:8px;border-radius:50%;border:1.5px solid #ED4956;display:block}.sk-pips i.on{background:#ED4956}

.sk-scene .sk-hs,.sk-scene .sk-talk{cursor:pointer}
.sk-scene .sk-hs:hover{filter:brightness(1.25)}
.sk-scene .sk-talk{transition:filter .2s,opacity .3s}
.sk-scene .sk-talk:hover{filter:drop-shadow(0 0 6px rgba(255,230,160,.8))}
.sk-scene .sk-dim{opacity:.35}
.sk-pointing .sk-scene .sk-talk:hover{filter:drop-shadow(0 0 8px rgba(237,73,86,1))}
.sk-scene .sk-fx,.sk-scene [fill="url(#sk-glow)"],.sk-scene [fill="url(#sk-fire)"],.sk-scene [fill="url(#sk-green)"],.sk-scene [fill="url(#sk-moon)"],.sk-scene [fill="url(#sk-spot)"],.sk-scene .sk-rain,.sk-scene .sk-dust,.sk-scene .sk-snow,.sk-scene .sk-steam,.sk-scene .sk-smoke,.sk-scene .sk-beam{pointer-events:none}
.sk-rain{stroke:rgba(190,210,255,.55);stroke-width:1.2;stroke-dasharray:10 30;animation:sk-rain .7s linear infinite}
@keyframes sk-rain{to{stroke-dashoffset:-40}}
.sk-flame{transform-box:fill-box;transform-origin:50% 100%;animation:sk-flame .35s ease-in-out infinite alternate}.sk-flame.f2{animation-duration:.27s}
@keyframes sk-flame{to{transform:scaleY(1.15) scaleX(.9)}}
.sk-flicker{animation:sk-flick 2.4s infinite}
@keyframes sk-flick{0%,100%{opacity:1}45%{opacity:.82}50%{opacity:.95}53%{opacity:.75}}
.sk-steam,.sk-smoke{animation:sk-rise 2.4s ease-in-out infinite;opacity:.8}.sk-steam.s2{animation-delay:-1.2s}
@keyframes sk-rise{0%{transform:translateY(6px);opacity:0}40%{opacity:.8}100%{transform:translateY(-14px);opacity:0}}
.sk-dust{fill:rgba(255,230,180,.55);animation:sk-dust 9s linear infinite}
@keyframes sk-dust{0%{transform:translate(0,0);opacity:0}20%{opacity:.8}100%{transform:translate(30px,-80px);opacity:0}}
.sk-snow{fill:#fff;opacity:.8;animation:sk-snowfall 6s linear infinite}
@keyframes sk-snowfall{from{transform:translateY(-40px)}to{transform:translateY(80px)}}
.sk-flash{opacity:0;animation:sk-flash 7s infinite}
@keyframes sk-flash{0%,88%,92%,100%{opacity:0}89%{opacity:.55}90%{opacity:.1}91%{opacity:.4}}
.sk-cloud{animation:sk-drift 30s linear infinite alternate}
@keyframes sk-drift{to{transform:translateX(120px)}}
.sk-pass{animation:sk-pass 2.2s linear infinite}
@keyframes sk-pass{from{transform:translateX(40px)}to{transform:translateX(-80px)}}
.sk-wave{animation:sk-drift 6s ease-in-out infinite alternate}
.sk-beam{transform-box:fill-box;transform-origin:0 50%;animation:sk-flick 3s infinite}
.sk-reduced *{animation:none!important;transition:none!important}

.sk-talkbox{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:10px;padding:10px;border-radius:16px;
  background:linear-gradient(180deg,rgba(18,20,32,.93),rgba(8,10,18,.97));border:1px solid rgba(233,194,103,.45);
  box-shadow:0 10px 30px rgba(0,0,0,.6);cursor:pointer;animation:sk-up .3s cubic-bezier(.14,1,.34,1);min-height:92px;z-index:4}
@keyframes sk-up{from{transform:translateY(30px);opacity:0}}
.sk-face{flex:none;width:68px;height:76px;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 30%,#3a3550,#16151f);border:1px solid rgba(233,194,103,.35)}
.sk-face svg{width:100%;height:100%;display:block}
.sk-quill{height:100%;display:grid;place-items:center;font-size:28px}
.sk-tb{flex:1;min-width:0;position:relative}
.sk-nm{display:inline-block;font:700 11.5px/1.2 inherit;letter-spacing:.06em;text-transform:uppercase;color:#e9c267;margin-bottom:4px}
.sk-tx{margin:0;font:clamp(13px,3.9cqw,16px)/1.45 Georgia,'Times New Roman',serif;color:#f3eee2}
.sk-narr .sk-tx{font-style:italic;color:#e6e0d0}
.sk-nx{position:absolute;right:2px;bottom:-2px;font-size:10px;color:#e9c267;animation:sk-bob 1s infinite}
@keyframes sk-bob{50%{transform:translateY(3px)}}
.sk-choices{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px;animation:sk-up .25s ease;z-index:4;max-height:78%;overflow:auto}
.sk-ct{align-self:flex-start;padding:4px 10px;border-radius:8px;background:rgba(0,0,0,.65);font:700 11.5px/1.2 inherit;letter-spacing:.06em;text-transform:uppercase;color:#e9c267}
.sk-choice{border:1px solid rgba(233,194,103,.4);background:rgba(12,14,24,.94);color:#f3eee2;text-align:left;padding:10px 13px;border-radius:12px;
  font:clamp(13px,3.8cqw,15px)/1.35 Georgia,'Times New Roman',serif;cursor:pointer}
.sk-choice:hover{background:rgba(40,36,60,.96)}
.sk-choice.done{opacity:.62}.sk-choice.done:after{content:' \2713';color:#00FF87}
.sk-choice.show{border-color:rgba(0,255,135,.55)}.sk-choice.bye{background:rgba(0,0,0,.62);font-family:inherit;font-size:13px;color:#a8b3b5}

.sk-sheet{position:absolute;inset:0;z-index:6;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;animation:sk-fadein .2s}
.sk-sheet .sk-in{position:relative;width:100%;max-height:90%;overflow:auto;background:linear-gradient(#f3ead6,#e7dcc2);color:#2a2118;border-radius:18px 18px 0 0;padding:16px 14px 18px;animation:sk-up .3s cubic-bezier(.14,1,.34,1)}
.sk-sheet h3{margin:0 0 6px;font:700 19px/1.2 Georgia,serif}.sk-sub{margin:0 0 10px;font-size:13px;color:#6b5a44}
.sk-x{position:absolute;right:10px;top:10px;border:0;background:rgba(0,0,0,.08);width:32px;height:32px;border-radius:50%;cursor:pointer;color:#2a2118;font-size:15px;z-index:3}
.sk-sheet.sk-full{background:#000;align-items:stretch}.sk-sheet.sk-full .sk-in{max-height:none;height:100%;padding:0;border-radius:0;background:#000;color:#f3eee2}
.sk-sheet.sk-full .sk-x{background:rgba(0,0,0,.6);color:#fff;top:12px;right:12px}
.sk-zoom{position:relative;width:100%;height:100%}.sk-zoom>svg{position:absolute;inset:0;width:100%;height:100%}
.sk-cap{position:absolute;left:14px;right:14px;bottom:18px;margin:0;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.72);font:italic 15px/1.4 Georgia,serif;text-align:center;color:#f3eee2}
.sk-cards{display:flex;flex-direction:column;gap:8px}
.sk-card{display:flex;gap:10px;align-items:center;text-align:left;border:0;background:#fffaf0;border-radius:12px;padding:8px;box-shadow:0 1px 0 rgba(0,0,0,.15);cursor:pointer;color:#2a2118;width:100%;font:inherit}
.sk-card .sk-ci{flex:none;width:56px;height:56px;border-radius:10px;overflow:hidden;background:radial-gradient(circle,#3a3550,#16151f)}
.sk-ci svg{width:100%;height:100%;display:block}
.sk-card b{display:block;font:700 14px/1.25 Georgia,serif}.sk-card small{display:block;font-size:12.5px;line-height:1.4;color:#5a4a36;margin-top:2px}
.sk-map{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sk-mt{border:0;padding:0;background:none;cursor:pointer;text-align:left;color:#2a2118;position:relative;font:inherit}
.sk-mv{display:block;aspect-ratio:390/400;border-radius:12px;overflow:hidden;position:relative;border:2px solid transparent}
.sk-mv svg{width:100%;height:auto;display:block;pointer-events:none;margin-top:-30%}
.sk-mt.here .sk-mv{border-color:#b8862b}
.sk-mt b{display:block;font:700 14px/1.2 Georgia,serif;margin-top:4px}
.sk-who{position:absolute;left:6px;top:6px;display:flex;gap:3px}
.sk-who svg{width:24px;height:30px;border-radius:7px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.3)}
.sk-newclue{position:absolute;left:50%;top:44%;width:min(270px,82%);transform:translate(-50%,-50%);z-index:7;background:linear-gradient(#f3ead6,#e2d4b4);color:#2a2118;border-radius:16px;padding:14px;text-align:center;
  box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 0 3px rgba(233,194,103,.8);animation:sk-cluein .5s cubic-bezier(.14,1.4,.34,1);cursor:pointer}
@keyframes sk-cluein{from{transform:translate(-50%,-50%) scale(.3) rotate(-8deg);opacity:0}}
.sk-newclue.sk-fly{transition:all .45s cubic-bezier(.45,.1,.2,1);transform:translate(-50%,300px) scale(.1);opacity:0}
.sk-nt{font:800 11px/1 inherit;letter-spacing:.2em;color:#9a6a12}
.sk-newclue .sk-ci{width:110px;height:110px;margin:8px auto;border-radius:14px;overflow:hidden;background:radial-gradient(circle,#3a3550,#16151f)}
.sk-newclue b{font:700 18px/1.2 Georgia,serif}.sk-newclue p{margin:6px 0 0;font-size:13.5px;line-height:1.45}
.sk-toast{position:absolute;left:50%;top:92px;transform:translateX(-50%);width:max-content;max-width:88%;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.75);font:600 12.5px/1.3 inherit;text-align:center;animation:sk-up .3s;transition:opacity .4s;z-index:5;pointer-events:none}
.sk-toast.sk-out{opacity:0}
.sk-banner{position:absolute;left:10px;right:10px;top:48px;padding:10px 12px;border-radius:12px;background:rgba(80,10,18,.88);border:1px solid #ED4956;font:600 14px/1.3 inherit;display:flex;align-items:center;justify-content:space-between;gap:10px;animation:sk-up .3s;z-index:4}
.sk-banner button{flex:none;white-space:nowrap;border:0;background:rgba(255,255,255,.14);border-radius:8px;padding:6px 10px;cursor:pointer;font:600 12px inherit;color:#fff}
.sk-stamp{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) rotate(-12deg);z-index:8;padding:10px 18px;border:5px solid #d0262f;color:#d0262f;font:900 clamp(26px,9cqw,38px)/1 Georgia,serif;letter-spacing:.04em;background:rgba(255,240,230,.92);border-radius:8px;animation:sk-stamp .35s cubic-bezier(.2,1.6,.4,1);white-space:nowrap}
@keyframes sk-stamp{from{transform:translate(-50%,-50%) rotate(-12deg) scale(3);opacity:0}}
.sk-shake{animation:sk-shake .4s}
@keyframes sk-shake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.sk-found{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:8;padding:12px 18px;border-radius:14px;background:rgba(10,30,20,.93);border:1px solid #00FF87;font:700 15px/1.3 inherit;color:#c8ffe0;animation:sk-cluein .4s cubic-bezier(.14,1.4,.34,1);max-width:86%;text-align:center}
.sk-end{position:absolute;left:18px;right:18px;top:50%;transform:translateY(-50%);z-index:9;padding:18px;border-radius:18px;text-align:center;background:rgba(8,12,20,.95);border:1px solid rgba(233,194,103,.5);box-shadow:0 20px 60px rgba(0,0,0,.8);animation:sk-endin .5s cubic-bezier(.14,1.3,.34,1)}
@keyframes sk-endin{from{transform:translateY(-50%) scale(.6);opacity:0}}
.sk-end .sk-rt{font:900 25px/1.1 Georgia,serif;letter-spacing:.08em;color:#e9c267}.sk-end.lose .sk-rt{color:#ED4956}
.sk-end p{margin:10px 0 0;font:15px/1.45 Georgia,serif;color:#e6e0d0}

.sk-dock{flex:0 0 auto;display:flex;gap:8px;padding:8px 10px;align-items:center;background:#0b0f15;border-top:1px solid rgba(255,255,255,.08)}
.sk-db{flex:1;border:0;border-radius:12px;background:#141b24;color:#f3eee2;padding:7px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font:600 12px/1.1 inherit;position:relative}
.sk-db .sk-di{font-size:19px;line-height:1}
.sk-badge{position:absolute;top:3px;right:calc(50% - 24px);min-width:18px;height:18px;border-radius:9px;background:#ED4956;font-size:11px;display:grid;place-items:center;padding:0 5px;color:#fff}
.sk-pocket{display:flex;gap:6px;flex:1 1 auto;overflow-x:auto}
.sk-slot{flex:none;width:46px;height:46px;border-radius:12px;background:#10151c;border:1px dashed rgba(255,255,255,.18);cursor:pointer;padding:5px}
.sk-slot.full{border-style:solid;border-color:rgba(233,194,103,.5);background:#1a1510}.sk-slot.sel{border-color:#00FF87;box-shadow:0 0 0 2px rgba(0,255,135,.35)}
.sk-slot svg{width:100%;height:100%;display:block}
.sk-riddle{position:absolute;left:50%;top:44px;transform:translateX(-50%);width:88%;padding:8px 12px;border-radius:10px;background:linear-gradient(#efe3c8,#e0d0a8);color:#3a2a1a;
  font:italic clamp(12.5px,3.7cqw,14.5px)/1.35 Georgia,serif;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.5);pointer-events:none;z-index:3}
.sk-riddle.pop{animation:sk-rpop .6s cubic-bezier(.14,1.4,.34,1)}
@keyframes sk-rpop{from{transform:translateX(-50%) scale(.6);opacity:0}}
.sk-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:58px;border:0;border-radius:12px;background:rgba(0,0,0,.4);color:#fff;font-size:32px;line-height:1;cursor:pointer;z-index:3}
.sk-arrow.l{left:6px}.sk-arrow.r{right:6px}
.sk-lockface{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle at 50% 40%,#4a3322,#140c07);padding:16px}
.sk-lockface h4{margin:0;font:italic 17px/1.35 Georgia,serif;color:#efe3c8;padding:0 36px;text-align:center}
.sk-dials{display:flex;gap:7px;padding:14px 12px;border-radius:16px;background:linear-gradient(#caa24c,#8a6a24);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 10px 30px rgba(0,0,0,.6);max-width:100%;overflow-x:auto}
.sk-dial{display:flex;flex-direction:column;align-items:center;gap:4px}
.sk-dial button{border:0;background:rgba(0,0,0,.25);color:#fff4d8;width:clamp(34px,11cqw,46px);height:28px;border-radius:8px;cursor:pointer;font-size:12px}
.sk-dial span{width:clamp(34px,11cqw,46px);height:56px;display:grid;place-items:center;font:700 clamp(20px,7cqw,28px)/1 Georgia,serif;background:linear-gradient(#fbf6e8,#d8ccb0 50%,#fbf6e8);color:#2a1a10;border-radius:8px;box-shadow:inset 0 2px 6px rgba(0,0,0,.4)}
.sk-dial span.sw{font-size:0}
.sk-try{border:0;border-radius:10px;padding:11px 20px;font:600 15px inherit;cursor:pointer;background:#4A5DF9;color:#fff}
.sk-msg{margin:0;min-height:20px;color:#ffb0a8;font:italic 14px Georgia,serif}
.sk-loading{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.5);font:600 13px inherit;background:radial-gradient(circle at 50% 40%,#1a1f2c,#05070b)}
.sk-cover-title{position:absolute;left:0;right:0;bottom:0;padding:18% 8% 7%;background:linear-gradient(transparent,rgba(0,0,0,.82));text-align:center;pointer-events:none}
.sk-cover-title b{display:block;font:700 clamp(11px,7.5cqw,26px)/1.15 Georgia,serif;color:#f3eee2;text-shadow:0 2px 8px #000}
.sk-cover-title span{display:block;margin-top:.35em;font:600 clamp(7px,3.2cqw,12px)/1.2 inherit;letter-spacing:.12em;text-transform:uppercase;color:#e9c267}

/* ── OCZ-63: theatre and micro-motion ───────────────────────────────────── */
.sk-breathe{transform-box:fill-box;transform-origin:50% 100%;animation:sk-breathe 4.4s ease-in-out infinite}
@keyframes sk-breathe{50%{transform:scale(1.007,1.014)}}
.sk-eyes{transform-box:fill-box;transform-origin:50% 50%;animation:sk-blink 5.3s infinite}
@keyframes sk-blink{0%,94%,100%{transform:scaleY(1)}96.5%{transform:scaleY(.08)}}
.sk-sway{transform-box:view-box;transform-origin:195px 330px;animation:sk-sway 8s ease-in-out infinite}
@keyframes sk-sway{25%{transform:rotate(1.1deg) translateY(-4px)}50%{transform:rotate(0) translateY(0)}75%{transform:rotate(-1.1deg) translateY(4px)}}
.sk-rattle{animation:sk-rattle .55s steps(2,jump-none) infinite}
@keyframes sk-rattle{50%{transform:translateY(1.3px)}}
.sk-amb .sk-flash{animation:none}
/* a test robot waits for things to hold still before it taps them: for it, they do */
.sk-still .sk-sway,.sk-still .sk-rattle,.sk-still .sk-breathe{animation:none}
.sk-scene .sk-hs.sk-press{filter:brightness(1.5) drop-shadow(0 0 6px rgba(255,236,180,.9));transition:filter .08s}
.sk-scene .sk-talk.sk-press{filter:drop-shadow(0 0 10px rgba(255,230,160,1))}
.sk-focus .sk-scene .sk-actor:not(.sk-speaking),.sk-focus .sk-scene .sk-hs{opacity:.45;filter:saturate(.5) brightness(.8);transition:opacity .35s,filter .35s}
.sk-focus .sk-scene .sk-speaking{filter:drop-shadow(0 0 9px rgba(255,226,150,.75));transition:filter .35s}
.sk-scrim{position:absolute;inset:0;z-index:3;background:transparent;cursor:pointer;animation:sk-fadein .3s}
.sk-scrim.sk-dark{background:linear-gradient(transparent 35%,rgba(0,0,0,.45))}
.sk-talkbox.sk-step .sk-face{animation:sk-facein .38s cubic-bezier(.2,1.5,.4,1)}
.sk-talkbox.sk-step .sk-nm{animation:sk-namein .32s ease-out}
@keyframes sk-facein{from{transform:scale(.7) rotate(-4deg);opacity:0}}
@keyframes sk-namein{from{transform:translateX(-10px);opacity:0}}
.sk-talkbox:active{transform:scale(.99)}
.sk-nx{display:flex;align-items:center;gap:5px}.sk-nx i{font:600 10px/1 inherit;font-style:normal;letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity .6s}
.sk-talkbox.sk-idle .sk-nx i{opacity:.8}
.sk-choice{animation:sk-cin .3s cubic-bezier(.2,1.2,.4,1) both;transition:transform .12s,background .15s}
.sk-choice:active{transform:scale(.97)}
@keyframes sk-cin{from{opacity:0;transform:translateY(12px)}}
.sk-ct{animation:sk-namein .3s ease-out}
.sk-steps{display:flex;gap:5px;align-items:center;margin-left:auto;flex:none}.sk-banner .sk-steps{margin-left:auto}.sk-steps i{width:18px;height:4px;border-radius:2px;background:rgba(233,194,103,.25)}.sk-steps i.on{background:#e9c267}
.sk-ctrow{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sk-back{flex:none;white-space:nowrap;border:0;background:rgba(0,0,0,.65);color:#e9c267;border-radius:8px;padding:4px 10px;font:700 11.5px/1.2 inherit;cursor:pointer}
.sk-grab{display:block;width:40px;height:5px;border-radius:3px;background:rgba(0,0,0,.18);margin:-6px auto 10px;cursor:grab;touch-action:none}
.sk-sheet .sk-in{touch-action:pan-y}
.sk-sheet.sk-full .sk-grab{display:none}
.sk-card{transition:transform .12s}.sk-card:active{transform:scale(.98)}
.sk-cards .sk-card{animation:sk-cin .3s both}
.sk-db{transition:transform .12s,background .2s}.sk-db:active{transform:scale(.94)}
.sk-db.sk-ready{animation:sk-ready 2.4s ease-in-out infinite}
@keyframes sk-ready{50%{box-shadow:0 0 0 2px rgba(237,73,86,.55),0 0 16px rgba(237,73,86,.4)}}
.sk-stage.sk-cine::before,.sk-stage.sk-cine::after{content:'';position:absolute;left:0;right:0;height:7%;background:#000;z-index:3;pointer-events:none;animation:sk-bar .7s cubic-bezier(.2,.8,.2,1) both}
.sk-stage.sk-cine::before{top:0}.sk-stage.sk-cine::after{bottom:0;animation-name:sk-barb}
@keyframes sk-bar{from{transform:translateY(-100%)}}@keyframes sk-barb{from{transform:translateY(100%)}}
.sk-cine .sk-chip{z-index:4;top:calc(7% + 8px);max-width:calc(100% - 160px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sk-cine .sk-talkbox{bottom:calc(7% + 8px)}
.sk-skip{position:absolute;right:10px;top:calc(7% + 8px);z-index:5;border:0;border-radius:999px;padding:5px 11px;background:rgba(0,0,0,.55);color:#e6e0d0;font:600 12px/1.2 inherit;cursor:pointer;animation:sk-fadein .4s 1.2s both}
.sk-titlecard{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 9%;text-align:center;cursor:pointer;
  background:radial-gradient(circle at 50% 45%,rgba(10,10,16,.55),rgba(0,0,0,.92));animation:sk-fadein .7s}
.sk-titlecard small{font:700 11px/1 inherit;letter-spacing:.32em;color:#e9c267;text-transform:uppercase;animation:sk-namein .6s .2s both}
.sk-titlecard b{font:700 clamp(22px,8cqw,32px)/1.15 Georgia,serif;color:#f3eee2;text-shadow:0 2px 12px #000;animation:sk-title 1s .35s cubic-bezier(.2,.9,.3,1) both}
.sk-titlecard em{font:italic clamp(13px,4cqw,16px)/1.4 Georgia,serif;color:#cfc6b2;animation:sk-fadein .8s 1s both}
.sk-titlecard hr{width:46px;border:0;border-top:1px solid rgba(233,194,103,.6);margin:2px 0;animation:sk-rule .8s .6s both}
@keyframes sk-title{from{opacity:0;letter-spacing:.2em;filter:blur(6px)}}
@keyframes sk-rule{from{width:0}}
.sk-titlecard.sk-out{opacity:0;transition:opacity .5s}
.sk-hush{position:absolute;inset:0;z-index:7;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 20%,rgba(0,0,0,.8));animation:sk-hush 1.9s ease-in-out both}
@keyframes sk-hush{0%{opacity:0}25%,80%{opacity:1}100%{opacity:0}}
.sk-newclue{animation:sk-cluein .55s cubic-bezier(.14,1.4,.34,1)}
.sk-newclue .sk-nt{animation:sk-namein .4s .25s both}
.sk-reduced .sk-stage.sk-cine::before,.sk-reduced .sk-stage.sk-cine::after{animation:none}
/* full-screen 3D games: no letterbox bars, the picture goes edge to edge (OCZ-63) */
.sk-immersive .sk-stage.sk-cine::before,.sk-immersive .sk-stage.sk-cine::after{display:none}
.sk-immersive .sk-cine .sk-chip,.sk-immersive .sk-skip{top:10px}.sk-immersive .sk-cine .sk-talkbox{bottom:10px}

/* the voice: the word being said, and the control that rides a popup's top edge (speech.js) */
.sk-w.on{background:rgba(233,194,103,.34);box-shadow:0 0 0 2px rgba(233,194,103,.34);border-radius:3px;color:#fff}
.sk-sheet .sk-w.on,.sk-newclue .sk-w.on,.sk-riddle .sk-w.on{background:rgba(154,106,18,.26);box-shadow:0 0 0 2px rgba(154,106,18,.26);color:#1a1008}
.sk-sheet.sk-full .sk-w.on{background:rgba(233,194,103,.34);box-shadow:0 0 0 2px rgba(233,194,103,.34);color:#fff}
.sk-voice{position:absolute;right:8px;top:-15px;display:flex;gap:5px;z-index:7;pointer-events:auto}
.sk-voice.sk-vin{top:10px;right:52px}
.sk-riddle .sk-voice{right:-4px}
.sk-vb{width:30px;height:30px;border-radius:50%;border:1px solid rgba(233,194,103,.6);background:#141018;color:#e9c267;cursor:pointer;display:grid;place-items:center;padding:0;box-shadow:0 4px 12px rgba(0,0,0,.5)}
.sk-vb:active{transform:scale(.92)}
.sk-voice.sk-paused .sk-vp{background:#e9c267;color:#141018}
