/* Translucent spotlight tour: the actual page remains visible underneath. */
#pc-tour-layer[hidden]{display:none!important}
#pc-tour-layer{position:fixed;inset:0;z-index:10000;pointer-events:none;font-family:Arial,sans-serif}
.pc-tour-shade{position:fixed;background:#101019b8;pointer-events:auto;backdrop-filter:grayscale(1);touch-action:none}
#pc-tour-highlight{position:fixed;border:2px solid #f0ce8b;border-radius:10px;box-shadow:0 0 0 4px #e7bd7533,0 0 28px #f4d49c55;pointer-events:none;transition:left .18s,top .18s,width .18s,height .18s}
#pc-tour-note{position:fixed;pointer-events:auto;box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border:1px solid #cfa6bb;border-radius:12px;background:linear-gradient(140deg,#38283a,#191321);box-shadow:0 10px 48px #0009;color:#f5e8ef;text-align:left}
#pc-tour-progress{display:block;margin:0 25px 9px 0;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#e9c88d}
#pc-tour-note #pc-tour-title{font:700 21px/1.2 Georgia,serif;margin:0 0 10px;color:#ffe0a1;-webkit-text-fill-color:#ffe0a1}
#pc-tour-note #pc-tour-copy{font:14px/1.55 Arial,sans-serif;margin:0 0 16px;color:#f0e0ed}
#pc-tour-note #pc-tour-next{display:block;width:100%;min-height:38px;padding:9px 14px;font:700 13px/1.3 Arial,sans-serif;border:1px solid #e3a7c9;border-radius:7px;background:linear-gradient(#a94c83,#6f315b);color:#fff4fb;cursor:pointer}
#pc-tour-note #pc-tour-next:disabled{cursor:default;opacity:.65}
#pc-tour-dismiss{position:absolute;right:9px;top:8px;display:grid;place-items:center;min-height:28px;width:28px;height:28px;padding:0;font:22px/1 Arial,sans-serif;border:0;background:transparent;color:#e4c9dd;cursor:pointer}
#pc-tour-error,#pc-pack-error{font:12px/1.4 Arial,sans-serif;color:#ffb9c8}
.pc-tutorial-entry{position:absolute;top:10px;left:14px;display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #d3b27288;border-radius:6px;background:#291b2bc9;color:#f4d397;font:600 10px/1.3 Arial,sans-serif;cursor:pointer}
#pc-starter-pack{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(850px,95vw);max-width:95vw;max-height:94dvh;padding:24px;border:1px solid #d6b8dc;border-radius:16px;background:radial-gradient(ellipse at 50% 38%,#28625055,transparent 65%),linear-gradient(140deg,#281c32,#13141e);color:#f9eafa;text-align:center;overflow:auto;box-shadow:0 0 70px #8751ad55}
#pc-starter-pack::backdrop{background:#0b0813cf;backdrop-filter:blur(5px)}
#pc-pack-close{position:absolute;right:10px;top:10px;z-index:3;width:30px;height:30px;padding:0;border:1px solid #c5a4be77;border-radius:50%;background:#291e30;color:#f9e4f2;font:24px/1 Arial,sans-serif;cursor:pointer}
.pc-pack-eyebrow{font:700 10px Arial,sans-serif;letter-spacing:.16em;color:#c4f6cf}
#pc-starter-pack #pc-pack-title{font:700 clamp(23px,3vw,34px)/1.2 Georgia,serif;color:#ffe4ad;-webkit-text-fill-color:#ffe4ad;margin:10px 30px}
#pc-starter-pack #pc-pack-copy{max-width:610px;margin:10px auto;font:14px/1.5 Arial,sans-serif;color:#e1d2e5}
.pc-pack-stage{position:relative;isolation:isolate;display:grid;place-items:center;height:min(48dvh,420px);min-height:220px;overflow:hidden}
.pc-pack-art{display:block;height:88%;width:auto;max-width:80%;object-fit:contain;filter:drop-shadow(0 0 24px #70ebb877);animation:pc-pack-float 3s ease-in-out infinite;z-index:1}
.pc-pack-aura{position:absolute;width:290px;height:290px;border-radius:50%;background:conic-gradient(from 0deg,transparent,#87ebbb33,transparent,#d4a3ff55,transparent,#ffe5a333,transparent);filter:blur(10px);animation:pc-pack-orbit 9s linear infinite}
#pc-pack-action{min-height:42px;padding:11px 25px;border:1px solid #d9b0e5;border-radius:8px;background:linear-gradient(120deg,#884a9e,#3d7d66);color:#fff4e4;font:700 14px Arial,sans-serif;cursor:pointer}
#pc-pack-action:disabled{opacity:.75;cursor:wait}
.is-opening .pc-pack-art{animation:pc-pack-open 2.2s ease-in-out forwards}
.is-opening .pc-pack-aura{animation:pc-pack-burst 1.9s ease-out forwards}
.pc-pack-sparks{position:absolute;inset:0;pointer-events:none}
.pc-pack-sparks i{position:absolute;left:50%;top:50%;width:5px;height:12px;border-radius:50%;background:#c5ffcc;box-shadow:0 0 10px #c3a6ff;transform:rotate(var(--spark-angle));animation:pc-pack-spark 1.8s calc(450ms + var(--spark-delay)) ease-out both}
.pc-pack-stage.is-revealed{height:auto;min-height:0;padding:24px 8px}
.pc-pack-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%}
.pc-pack-rewards article{display:grid;justify-items:center;gap:8px;min-width:0;animation:pc-card-unlock .7s var(--card-delay) both}
.pc-pack-rewards img{display:block;width:100%;height:clamp(140px,29dvh,290px);object-fit:contain;filter:drop-shadow(0 0 12px #c1a8fc66)}
.pc-pack-rewards strong{font:700 15px/1.3 Arial,sans-serif;color:#ffe4ad}
.pc-pack-rewards span{font:12px/1.3 Arial,sans-serif;color:#c0f6ca}
@keyframes pc-pack-float{50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes pc-pack-orbit{to{transform:rotate(360deg)}}
@keyframes pc-pack-open{0%{transform:scale(1)}25%{transform:rotate(-5deg) scale(1.04);filter:drop-shadow(0 0 32px #b4ffdf)}40%{transform:rotate(6deg) scale(1.08)}55%{transform:rotate(-7deg) scale(1.12)}70%{transform:scale(1.2);filter:brightness(2) drop-shadow(0 0 40px #e6ceff)}100%{transform:scale(1.45);opacity:0;filter:brightness(5) blur(10px)}}
@keyframes pc-pack-burst{40%{opacity:1;transform:scale(1.5)}80%{opacity:1;transform:scale(3);filter:blur(4px)}100%{opacity:0;transform:scale(4)}}
@keyframes pc-pack-spark{0%{opacity:0;transform:rotate(var(--spark-angle)) translateY(0)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--spark-angle)) translateY(calc(-1 * var(--spark-distance))) scale(.2)}}
@keyframes pc-card-unlock{from{opacity:0;transform:translateY(45px) rotateY(80deg) scale(.75)}to{opacity:1;transform:none}}
@media(max-width:550px){#pc-tour-note{padding:16px}#pc-tour-note #pc-tour-copy{font-size:13px}#pc-starter-pack{padding:18px 12px}.pc-pack-rewards{gap:7px}.pc-pack-rewards strong{font-size:11px}.pc-pack-rewards span{font-size:10px}.pc-pack-stage{height:40dvh;min-height:180px}}
@media(prefers-reduced-motion:reduce){#pc-tour-highlight{transition:none}.pc-pack-art,.pc-pack-aura,.pc-pack-sparks i,.pc-pack-rewards article{animation:none!important}.is-opening .pc-pack-art{opacity:.5}}

#pc-tour-note #pc-tour-next[hidden]{display:none!important}
#pc-starter-pack .pc-pack-rewards strong{font:700 15px/1.3 Arial,sans-serif}
@media(max-width:550px){#pc-starter-pack .pc-pack-rewards img{height:auto;aspect-ratio:695/1000;max-height:29dvh}#pc-starter-pack .pc-pack-rewards strong{font-size:11px}}

#pc-tour-note #pc-tour-skip[hidden],#pc-tour-note #pc-tour-dismiss[hidden]{display:none!important}
#pc-tour-layer.is-welcome #pc-tour-highlight{display:none}
#pc-tour-layer.is-welcome #pc-tour-note{text-align:center;padding:28px}
#pc-tour-layer.is-welcome #pc-tour-progress{margin-right:0}
#pc-tour-layer.is-welcome .pc-tour-actions{display:flex;gap:10px;justify-content:center}
#pc-tour-layer.is-welcome #pc-tour-next,#pc-tour-layer.is-welcome #pc-tour-skip{flex:1;width:auto;min-height:42px;font:700 13px/1.3 Arial,sans-serif;padding:10px}
#pc-tour-note #pc-tour-skip{border:1px solid #a783a0;border-radius:7px;background:#211a2a;color:#f0dcea;cursor:pointer}
@media(max-width:450px){#pc-tour-layer.is-welcome #pc-tour-note{padding:22px 16px}#pc-tour-layer.is-welcome .pc-tour-actions{flex-direction:column}}
/* Shared red corner controls, with room outside each tutorial window. */
#pc-tour-note{overflow:visible}
#pc-tour-note #pc-tour-dismiss{top:0;right:0}
.pc-tutorial-message{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(510px,calc(100vw - 48px));max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);padding:28px;border:1px solid #d0a4bf;border-radius:12px;background:linear-gradient(140deg,#38283a,#171320);color:#f4e5ee;text-align:center;box-shadow:0 10px 55px #0009}
.pc-tutorial-message::backdrop{background:#100b1bc9;backdrop-filter:blur(3px)}
.pc-tutorial-message h2{font:700 25px/1.25 Georgia,serif;color:#ffe1a0;-webkit-text-fill-color:#ffe1a0;margin:8px 0 16px}
.pc-tutorial-message p{font:14px/1.55 Arial,sans-serif;color:#e9d6e5}
.pc-tutorial-message .pc-tour-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.pc-tutorial-message button:not(.site-detail-close){font:700 13px/1.3 Arial,sans-serif;min-height:40px;padding:10px 14px}
.pc-finish-star{font:44px/1 Georgia,serif;color:#e5c77e;text-shadow:0 0 24px #d4a86266}
#pc-starter-pack{width:min(850px,calc(100vw - 48px));max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px)}
:is(#pc-pack-stage,#pc-work-pack-stage):not(.is-revealed){height:clamp(180px,44dvh,360px);min-height:0}
:is(#pc-pack-stage,#pc-work-pack-stage) .pc-pack-open{position:relative;display:block;width:100%;height:100%;min-height:0;padding:0;border:0;background:none;box-shadow:none;cursor:pointer}
:is(#pc-pack-stage,#pc-work-pack-stage) .pc-pack-open:focus-visible{outline:2px solid #d8ffce;outline-offset:-4px;border-radius:12px}
:is(#pc-pack-stage,#pc-work-pack-stage) .pc-pack-open .pc-pack-art{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);max-width:none;max-height:none;min-width:0;min-height:0;margin:0;object-fit:contain}
#pc-pack-action[hidden]{display:none!important}
@media(max-width:550px){.pc-tutorial-message{padding:22px 16px}.pc-tutorial-message h2{font-size:22px}:is(#pc-pack-stage,#pc-work-pack-stage):not(.is-revealed){height:clamp(170px,38dvh,300px)}}
/* A deferred pack remains a visible action in the ordinary discovery panel. */
#card-workbench .pc-hub #pc-album-preview.is-pack-ready{overflow:visible;animation:pc-discovery-pack 3s ease-in-out infinite;filter:drop-shadow(0 0 10px #a3f5c7);cursor:pointer}
#card-workbench .pc-hub #pc-album-preview.is-pack-ready img{filter:drop-shadow(0 0 5px #cb9fff);border-radius:5px}
@keyframes pc-discovery-pack{0%,75%,100%{transform:translateY(0) rotate(0)}15%{transform:translateY(-5px) rotate(-5deg)}25%{transform:translateY(-5px) rotate(5deg)}35%{transform:translateY(-3px) rotate(-3deg)}45%{transform:translateY(0) rotate(0)}}
@media(prefers-reduced-motion:reduce){#card-workbench .pc-hub #pc-album-preview.is-pack-ready{animation:none}}
@media(max-width:999px){
 .site-theme .page #card-workbench .pc-hub .pc-welcome{flex-direction:column;gap:8px}
 .site-theme .page #card-workbench .pc-welcome .pc-tutorial-entry{position:static;align-self:flex-start;margin:0;flex:none}
}
#pc-tour-layer.is-positioning #pc-tour-note,#pc-tour-layer.is-positioning #pc-tour-highlight{visibility:hidden}
#pc-tour-highlight{transition:none}
.pc-tutorial-buy-focus{outline:2px solid #ffe1a0!important;outline-offset:4px;animation:pc-buy-focus 1.5s ease-in-out infinite!important}
@keyframes pc-buy-focus{50%{box-shadow:0 0 0 6px #f6cb8c33,0 0 22px #f5ca8599}}
@media(prefers-reduced-motion:reduce){.pc-tutorial-buy-focus{animation:none!important;box-shadow:0 0 14px #f5ca8599}}
.pc-tutorial-drag-deck [data-add]{visibility:hidden;pointer-events:none}
.pc-tutorial-drag-deck [data-drag-card]{cursor:grab;touch-action:none}
.pc-tutorial-drag-deck .ca-slot-empty{outline:1px dashed #f0ce8b;outline-offset:-5px}
.ca-touch-drag-ghost{position:fixed;z-index:10002;pointer-events:none;width:105px;height:150px;object-fit:contain;filter:drop-shadow(0 5px 12px #000a);transform:translate(-50%,-50%) rotate(-5deg)}
@media(max-width:999px){
 .pc-tutorial-drag-deck .pc-studio-center{position:fixed;left:82px;right:10px;top:235px;bottom:12px;z-index:9999;grid-template-rows:auto minmax(0,1fr);background:#201522;border-radius:10px;--studio-active-art:70px!important;--studio-library-art:105px!important}
 .pc-tutorial-drag-deck .pc-studio-center .pc-studio-library{min-height:0!important;height:auto!important;grid-template-rows:auto minmax(0,1fr) auto!important}
 .pc-tutorial-drag-deck .pc-studio-filters{display:none!important}
 .pc-tutorial-drag-deck .pc-studio-center .pc-studio-panel{padding:8px!important}
 .pc-tutorial-drag-deck .pc-studio-center #ca-grid .ca-card{grid-template-rows:105px 18px!important}
 .pc-tutorial-drag-deck .pc-studio-center .ca-card-controls{display:none!important}
 .pc-tutorial-drag-deck .pc-studio-center #ca-grid .ca-art-button{height:105px!important}
 .pc-tutorial-drag-deck .pc-studio-center .ca-board-slot{height:70px!important;min-height:0!important}
 .pc-tutorial-drag-deck .pc-studio-center .pc-panel-heading h2{font-size:16px!important}
}