:not(#plb) .playground{--pixel:"Jersey 10", sans-serif;--text:#f2eeff;--ink:#0d0a1a;font-family:system-ui,"Segoe UI",Arial,sans-serif;color:var(--text);background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px)0 0/8px 8px,linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)0 0/8px 8px,#0d0a1a;padding:34px 20px 50px}:not(#plb) .playground *{box-sizing:border-box}:not(#plb) .playground header{max-width:1180px;margin:0 auto 8px;text-align:center}:not(#plb) .playground h1{margin:0;font-family:var(--pixel);font-size:clamp(52px,10vw,96px);font-weight:400;line-height:1;letter-spacing:4px;color:var(--text);text-shadow:4px 4px 0#43206b,8px 8px 0 rgba(0,0,0,.6)}:not(#plb) .playground h1 .zap{color:#ffcf3d}:not(#plb) .playground header p{margin:10px 0 0;font-size:clamp(18px,2.4vw,22px);opacity:.7}:not(#plb) .playground .pg-chips{max-width:1180px;margin:22px auto 28px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}:not(#plb) .playground .chip,:not(#plb) .playground header p{font-family:var(--pixel);letter-spacing:2px}:not(#plb) .playground .chip{font-size:20px;font-weight:400;line-height:1;color:var(--text);background:#1d1733;border:3px solid var(--text);border-radius:0;padding:7px 16px 6px;box-shadow:4px 4px 0#000;cursor:pointer}:not(#plb) .playground .chip:hover{background:#2c2350}:not(#plb) .playground .chip:active{transform:translate(2px,2px);box-shadow:2px 2px 0#000}:not(#plb) .playground .chip.on{background:#ffcf3d;border-color:#ffcf3d;color:#241a02}:not(#plb) .playground .pg-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}:not(#plb) .playground .card{--c1:#43206b;--c2:#ffcf3d;position:relative;display:flex;flex-direction:column;background:#171228;border:3px solid color-mix(in srgb,var(--c2) 45%,#000);border-radius:0;box-shadow:6px 6px 0#000;transition:transform .12s steps(2),box-shadow .12s steps(2),border-color .12s steps(2)}:not(#plb) .playground .card:hover{transform:translate(-3px,-3px);border-color:var(--c2);box-shadow:9px 9px 0#000}:not(#plb) .playground .card.hide{display:none}:not(#plb) .playground .card>a.hit{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}:not(#plb) .playground .art{position:relative;overflow:hidden}:not(#plb) .playground .art{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border-bottom:3px solid #000;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18)0 2px,transparent 2px 4px),linear-gradient(180deg,var(--c1) 0%,color-mix(in srgb,var(--c1) 42%,#0d0a1a) 100%);image-rendering:pixelated}:not(#plb) .playground .art.has-img{background-size:cover;background-position:center}:not(#plb) .playground .art .icon{font-size:clamp(52px,6.4vw,74px);line-height:1;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.6));transition:transform .16s steps(3)}:not(#plb) .playground .card:hover .art .icon{transform:scale(1.15)}:not(#plb) .playground .art .shine{position:absolute;inset:0;background:linear-gradient(90deg,transparent 44%,rgba(255,255,255,.12) 44% 52%,transparent 52%);transform:translateX(-120%);transition:transform .4s steps(6)}:not(#plb) .playground .card:hover .art .shine{transform:translateX(120%)}:not(#plb) .playground .body{padding:12px 16px 8px;flex:1}:not(#plb) .playground .body h2{margin:0 0 4px;font-size:30px;font-weight:400;letter-spacing:2px;color:var(--c2)}:not(#plb) .playground .body p{margin:0;font-size:13px;line-height:1.45;color:var(--text);opacity:.72}:not(#plb) .playground .foot{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 13px}:not(#plb) .playground .body h2,:not(#plb) .playground .cat,:not(#plb) .playground .mini a{font-family:var(--pixel);line-height:1}:not(#plb) .playground .cat{font-size:17px;letter-spacing:2px;text-transform:uppercase;padding:3px 9px 2px;border:2px solid var(--c2);color:var(--c2)}:not(#plb) .playground .mini{display:flex;gap:6px}:not(#plb) .playground .mini a{font-size:16px;letter-spacing:1.5px;color:rgba(242,238,255,.6);text-decoration:none;padding:3px 8px 2px;border:2px solid rgba(255,255,255,.25)}:not(#plb) .playground .mini a:hover{color:#fff;border-color:#fff}
:not(#plb) .playground .card > .pg-open { display: flex; flex-direction: column; flex: 1; width: 100%; padding: 0; color: inherit; text-align: left; background: none; border: 0; cursor: pointer; }
:not(#plb) .playground .foot { flex-wrap: wrap; gap: 8px; }
:not(#plb) .playground .card.is-off { opacity: .55; }

:not(#plb) .plg-playground { --pixel: "Jersey 10", sans-serif; --plg-popup-panel: #171228; --plg-popup-heading: #ffcf3d; --plg-popup-text: #f2eeff; --plg-popup-button: #ffcf3d; --plg-popup-button-ink: #241a02; --plg-popup-border-color: #ffcf3d; }
:not(#plb) .plg-playground .plb-start__card--box { background: #171228; border: 3px solid #ffcf3d; border-radius: 0; box-shadow: 6px 6px 0 #000; color: #f2eeff; }
:not(#plb) .plg-playground .plb-start .plb-start__title { font-family: var(--pixel); font-weight: 400; font-size: clamp(34px, 7vw, 52px); line-height: 1; letter-spacing: 3px; color: #ffcf3d; text-shadow: 3px 3px 0 #000; }
:not(#plb) .plg-playground .plb-start__text { color: #f2eeff; font-size: 14px; line-height: 1.45; opacity: .85; }
:not(#plb) .plg-playground .plb-start__btn { font-family: var(--pixel); font-weight: 400; font-size: 26px; letter-spacing: 2px; color: #fff; background: #f15a24; border: 3px solid #000; border-radius: 0; box-shadow: 4px 4px 0 #000; }
:not(#plb) .plg-playground .plb-start__btn:active { transform: translate(2px, 2px); box-shadow: 2px 2px 0 #000; }

:not(#plb) .playground .pg-find { max-width: 420px; margin: 18px auto 0; }
:not(#plb) .playground .pg-find input { box-sizing: border-box; width: 100%; padding: 8px 14px; font-family: var(--pixel); font-size: 22px; letter-spacing: 1px; color: var(--text); background: #1d1733; border: 3px solid var(--text); border-radius: 0; box-shadow: 4px 4px 0 #000; }
:not(#plb) .playground .pg-find input::placeholder { color: var(--text); opacity: .55; }
:not(#plb) .playground .pg-find input:focus { outline: none; border-color: #ffcf3d; }
:not(#plb) .playground .pg-tip { margin: 12px 0 20px; text-align: center; opacity: .7; }
:not(#plb) .playground .pg-none { margin: 30px 0; font-family: var(--pixel); font-size: 24px; letter-spacing: 2px; text-align: center; }
:not(#plb) .playground .pg-none[hidden] { display: none; }
:not(#plb) .playground .card[draggable="true"] { cursor: grab; }

:not(#plb) .plg-playground .plb-arcade { box-sizing: border-box; width: 100%; max-width: var(--plg-pg-w, 430px); margin-inline: auto; }
@media (max-width: 639px) { :not(#plb) .plg-playground .plb-arcade { max-width: 100%; } }