:root{--p: #ECE1C9;--plt: #FBF6EA;--pdk: #D4C4A0;--stone: #8B7B5E;--sdk: #5A4A34;--ink: #2A1F0E;--ink2: #5C4A2C;--bz: #955F17;--bzlt: #C8943A;--bzglow: #E8B55A;--el: #4a9ab5;--el-lt: #6abcd5;--el-dk: #1a4a65;--el-bg: #071218;--el-bg2:#0d1e28;--el-g: rgba(74,154,181,.5);--el-gs: rgba(74,154,181,.18);--el-t: rgba(160,220,240,.9);--font-display: "Cinzel Decorative", serif;--font-ui: "Cinzel", serif;--font-body: "Crimson Pro", serif;--font-sans: "Mulish", sans-serif;--card-back: #1a2a3a;--correct: #2a6a2a;--correct-lt: #3a9a3a;--wrong: #6a2a2a;--wrong-lt: #9a3a3a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--p);min-height:100dvh;overflow:hidden;touch-action:none;font-family:var(--font-sans)}#root{display:flex;align-items:center;justify-content:center}#panel{position:relative;background:url(/tenants/bjl/assets/lol-bg.webp);background-size:101% 101%;background-position:center;background-repeat:no-repeat;border:1px solid var(--pdk);border-radius:6px;box-shadow:inset 0 1px #ffffff80,0 2px 8px #2a1f0e14;width:min(420px,100vw);min-height:620px;max-height:100dvh;display:flex;flex-direction:column;gap:0;padding:40px 20px 28px;overflow:hidden}#panel:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(149,95,23,.15);border-radius:2px;pointer-events:none;z-index:1}.co{position:absolute;width:16px;height:16px;opacity:.55;pointer-events:none;z-index:2}.co.tl{top:8px;left:8px;border-top:2px solid var(--bz);border-left:2px solid var(--bz)}.co.tr{top:8px;right:8px;border-top:2px solid var(--bz);border-right:2px solid var(--bz)}.co.bl{bottom:8px;left:8px;border-bottom:2px solid var(--bz);border-left:2px solid var(--bz)}.co.br{bottom:8px;right:8px;border-bottom:2px solid var(--bz);border-right:2px solid var(--bz)}#panel-header{flex-shrink:0;text-align:center;padding:0 40px;margin-bottom:14px;z-index:2}#title{font-family:var(--font-ui);font-size:clamp(13px,3.2vw,18px);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);line-height:1.2}#reset-btn{position:absolute;top:12px;right:12px;z-index:10;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,var(--plt),var(--p));box-shadow:0 0 0 1px #955f1773;border:none;color:var(--bz);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .25s;touch-action:manipulation}#reset-btn:hover{box-shadow:0 0 0 1px var(--bz),0 0 14px #955f174d}#game-area{flex:1;display:flex;flex-direction:column;gap:18px;z-index:2;min-height:0}#progress{display:flex;justify-content:center;gap:6px;flex-shrink:0;margin-top:4px}.pip{width:26px;height:26px;border-radius:50%;border:2px solid var(--stone);background:transparent;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:11px;font-weight:700;color:var(--stone);transition:background .3s,border-color .3s,color .3s;flex-shrink:0}.pip.active{border-color:var(--bz);box-shadow:0 0 0 2px var(--bzglow)}.pip.correct{background:#2a6a2a;border-color:#3a9a3a;color:#a0f0a0}.pip.wrong{background:#6a2a2a;border-color:#9a3a3a;color:#f0a0a0}#question-wrap{flex-shrink:0;text-align:center;padding:0 4px;height:78px;margin:0;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}#question-text{font-family:var(--font-body);font-size:clamp(15px,3.8vw,19px);font-style:italic;color:var(--ink);line-height:1.5}#question-count{font-family:var(--font-sans);font-size:11px;color:var(--stone);margin-top:4px;letter-spacing:.06em}#card-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;flex:1;min-height:0}.card{perspective:1000px;perspective-origin:50% 50%;cursor:pointer;height:100%;min-height:70px}.card-inner{position:relative;width:100%;height:100%;min-height:70px;transition:transform .55s ease;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-inner.flipped{transform:rotateY(180deg)}@keyframes cardSpin360{0%{transform:rotateY(var(--spin-start, 0deg)) translateZ(0)}50%{transform:rotateY(calc(var(--spin-start, 0deg) + var(--spin-extent, 360deg) / 2)) translateZ(1px)}to{transform:rotateY(calc(var(--spin-start, 0deg) + var(--spin-extent, 360deg))) translateZ(0)}}.card-inner.spinning{animation:cardSpin360 .7s linear}.card-front,.card-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:10px 12px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-front{background:url(/tenants/bjl/assets/lol-aw-bg.webp);background-size:101% 101%;background-position:center;border:1px solid var(--pdk);box-shadow:inset 0 1px #ffffff80;overflow:hidden}.card-front span{font-family:var(--font-body);font-size:clamp(13px,3.2vw,16px);color:var(--ink);text-align:center;line-height:1.4}.card-back{border:1px solid transparent;transform:rotateY(180deg);flex-direction:column;gap:6px;overflow:hidden;background:url(/tenants/bjl/assets/lol-aw-bg.webp);background-size:101% 101%;background-position:center}.card-back.result-correct{background:url(/tenants/bjl/assets/lol-aw-bg-green.webp);background-size:101% 101%;background-position:center}.card-back.result-wrong{background:url(/tenants/bjl/assets/lol-aw-bg-red.webp);background-size:cover;background-position:center}.card-result-icon{font-size:clamp(20px,5vw,28px);line-height:1}.card-result-answer{font-family:var(--font-body);font-size:clamp(13px,3.2vw,16px);text-align:center;line-height:1.4}.card-back .card-result-answer{color:var(--stone)}.card-back.result-correct .card-result-icon,.card-back.result-correct .card-result-answer{color:var(--correct-lt)}.card-back.result-wrong .card-result-icon,.card-back.result-wrong .card-result-answer{color:var(--wrong-lt)}@media (hover: hover){.card.playable:hover .card-front{background:url(/tenants/bjl/assets/lol-aw-bg-hover.webp);background-size:101% 101%;background-position:center}}#cheat-zone{position:fixed;width:60px;height:60px;z-index:9999;background:transparent}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#071218d1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.overlay.hidden{display:none}.ov-panel{position:relative;background-image:url(/tenants/bjl/assets/lol-bg.webp);background-size:cover;background-position:center;border:1px solid var(--pdk);border-radius:6px;padding:36px 32px 32px;max-width:min(380px,92vw);width:100%;text-align:center;box-shadow:inset 0 1px #ffffff80,0 2px 8px #2a1f0e14,0 24px 64px #0000008c}.ov-panel:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(149,95,23,.15);border-radius:2px;pointer-events:none}.ov-title{font-family:var(--font-ui);font-size:clamp(1rem,4vw,1.3rem);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin-bottom:10px}.ov-text{font-family:var(--font-body);font-size:clamp(.9rem,3vw,1.05rem);font-style:italic;color:var(--ink2);line-height:1.7;margin-bottom:22px}.ov-subtitle{font-family:var(--font-body);font-style:italic;font-size:.9rem;color:var(--ink2);margin-top:-6px;margin-bottom:20px}.ov-divider{width:60%;height:1px;background:linear-gradient(to right,transparent,var(--bz),transparent);margin:0 auto 18px}.btn{font-family:var(--font-ui);font-size:clamp(.7rem,2.6vw,.85rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase;border-radius:4px;cursor:pointer;padding:13px 24px;transition:filter .2s,transform .1s;touch-action:manipulation}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--bzlt),var(--bz));color:var(--plt);border:1px solid var(--bz);box-shadow:inset 0 1px #ffffff40,0 2px 6px #955f174d}.btn-primary:hover{filter:brightness(1.12)}.btn-secondary{background:transparent;color:var(--bz);border:1px solid var(--bz)}.btn-secondary:hover{background:#955f1717;color:var(--bzlt)}.btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}#win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:500}#win-overlay.show{display:flex}#win-panel{position:relative;background-image:url(/tenants/bjl/assets/lol-bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid var(--pdk);border-radius:6px;padding:36px 32px 32px;max-width:min(380px,calc(100vw - 48px));width:100%;box-shadow:inset 0 1px #ffffff80,0 8px 32px #2a1f0e40;display:flex;flex-direction:column;align-items:center;gap:16px;overflow:hidden}#win-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ece1c98c;z-index:0;border-radius:inherit;pointer-events:none}#win-panel:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(149,95,23,.15);border-radius:2px;pointer-events:none;z-index:2}#win-panel>:not(.co){position:relative;z-index:1}#win-seal{width:160px;height:160px}#win-seal img{width:100%;height:100%;object-fit:contain;display:block}#win-overlay.show #win-seal{animation:sealAppear .6s ease-out both}@keyframes sealAppear{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}#win-title{font-family:var(--font-ui);font-size:clamp(14px,3.5vw,18px);font-weight:700;letter-spacing:.08em;color:var(--ink);text-transform:uppercase;text-align:center;line-height:1.3}#win-body{font-family:var(--font-body);font-size:15px;font-style:italic;color:var(--ink2);line-height:1.7;text-align:center;margin-top:8px}#btn-win-claim{margin-top:32px;width:100%;color:var(--plt);background:linear-gradient(135deg,var(--bzlt),var(--bz));border:1px solid var(--bz);box-shadow:inset 0 1px #ffffff40,0 2px 6px #955f174d}#btn-win-claim:hover{filter:brightness(1.12)}.tenant-error{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:red;color:#fff;font-family:var(--font-sans);text-align:center}@media (orientation: landscape) and (max-height: 500px){#panel{width:min(640px,100vw);padding:16px;gap:0}#panel-header{margin-bottom:8px}#game-area{gap:8px}#card-grid{grid-template-columns:repeat(4,1fr);gap:8px}.card{height:60px;min-height:60px}#progress{gap:4px}.pip{width:22px;height:22px;font-size:9px}}