@font-face{font-family:'Abril Fatface';src:url('/fonts/abril.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'Mulish';src:url('/fonts/mulish.woff2') format('woff2');font-weight:300 900;font-display:swap}
:root{--bg:#1a0508;--bg2:#2a0a0f;--cr:#c3122b;--cr2:#8e0b1f;--hon:#f2b632;--hon2:#ffd772;--cream:#fff3d6;--mut:#d9a99a;--ln:#f2b63340}
*{box-sizing:border-box}body.qj{margin:0;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='40' cy='40' r='14' fill='none' stroke='%23f2b632' stroke-opacity='.05' stroke-width='2'/%3E%3Crect x='35' y='35' width='10' height='10' fill='none' stroke='%23f2b632' stroke-opacity='.05'/%3E%3C/svg%3E");color:var(--cream);font:16.5px/1.65 Mulish,system-ui,sans-serif}
a{color:var(--hon2)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-family:"Abril Fatface",serif;font-weight:400}
.qj-rib{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--cr);color:var(--cream);font-size:12.5px;font-weight:700;padding:6px 26px;border-bottom:2px solid var(--hon)}.qj-rib a{color:var(--cream)}
.qj-head{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#22070b,#1a0508f2);box-shadow:0 8px 24px #000a}
.qj-head__in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 26px}
.qj-help{justify-self:start;color:var(--mut);text-decoration:none;font-weight:800;font-size:14px;border:1px solid var(--ln);padding:7px 14px;border-radius:30px}
.qj-crest{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cream);font:400 32px "Abril Fatface";line-height:1}.qj-crest b{color:var(--hon);font-weight:400}.qj-crest small{display:block;font:800 10px Mulish;letter-spacing:3px;text-transform:uppercase;color:var(--mut);margin-top:4px}
.qj-head__in>.qj-cta{justify-self:end}
.qj-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;font:900 15px Mulish;letter-spacing:1.2px;color:#2a0a00;padding:13px 26px;border-radius:40px;background:linear-gradient(180deg,#ffe9a8,#f2b632 50%,#c98a0c);border:2px solid #fff3d6;box-shadow:0 0 0 3px var(--cr),0 6px 20px #f2b63266;transition:.15s}.qj-cta:hover{transform:translateY(-1px);filter:brightness(1.07)}.qj-cta--xl{font-size:19px;padding:17px 38px}
.qj-burger{display:none;justify-self:end;background:none;border:1px solid var(--ln);color:var(--hon);font-size:20px;padding:3px 12px;border-radius:8px}
.qj-nav{display:flex;justify-content:center;gap:4px;background:linear-gradient(180deg,#f2b632,#c98a0c);padding:0 20px;border-top:1px solid #fff3d6aa;border-bottom:3px solid var(--cr2)}
.qj-nav__a{color:#3a0b06;text-decoration:none;font:900 13.5px Mulish;letter-spacing:.6px;text-transform:uppercase;padding:10px 15px;white-space:nowrap}.qj-nav__a:hover,.qj-nav__a.on{background:var(--cr);color:var(--cream)}
.qj-hero{position:relative;overflow:hidden;border-bottom:3px solid var(--hon)}.qj-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;filter:saturate(1.3) blur(2px)}.qj-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 50%,#c3122b55,transparent 45%),linear-gradient(90deg,#1a0508 20%,#1a0508aa)}
.qj-hero__in{position:relative;max-width:1240px;margin:0 auto;padding:56px 26px 60px;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.qj-eye{font:900 12.5px Mulish;letter-spacing:4px;text-transform:uppercase;color:var(--hon);margin:0 0 10px}
.qj-hero h1{font-size:clamp(42px,5.6vw,74px);line-height:1.02;margin:0}.qj-hero h1 span{display:block;color:var(--hon);text-shadow:0 4px 0 var(--cr2),0 0 30px #f2b63355}
.qj-hero__p{font-size:18.5px;max-width:520px;color:#f6d9c5}.qj-hero__a{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin:24px 0}.qj-link{color:var(--hon2);font-weight:900;text-decoration:none;border-bottom:2px solid var(--cr)}
.qj-chips{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.qj-chips li{background:var(--bg2);border:1px solid var(--ln);border-radius:14px;padding:8px 16px;font-size:12.5px;color:var(--mut)}.qj-chips b{display:block;font:400 24px "Abril Fatface";color:var(--cream)}
.qj-wheel{position:relative;width:min(460px,100%);aspect-ratio:1;justify-self:center}.qj-wheel__svg{width:100%;height:100%;filter:drop-shadow(0 20px 40px #000c)}
.qj-spin{transform-origin:200px 200px;animation:qj-r 40s linear infinite}@keyframes qj-r{to{transform:rotate(360deg)}}.qj-bulb{fill:#ffe9a8;animation:qj-b 1.2s infinite}.qj-bulb:nth-child(odd){animation-delay:.6s}@keyframes qj-b{50%{fill:#7a3a10}}
.qj-wheel__hub{position:absolute;left:50%;top:50%;width:46%;transform:translate(-50%,-50%);border-radius:50%;border:6px solid var(--hon);box-shadow:0 0 0 4px var(--cr2),0 0 40px #f2b63288;object-fit:cover;aspect-ratio:1}
.qj-pin{position:absolute;z-index:2;left:50%;top:-10px;transform:translateX(-50%);width:0;height:0;border:18px solid transparent;border-top:34px solid var(--hon);filter:drop-shadow(0 3px 2px #000)}
.qj-promo{max-width:1240px;margin:40px auto;padding:0 26px;overflow:hidden}.qj-deck{position:relative;aspect-ratio:1200/500}
.qj-card{position:absolute;inset:0;border-radius:20px;overflow:hidden;border:3px solid var(--hon);color:var(--cream);text-decoration:none;transition:transform .6s,opacity .6s;opacity:0;transform:translateX(6%) rotate(2deg) scale(.94);box-shadow:0 20px 40px #000b}.qj-card.on{opacity:1;transform:none;z-index:2}.qj-card.nx{opacity:.5;transform:translate(3%,10px) rotate(1.5deg) scale(.96);z-index:1}
.qj-card img{width:100%;height:100%;object-fit:cover}.qj-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1a0508f0 0,#1a0508aa 40%,transparent 65%)}
.qj-card span{position:absolute;left:44px;top:50%;transform:translateY(-50%);max-width:430px;font-size:17px;color:#f6d9c5}.qj-card i{font-style:normal;font:900 12px Mulish;letter-spacing:3px;text-transform:uppercase;background:var(--cr);color:var(--cream);padding:5px 14px;border-radius:20px;border:1px solid var(--hon)}.qj-card b{display:block;font:400 44px/1.05 "Abril Fatface";color:var(--hon2);margin:14px 0 8px}
.qj-deck__nav{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px}.qj-deck__nav button{width:44px;height:44px;border-radius:50%;background:var(--cr);border:2px solid var(--hon);color:var(--cream);font-size:24px;cursor:pointer}.qj-count{font-weight:900;color:var(--mut)}
.qj-sec{max-width:1240px;margin:56px auto;padding:0 26px}.qj-ttl{text-align:center;margin:0;font-size:38px;color:var(--hon)}.qj-ttl span{display:inline-block;padding:0 26px;position:relative}.qj-ttl span:before,.qj-ttl span:after{content:"✦";color:var(--cr);font-size:22px;position:absolute;top:50%;transform:translateY(-50%)}.qj-ttl span:before{left:-4px}.qj-ttl span:after{right:-4px}
.qj-sub{text-align:center;color:var(--mut);margin:6px 0 30px}
.qj-fan{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 22px}
.qj-tile{position:relative;display:block;text-decoration:none;color:var(--cream);transition:transform .25s}.qj-tile:nth-child(odd){transform:rotate(-2deg)}.qj-tile:nth-child(even){transform:rotate(2deg) translateY(10px)}.qj-tile:hover{transform:rotate(0) scale(1.04);z-index:2}
.qj-tile__f{display:block;padding:7px;background:linear-gradient(135deg,#ffe9a8,#c98a0c 60%,#f2b632);clip-path:polygon(0 0,100% 0,100% 82%,82% 100%,0 100%);border-radius:14px 14px 0 14px;box-shadow:0 14px 30px #000a}
.qj-tile__f img{clip-path:polygon(0 0,100% 0,100% 82%,82% 100%,0 100%);border-radius:9px 9px 0 9px;aspect-ratio:1;object-fit:cover;width:100%}
.qj-tile strong{display:block;text-align:center;font:400 20px "Abril Fatface";margin-top:10px;color:var(--hon2)}
.qj-flag{position:absolute;top:16px;left:-6px;font-style:normal;font:900 12px Mulish;letter-spacing:1px;background:var(--cr);color:var(--cream);padding:5px 14px 5px 12px;clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%);box-shadow:0 3px 8px #0008}
.qj-two{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}
.qj-coinbox{background:radial-gradient(circle at 50% 120%,#c3122b66,transparent 60%),var(--bg2);border:2px solid var(--hon);border-radius:20px;padding:26px 30px}.qj-coinbox h2{margin:0;font-size:28px;color:var(--hon)}.qj-coinbox p{margin:4px 0 20px;color:var(--mut);font-size:14px}.qj-coinbox small{color:var(--mut);font-size:12.5px}
.qj-stacks{display:flex;justify-content:space-around;align-items:flex-end;height:290px;border-bottom:3px solid var(--hon);margin-bottom:10px}
.qj-stack{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:70px}.qj-stack b{font:400 20px "Abril Fatface";color:var(--cream)}.qj-stack span{font-weight:900;font-size:14px}.qj-stack small{font-size:11.5px;color:var(--mut)}
.qj-coins{display:flex;flex-direction:column-reverse;align-items:center}.qj-coins i{display:block;width:58px;height:13px;margin-top:-4px;border-radius:50%;background:linear-gradient(180deg,#ffe9a8,#f2b632 45%,#9a6508);border:1px solid #6b4504;box-shadow:0 2px 0 #6b4504}
.qj-stack.me .qj-coins i{width:66px;box-shadow:0 2px 0 #6b4504,0 0 14px #f2b63288}.qj-stack.me span{color:var(--hon)}
.qj-card2{background:var(--cr);border:3px solid var(--hon);border-radius:20px;padding:26px;box-shadow:inset 0 0 0 6px var(--cr2),inset 0 0 0 7px #f2b63366}.qj-card2 h2{margin:0 0 12px;color:var(--cream)}.qj-card2 dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0 0 18px}.qj-card2 dt{color:#ffd0c0;font-size:13.5px}.qj-card2 dd{margin:0;font-weight:900;text-align:right}
.qj-covers{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.qj-cover,.qj-next{display:block;text-decoration:none;color:var(--cream);background:var(--bg2);border:2px solid var(--ln);border-radius:16px;overflow:hidden;transition:.2s}.qj-cover:hover,.qj-next:hover{border-color:var(--hon);transform:translateY(-3px)}.qj-cover span,.qj-next span{display:block;padding:12px 14px;font-weight:800;font-size:14.5px}.qj-c{text-align:center;margin-top:22px}
.qj-lantern{position:relative;max-width:1188px;margin:70px auto;padding:46px 30px;text-align:center;border-radius:24px;background:radial-gradient(circle at 50% 0,#f2b63344,transparent 60%),linear-gradient(180deg,var(--cr),var(--cr2));border:3px solid var(--hon);box-shadow:0 20px 50px #000a}.qj-lantern h2{font-size:36px;margin:0 0 6px}.qj-lantern p{color:#ffd0c0;margin:0 0 22px}
.qj-lan{position:absolute;top:-26px;width:46px;height:60px;border-radius:40%;background:radial-gradient(circle at 50% 40%,#ff6a4a,#c3122b 60%,#7a0815);border:2px solid var(--hon)}.qj-lan:after{content:"";position:absolute;left:50%;bottom:-16px;width:2px;height:16px;background:var(--hon)}.qj-lan.l{left:40px}.qj-lan.r{right:40px}
.qj-foot{border-top:3px solid var(--hon);background:#120305;margin-top:40px}.qj-foot__in{max-width:1240px;margin:0 auto;padding:40px 26px;display:grid;grid-template-columns:1.4fr 1.2fr 1fr 1fr;gap:28px}.qj-foot h4{color:var(--hon);margin:0 0 10px}.qj-foot a:not(.qj-cta):not(.qj-crest){display:block;color:var(--mut);text-decoration:none;font-size:14px;padding:3px 0}.qj-foot p{color:var(--mut);font-size:14px}
.qj-foot__w b{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--cr);border:2px solid var(--hon);font-family:"Abril Fatface"}.qj-legal{text-align:center;color:#8a5a50;font-size:12.5px;margin:0;padding:0 20px 24px}
.qj-band{max-width:1240px;margin:26px auto 0;padding:0 26px;display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center}.qj-band figure{margin:0;border:4px solid var(--hon);border-radius:20px;overflow:hidden;box-shadow:0 0 0 4px var(--cr2),0 20px 40px #000a}.qj-band figcaption{background:#120305;color:var(--mut);font-size:12.5px;padding:7px 12px}
.qj-crumb{font-size:13.5px;color:var(--mut);margin-bottom:10px}.qj-crumb a{color:var(--mut)}.qj-band h1{font-size:clamp(30px,3.8vw,48px);line-height:1.08;margin:0 0 12px;color:var(--cream)}.qj-lede{font-size:18.5px;color:#f6d9c5}
.qj-chipnav{max-width:1240px;margin:26px auto 0;padding:0 26px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.qj-chipnav a{background:var(--bg2);border:1px solid var(--ln);border-radius:30px;padding:6px 14px;font-size:13.5px;font-weight:800;text-decoration:none;color:var(--cream)}.qj-chipnav a:hover{background:var(--cr)}
.qj-paper{max-width:860px;margin:28px auto;padding:40px 48px;background:linear-gradient(180deg,#2a0a0f,#220709);border:2px solid var(--hon);border-radius:24px;position:relative}.qj-paper:before{content:"";position:absolute;inset:8px;border:1px dashed var(--ln);border-radius:18px;pointer-events:none}
.qj-paper h2{font-size:28px;color:var(--hon);margin:32px 0 8px;scroll-margin-top:150px}.qj-paper h2:first-child{margin-top:0}.qj-paper p,.qj-paper li{color:#f3d8c8}
.qj-paper table{width:100%;border-collapse:collapse;margin:16px 0;border-radius:12px;overflow:hidden}.qj-paper th{background:var(--cr);color:var(--cream);padding:10px 12px;text-align:left;font-size:13.5px}.qj-paper td{padding:10px 12px;border-bottom:1px solid var(--ln);font-weight:700}
.qj-end{text-align:center;margin-top:30px;padding-top:24px;border-top:1px dashed var(--ln)}.qj-end p{color:var(--mut);font-size:13px}
.qj-faq details{background:#1a0508;border:1px solid var(--ln);border-radius:14px;margin:10px 0}.qj-faq summary{cursor:pointer;padding:14px 18px;font-weight:900}.qj-faq summary::marker{color:var(--hon)}.qj-faq p{margin:0;padding:0 18px 14px}
.qj-nexts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.qj-filter{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.qj-filter input{flex:1;min-width:240px;background:#120305;border:2px solid var(--hon);border-radius:40px;color:var(--cream);padding:12px 20px;font:inherit}.qj-filter select{background:var(--cr);color:var(--cream);border:2px solid var(--hon);border-radius:40px;padding:0 18px;font:800 14px Mulish}
.qj-envs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}
.qj-env{background:linear-gradient(180deg,#d4192f,#9a0c1f);border:2px solid #f2b63299;border-radius:12px;position:relative;box-shadow:0 8px 18px #0009}.qj-env:before{content:"";position:absolute;left:0;right:0;top:0;height:46px;background:linear-gradient(180deg,#b3132a,#8e0b1f);clip-path:polygon(0 0,100% 0,50% 100%);border-radius:10px 10px 0 0;pointer-events:none}
.qj-env.open-seen{background:linear-gradient(180deg,#f7c84a,#c98a0c);border-color:#fff3d6}.qj-env.open-seen:before{background:linear-gradient(180deg,#e0a92a,#b07508)}
.qj-env summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 12px 14px;text-align:center;position:relative}.qj-env summary::-webkit-details-marker{display:none}
.qj-env summary img,.qj-seal{width:44px;height:44px;border-radius:50%;background:#fff3d6;border:3px solid var(--hon);object-fit:contain}.qj-seal{display:grid;place-items:center;background:var(--hon);color:var(--cr2);font:400 17px "Abril Fatface";border-color:#fff3d6}
.qj-env summary b{font:400 18px "Abril Fatface";color:var(--cream);word-break:break-word;margin-top:6px}.qj-env.open-seen summary b{color:#3a0b06}.qj-env summary i{font-style:normal;font-size:11.5px;font-weight:800;color:#ffd0c0;letter-spacing:.5px}.qj-env.open-seen summary i{color:#5a2a06}
.qj-env__in{background:#fff3d6;color:#3a0b06;margin:0 8px 8px;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px;font-size:13px}.qj-env__in p{margin:0}.qj-visit{color:var(--cr2);font-weight:800;word-break:break-all;font-size:13px}.qj-more{font-weight:900;color:#3a0b06;font-size:13px}
.qj-rec{display:block;text-align:center;text-decoration:none;font:900 13px Mulish;color:var(--cream);background:linear-gradient(180deg,#e2324a,#c3122b 55%,#8e0b1f);border:2px solid var(--hon);border-radius:30px;padding:9px 10px}.qj-rec:hover{filter:brightness(1.1)}.qj-rec--xl{font-size:16px;padding:14px 26px;display:inline-block}
.qj-note{display:block;font-size:11px;color:#7a4a3a;text-align:center}.qj-recbox{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:16px}.qj-recbox .qj-note{color:var(--mut);text-align:left}.qj-recbox .qj-visit{color:var(--hon2)}
.qj-rh{display:flex;gap:14px;align-items:center}.qj-rlogo{border-radius:50%;background:#fff3d6;border:3px solid var(--hon);padding:3px}
.qj-letter{background:#fff3d6;color:#3a0b06;border-radius:16px;padding:22px 26px;margin-bottom:26px;border-top:10px solid var(--cr);position:relative}.qj-letter h2{color:var(--cr)!important;font-size:22px!important;margin:0 0 12px!important}.qj-letter dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0}.qj-letter dt{font-size:12.5px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#9a5a4a}.qj-letter dd{margin:0;font-weight:800;word-break:break-word}
@media(max-width:1060px){.qj-help{display:none}.qj-head__in{grid-template-columns:1fr auto}.qj-head__in>.qj-cta{display:none}.qj-burger{display:block}.qj-nav{display:none;flex-direction:column;padding:6px}.qj-open .qj-nav{display:flex}
.qj-hero__in,.qj-two,.qj-band{grid-template-columns:1fr}.qj-fan{grid-template-columns:repeat(2,1fr)}.qj-covers,.qj-envs{grid-template-columns:repeat(2,1fr)}.qj-nexts{grid-template-columns:1fr 1fr}.qj-foot__in{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.qj-rib{justify-content:center;text-align:center;padding:6px 12px}.qj-head__in{padding:8px 14px}.qj-crest{font-size:26px}.qj-hero__in{padding:34px 16px}.qj-sec,.qj-promo,.qj-band{padding:0 14px}.qj-deck{aspect-ratio:4/3}.qj-card span{left:18px;right:18px}.qj-card b{font-size:28px}
.qj-ttl{font-size:28px}.qj-fan{gap:20px 12px}.qj-tile strong{font-size:16px}.qj-stacks{height:240px}.qj-stack{min-width:0}.qj-coins i{width:40px}.qj-stack.me .qj-coins i{width:46px}.qj-stack b{font-size:15px}.qj-stack span{font-size:12px}.qj-coinbox{padding:20px 14px}
.qj-covers,.qj-envs,.qj-nexts{grid-template-columns:1fr}.qj-paper{margin:22px 14px;padding:26px 18px}.qj-foot__in{grid-template-columns:1fr}.qj-lantern{margin:50px 14px;padding:36px 16px}.qj-lantern h2{font-size:26px}.qj-cta--xl{font-size:17px;padding:15px 28px}.qj-lan{display:none}}
