.store{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;color:var(--quest-text);background:radial-gradient(90% 55% at 8% 0%,color-mix(in srgb,var(--quest-accent) 22%,transparent) 0%,transparent 60%),radial-gradient(70% 45% at 96% 4%,color-mix(in srgb,var(--quest-accent) 12%,transparent) 0%,transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--quest-bg) 88%,#ffffff 0%) 0%,var(--quest-bg) 100%)}.store__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 8px;flex-shrink:0}.store__title{display:flex;align-items:center;gap:10px;min-width:0}.store__logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex-shrink:0;background:linear-gradient(135deg,var(--quest-accent),color-mix(in srgb,var(--quest-accent) 60%,#ffffff));box-shadow:0 6px 16px color-mix(in srgb,var(--quest-accent) 45%,transparent)}.store__h1{font-family:var(--font-ui);font-weight:800;font-size:18px;letter-spacing:-.01em;line-height:1.15;margin:0}.store__sub{font-family:var(--font-ui);font-size:12.5px;color:var(--quest-text-secondary);margin:2px 0 0;line-height:1.3}.store__count{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-family:var(--font-ui);font-size:12px;font-weight:700;color:var(--quest-text);background:color-mix(in srgb,var(--quest-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--quest-accent) 35%,transparent);white-space:nowrap}.store__count-num{font-family:var(--font-display);font-size:13px;color:var(--quest-accent)}.store__filters{display:flex;gap:8px;padding:6px 16px 10px;overflow-x:auto;flex-shrink:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.store__filters::-webkit-scrollbar{display:none}.store__chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;font-family:var(--font-ui);font-size:12.5px;font-weight:700;color:var(--quest-text-secondary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:background .15s,color .15s,border-color .15s}.store__chip:hover{background:#ffffff17;color:var(--quest-text)}.store__chip.is-on{color:#fff;background:var(--quest-accent);border-color:var(--quest-accent);box-shadow:0 4px 12px color-mix(in srgb,var(--quest-accent) 40%,transparent)}.store__chip-n{font-family:var(--font-display);font-size:11px;opacity:.85}@media (max-width: 480px){.store__chip{padding:0 9px;gap:4px;font-size:11.5px;min-height:32px}.store__chip-n{display:none}.store__filters{gap:6px}}.store__scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 16px 14px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.store__scroll::-webkit-scrollbar{width:4px}.store__scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.store__grid{display:grid;grid-template-columns:repeat(var(--cols, 2),var(--tile, minmax(0, 1fr)));justify-content:center;align-content:center;gap:var(--gap, 12px);height:100%}@media (min-width: 900px){.store__head{padding:20px 24px 8px}.store__filters{padding:8px 24px 12px}.store__scroll{padding:6px 24px 18px}.store__h1{font-size:22px}.store__sub{font-size:13.5px}}.store__empty{grid-column:1 / -1;text-align:center;padding:40px 16px;color:var(--quest-text-secondary);font-family:var(--font-ui);font-size:14px}.store__error{margin:24px 16px;padding:16px;border-radius:14px;text-align:center;color:var(--quest-text);background:#ef44441f;border:1px solid rgba(239,68,68,.35);font-family:var(--font-ui);font-size:14px}.gs-card{--gs-color: var(--quest-accent);display:flex;flex-direction:column;gap:8px;padding:0;text-align:left;background:none;border:none;color:inherit;min-width:0;cursor:pointer;border-radius:20px;animation:gs-in .32s ease both}.gs-card:focus-visible{outline:none}.gs-card:focus-visible .gs-card__art{box-shadow:0 0 0 3px var(--quest-accent)}.gs-card__art{position:relative;aspect-ratio:1 / 1;width:100%;container-type:inline-size;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,color-mix(in srgb,var(--gs-color) 55%,#000),color-mix(in srgb,var(--gs-color) 25%,#000));box-shadow:0 10px 24px #00000059;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.gs-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .26s ease}.gs-card__fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:56px}@media (hover: hover){.gs-card:hover:not(.is-locked) .gs-card__art{transform:translateY(-4px);border-color:var(--gs-color);box-shadow:0 0 0 1px var(--gs-color),0 18px 34px #00000073,0 0 24px color-mix(in srgb,var(--gs-color) 40%,transparent)}.gs-card:hover:not(.is-locked) .gs-card__img{transform:scale(1.05)}}.gs-card:active:not(.is-locked) .gs-card__art{transform:translateY(-1px) scale(.985)}.gs-badge{position:absolute;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-family:var(--font-ui);font-size:10.5px;font-weight:800;line-height:1;letter-spacing:.02em;color:#fff;background:#0806149e;border:1px solid rgba(255,255,255,.16)}.gs-badge--skill{left:8px;top:8px}.gs-badge--diff{right:8px;top:8px;gap:3px;padding:5px 7px}.gs-badge--diff i{width:5px;height:5px;border-radius:50%;background:#ffffff47}.gs-badge--diff i.on{background:#fff;box-shadow:0 0 5px #fffc}.gs-card__meta{position:absolute;left:8px;right:8px;bottom:8px;display:flex;justify-content:space-between;gap:6px}.gs-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:999px;font-family:var(--font-ui);font-size:11px;font-weight:800;line-height:1;color:#fff;background:#080614b3;border:1px solid rgba(255,255,255,.14);white-space:nowrap}.gs-pill--xp{color:#fde68a}.gs-card.is-locked{cursor:default}.gs-card.is-locked .gs-card__img{filter:grayscale(.85) brightness(.55)}.gs-card__lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:var(--font-ui);font-size:12px;font-weight:800;color:#fff;text-align:center;padding:12px;background:#08061459}.gs-card__lock-icon{font-size:26px}.gs-card__cap{position:absolute;left:0;right:0;bottom:0;padding:26px 10px 8px;background:linear-gradient(180deg,transparent,rgba(8,6,20,.84) 55%);display:flex;flex-direction:column;gap:2px}.gs-card__title{margin:0;font-family:var(--font-ui);font-weight:800;font-size:clamp(11px,9cqw,15px);line-height:1.2;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-card__subtitle{margin:0;font-family:var(--font-ui);font-size:clamp(10px,6.5cqw,12px);color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-card__meta{position:static;display:flex;justify-content:space-between;gap:6px;margin-top:5px}@container (max-width: 150px){.gs-card__subtitle,.gs-badge--skill .gs-badge__txt{display:none}.gs-badge{padding:4px 6px}.gs-pill{padding:4px 7px;font-size:10px}}@container (max-width: 118px){.gs-badge--diff,.gs-pill--q{display:none}}@keyframes gs-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.store__skeleton{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;max-width:1120px;margin:0 auto;padding:4px 16px}@media (min-width: 620px){.store__skeleton{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px}}@media (min-width: 900px){.store__skeleton{grid-template-columns:repeat(4,minmax(0,1fr));padding:6px 24px}}.store__sk-card{display:flex;flex-direction:column;gap:8px}.store__sk-art{aspect-ratio:1 / 1;border-radius:18px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.store__sk-line{height:12px;border-radius:6px;background:#ffffff12;width:70%}.store__sk-line--short{width:45%}@media (prefers-reduced-motion: reduce){.gs-card{animation:none}.gs-card__art,.gs-card__img,.store__chip{transition:none!important}.store__sk-art{animation:none}}.g{--g: var(--quest-accent);--g-ink: color-mix(in srgb, var(--g) 70%, #fff);--g-soft: color-mix(in srgb, var(--g) 16%, transparent);--g-line: color-mix(in srgb, var(--g) 38%, transparent);--ok: #34D399;--bad: #F87171;display:flex;flex-direction:column;height:100%;padding:10px 12px 12px;gap:8px;color:var(--quest-text);font-family:var(--font-ui);background:radial-gradient(90% 40% at 50% -6%,color-mix(in srgb,var(--g) 22%,transparent),transparent 60%),var(--quest-bg)}@media (min-width: 760px){.g{padding:14px 20px 18px;gap:10px}}.g__top{display:flex;align-items:center;gap:10px;min-height:40px}.g__back{width:40px;height:40px;border-radius:12px;flex-shrink:0;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--quest-text);display:grid;place-items:center;cursor:pointer}.g__back:active{transform:scale(.94)}.g__id{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.g__icon{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-size:16px;background:var(--g-soft);border:1px solid var(--g-line)}.g__title{font-weight:800;font-size:15px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g__right{display:flex;align-items:center;gap:6px;flex-shrink:0}.g__pill{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;border-radius:999px;font-weight:800;font-size:13px;line-height:1;font-variant-numeric:tabular-nums;background:var(--g-soft);border:1px solid var(--g-line);color:var(--g-ink)}.g__pill--streak{color:#fbbf24;background:#fbbf2424;border-color:#fbbf2473}.g__iconbtn{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--g-line);background:var(--g-soft);color:var(--quest-text);cursor:pointer;font-size:13px}.g__prog{display:flex;align-items:center;gap:10px}.g__bar{flex:1;height:5px;border-radius:3px;background:#ffffff14;overflow:hidden}.g__bar>i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--g),var(--g-ink));transition:width .28s ease}.g__count{font-size:12px;font-weight:700;color:var(--quest-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.g__lives{display:inline-flex;gap:3px;font-size:14px;line-height:1}.g__lives i{font-style:normal;transition:opacity .2s,transform .2s}.g__lives i.off{opacity:.22;transform:scale(.8)}.g__stage{flex:1;min-height:0;position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--g-line);background:radial-gradient(80% 60% at 50% 0%,color-mix(in srgb,var(--g) 14%,transparent),transparent 65%),linear-gradient(180deg,#ffffff09,#ffffff04);display:flex;flex-direction:column;padding:12px;gap:10px}@media (min-width: 760px){.g__stage{padding:18px 20px;gap:14px;border-radius:22px}.g__stage>.g__col{width:100%;max-width:700px;max-height:640px;margin:auto}}.g__col{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;position:relative;z-index:1}@media (min-width: 760px){.g__col{gap:14px}}.g__spacer{flex:1;min-height:0}.g-prompt{text-align:center;padding:12px 14px;border-radius:14px;background:#08061459;border:1px solid var(--g-line);flex-shrink:0}.g-prompt__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--g-ink);margin-bottom:4px}.g-prompt__text{font-size:clamp(20px,5.6vw,28px);font-weight:800;line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}.g-prompt__sub{font-size:13px;color:var(--quest-text-secondary);margin-top:4px}.g-opts{display:grid;grid-template-columns:1fr;gap:8px;flex-shrink:0}.g-opts--2{grid-template-columns:1fr 1fr}@media (min-width: 760px){.g-opts--wide{grid-template-columns:1fr 1fr}}.g-opt{position:relative;min-height:50px;padding:12px 14px 12px 46px;border-radius:14px;text-align:left;cursor:pointer;font-family:var(--font-ui);font-size:15px;font-weight:700;color:var(--quest-text);background:#ffffff0d;border:1.5px solid rgba(255,255,255,.12);transition:border-color .16s,background .16s,transform .12s;overflow-wrap:anywhere}.g-opt__key{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--g-ink);background:var(--g-soft);border:1px solid var(--g-line)}.g-opt__mark{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;font-weight:900}@media (hover: hover){.g-opt:not(:disabled):hover{border-color:var(--g);background:var(--g-soft)}}.g-opt:not(:disabled):active{transform:scale(.985)}.g-opt:disabled{cursor:default}.g-opt.is-correct{border-color:var(--ok);background:#34d39929}.g-opt.is-correct .g-opt__key{color:var(--ok);border-color:var(--ok);background:#34d3992e}.g-opt.is-wrong{border-color:var(--bad);background:#f8717124}.g-opt.is-wrong .g-opt__key{color:var(--bad);border-color:var(--bad);background:#f8717129}.g-opt.is-reveal{border-color:var(--ok);background:#34d3991a}.g-opt.is-dim{opacity:.45}.g-opt--center{text-align:center;padding:12px 14px}.g-cta{min-height:50px;padding:12px 18px;border-radius:14px;border:none;cursor:pointer;font-family:var(--font-ui);font-weight:900;font-size:15px;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--g),color-mix(in srgb,var(--g) 65%,#000));box-shadow:0 8px 20px color-mix(in srgb,var(--g) 40%,transparent),inset 0 1px #ffffff40;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s,opacity .16s}.g-cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.g-cta:not(:disabled):active{transform:scale(.98)}.g-cta--block{width:100%}.g__dock{flex-shrink:0;display:flex;gap:8px;align-items:center}.g-input{flex:1;min-width:0;min-height:50px;padding:0 14px;border-radius:14px;border:1.5px solid var(--g-line);background:#08061473;color:var(--quest-text);font-family:var(--font-ui);font-size:16px;font-weight:600;outline:none}.g-input:focus{border-color:var(--g);box-shadow:0 0 0 3px var(--g-soft)}.g-feedback{position:absolute;left:12px;right:12px;bottom:12px;z-index:5;padding:10px 14px;border-radius:14px;text-align:center;font-weight:800;font-size:14px;color:#fff;pointer-events:none}.g-feedback--ok{background:#064e3beb;border:1px solid rgba(52,211,153,.6)}.g-feedback--bad{background:#7f1d1deb;border:1px solid rgba(248,113,113,.6)}.g-feedback small{display:block;font-weight:600;font-size:12.5px;opacity:.9;margin-top:2px}.g-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.g-chip{min-height:42px;padding:8px 14px;border-radius:12px;cursor:pointer;font-family:var(--font-ui);font-size:15px;font-weight:700;color:var(--quest-text);background:#ffffff0f;border:1.5px solid rgba(255,255,255,.14);transition:opacity .16s,transform .12s,border-color .16s}.g-chip.is-used{opacity:.25;text-decoration:line-through;pointer-events:none}.g-chip--picked{background:var(--g);border-color:var(--g);color:#fff}.g-chip:active{transform:scale(.96)}.g-build{min-height:56px;padding:10px 12px;border-radius:14px;border:1.5px dashed var(--g-line);background:#0806144d;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.g-build.has{border-style:solid;border-color:var(--g)}.g-build__hint{font-size:13px;color:var(--quest-text-secondary)}.g-play{width:88px;height:88px;border-radius:50%;border:2px solid var(--g);cursor:pointer;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--g) 55%,#fff),var(--g) 55%,color-mix(in srgb,var(--g) 55%,#000));color:#fff;font-size:34px;display:grid;place-items:center;margin:0 auto;box-shadow:0 10px 24px color-mix(in srgb,var(--g) 45%,transparent),inset 0 2px #ffffff4d;transition:transform .12s}.g-play:active{transform:scale(.94)}.g-play.is-playing{animation:g-pulse 1s ease-in-out infinite}@keyframes g-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.g-play__label{text-align:center;font-size:12px;font-weight:700;color:var(--quest-text-secondary);margin-top:8px;letter-spacing:.04em}.g-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:26px}.g-wave i{width:4px;height:100%;border-radius:2px;background:var(--g);transform:scaleY(.2);transform-origin:center;opacity:.6}.g-wave.on i{animation:g-wave .8s ease-in-out infinite;opacity:1}.g-wave.on i:nth-child(2){animation-delay:.1s}.g-wave.on i:nth-child(3){animation-delay:.2s}.g-wave.on i:nth-child(4){animation-delay:.3s}.g-wave.on i:nth-child(5){animation-delay:.4s}.g-wave.on i:nth-child(6){animation-delay:.5s}.g-wave.on i:nth-child(7){animation-delay:.6s}@keyframes g-wave{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.g-pause{position:absolute;inset:0;z-index:50;border-radius:inherit;background:#070714f7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}@media (prefers-reduced-motion: reduce){.g-play.is-playing,.g-wave.on i{animation:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display: "Orbitron", "Exo 2", monospace;--font-game: "Exo 2", "Inter", sans-serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--quest-bg: #07071a;--quest-surface: rgba(255, 255, 255, .05);--quest-text: #F1F0FF;--quest-text-secondary: #A5A3C9;--quest-accent: #8B5CF6;--quest-border: rgba(139, 92, 246, .25);--quest-glow: rgba(139, 92, 246, .35);--quest-success: #6ee72a;--quest-error: #ff5555;--quest-gold: #FBBF24;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px}html,body,#root{width:100%;height:100%;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-game);color:var(--quest-text);background:var(--quest-bg);overscroll-behavior:none}.quest-page{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.quest-content{flex:1;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.quest-center{flex:1;display:flex;align-items:center;justify-content:center}.quest-content::-webkit-scrollbar{width:3px}.quest-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.quest-page{user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}input:focus,button:focus{outline:none}button:focus-visible{outline:2px solid var(--quest-accent);outline-offset:2px}button{font-family:var(--font-game);border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}@media (max-width: 400px){:root{--space-md: 10px;--space-lg: 14px}}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px var(--quest-glow)}50%{box-shadow:0 0 24px var(--quest-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 600px){*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
