:root:has(.mon-root){overflow:hidden;height:100%}:root:has(.mon-root) body{overflow:hidden;height:100%}.mon-root{position:fixed;inset:0;z-index:1;color:var(--ink);font-family:Kanit,system-ui,sans-serif}.mon-stage{position:absolute;inset:0;overflow:hidden;background:#07110b}.mon-fondo{position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 50% 52%,#284a308c,#07110b00 70%),radial-gradient(ellipse 90% 70% at 50% 110%,#b8862f29,#07110b00 60%),#07110b}.mon-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none;opacity:0;transition:opacity .9s ease}.mon-listo .mon-canvas{opacity:1}.mon-poster{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);height:min(64svh,1200px);width:auto;max-width:86vw;object-fit:contain;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6));transition:opacity .9s ease;pointer-events:none}.mon-listo .mon-poster{opacity:0}.mon-carga{position:absolute;left:50%;bottom:calc(150px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(280px,70vw);text-align:center;transition:opacity .5s ease;pointer-events:none}.mon-listo .mon-carga{opacity:0}.mon-barra{height:3px;border-radius:3px;background:#e2d29624;overflow:hidden}.mon-barra span{display:block;height:100%;width:0;background:var(--grad);transition:width .25s ease}.mon-carga p{margin:10px 0 0;font-size:13px;color:var(--muted);letter-spacing:.02em}.mon-carga p b{color:var(--gold-soft);font-weight:500}.mon-error .mon-barra{display:none}.mon-error .mon-carga p{color:var(--gold-soft)}.mon-cab{position:absolute;left:0;right:0;top:0;padding:calc(78px + env(safe-area-inset-top)) 22px 18px;pointer-events:none;background:linear-gradient(180deg,#07110bd9,#07110b8c 60%,#07110b00)}.mon-cab>*{max-width:1100px;margin-left:auto;margin-right:auto}.mon-h1{margin:0 auto;font-weight:600;font-size:clamp(26px,5.4vw,46px);line-height:1.08;letter-spacing:-.01em;padding-bottom:.08em}.mon-sub{margin:6px auto 0;font-size:clamp(14px,2.2vw,17px);color:var(--muted);font-weight:300}.mon-hint{margin:8px auto 0;font-size:12px;color:var(--faint);letter-spacing:.04em;text-transform:uppercase;transition:opacity .6s}.mon-hint.mon-oculto{opacity:0}.mon-pie{position:absolute;left:0;right:0;bottom:0;padding:18px 14px calc(14px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(0deg,#07110be6,#07110b99 60%,#07110b00)}.mon-card{pointer-events:auto;max-width:720px;margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 14px 14px 18px;border-radius:18px;background:#0c1a109e;border:1px solid var(--line2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 50px -20px #000c}.mon-card-txt{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}.mon-card-txt strong{font-weight:600;font-size:16px;color:var(--gold-soft)}.mon-card-txt span{font-size:14px;color:var(--muted);font-weight:300}.mon-card-txt .mon-yo-nivel{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:400}.mon-card-txt .mon-yo-nivel img{width:28px;height:28px}.mon-acciones{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}.mon-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font:500 14px Kanit,system-ui,sans-serif;color:var(--ink);text-decoration:none;cursor:pointer;padding:11px 16px;border-radius:999px;border:1px solid var(--line2);background:#14281ab3;transition:border-color .2s,background .2s,transform .2s}.mon-btn:hover{border-color:var(--gold)}.mon-btn:active{transform:scale(.97)}.mon-btn-oro{background:var(--grad);color:#1a1305;border:none;font-weight:600;box-shadow:0 0 #e9c86880;animation:mon-glow 3.2s ease-in-out infinite}.mon-btn svg{flex:0 0 auto}@keyframes mon-glow{0%,to{box-shadow:0 0 #e9c86800}50%{box-shadow:0 0 22px 2px #e9c86859}}.mon-ico{appearance:none;-webkit-appearance:none;position:relative;width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;color:var(--gold-soft);background:#14281ab3;border:1px solid var(--line2);cursor:pointer;transition:border-color .2s,color .2s}.mon-ico:hover,.mon-ico:focus-visible{border-color:var(--gold);color:#fff}.mon-btn:focus-visible,.mon-ico:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.mon-ico[hidden],.mon-btn[hidden]{display:none}.mon-ico:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);white-space:nowrap;font:400 12px Kanit,sans-serif;color:var(--ink);background:#08110bf2;border:1px solid var(--line2);padding:5px 9px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.mon-ico:hover:after,.mon-ico:focus-visible:after{opacity:1;transform:translate(-50%)}@media(hover:none){.mon-ico:after{display:none}}.mon-toast{position:absolute;left:50%;width:max-content;max-width:calc(100vw - 32px);text-align:center;top:calc(90px + env(safe-area-inset-top));transform:translate(-50%,-8px);opacity:0;pointer-events:none;padding:10px 16px;border-radius:12px;background:#08110bf0;border:1px solid var(--gold);color:var(--gold-soft);font-size:14px;transition:opacity .25s,transform .25s;z-index:5}.mon-toast.mon-ver{opacity:1;transform:translate(-50%)}.mon-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:560px){.mon-cab{padding-left:18px;padding-right:18px}.mon-card{padding:12px;gap:10px}.mon-card-txt{flex-basis:100%}.mon-acciones{margin-left:0;width:100%}.mon-acciones .mon-btn{flex:1 1 auto;justify-content:center}}@media(prefers-reduced-motion:reduce){.mon-btn-oro{animation:none}.mon-canvas,.mon-poster,.mon-carga{transition:none}}