:root{color-scheme:dark;--bg:#0c1419;--panel:#121e24;--raised:#17262d;--line:#2b393b;--gold:#d2b57b;--gold-dark:#8f784d;--text:#e6e7df;--muted:#92a3a5;--green:#81b6a5;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.topbar{height:90px;border-bottom:1px solid var(--line);padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#0c1419ed}.identity{display:flex;align-items:center;gap:12px}.identity strong{font:700 25px var(--serif);letter-spacing:3.6px;color:#e3c893}.identity small{display:block;margin-top:5px;font-size:8px;letter-spacing:1.7px;color:#9caaa9}.topbar nav{display:flex;align-items:center;gap:28px}.enredario-link{color:var(--muted);font-size:11px}.enredario-link b{color:#c0cbca;font-size:14px;margin-left:3px}.enredario-link span{margin-left:5px}.button{border:1px solid #c2a56c;color:#111a1c;background:linear-gradient(125deg,#e2cb98,#b99b60);padding:13px 21px;min-height:46px;border-radius:4px;display:inline-flex;justify-content:center;align-items:center;gap:13px;font-weight:650;font-size:13px;transition:filter .15s,transform .15s;white-space:nowrap}.button:hover{filter:brightness(1.1)}.button-small{min-height:39px;padding:9px 15px;font-size:12px}.button-quiet{background:transparent;border-color:var(--line);color:#c1cfcd}.nav-link{background:none;border:0;padding:32px 0;color:var(--muted);font-size:12px;min-height:90px}.nav-link.active{color:var(--gold);box-shadow:inset 0 -2px var(--gold)}.counter,.total{font-size:11px;border:1px solid var(--line);padding:2px 7px;border-radius:4px;margin-left:7px;color:var(--muted)}.account{display:flex;gap:10px;align-items:center;border-left:1px solid var(--line);padding-left:24px}.avatar{width:33px;height:33px;background:#2a3c3b;border:1px solid #4f665b;border-radius:50%;display:inline-grid;place-items:center;font:18px var(--serif);color:var(--gold);flex-shrink:0}.account-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.account-name small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.topbar form{margin:0}.logout{border:0;background:transparent;font-size:23px;color:var(--muted);padding:7px}.flash{background:#29372d;border-bottom:1px solid #65754b;color:#e2dbb6;padding:16px 5%;text-align:center}.eyebrow{font-size:9px;letter-spacing:2.5px;line-height:1.8;font-weight:650;color:var(--gold);display:flex;align-items:center;gap:11px}.eyebrow>span{height:5px;width:5px;display:inline-block;background:var(--gold);transform:rotate(45deg)}h1,h2,h3{font-family:var(--serif);font-weight:400}h1 em{font-style:normal;color:var(--gold)}.login-hero{min-height:660px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);display:flex;align-items:center}.hero-art{position:absolute;inset:0 0 0 25%;background:url('/assets/azeroth.svg') center 43%/cover no-repeat;opacity:.94}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c1419 6%,#0c1419f5 29%,#0c1419b3 46%,#0c141926 70%),linear-gradient(0deg,#0c1419 0%,transparent 24%,transparent 85%,#0c141966)}.login-copy{position:relative;padding:65px 7.5% 85px;width:100%}.login-copy h1{font-size:clamp(48px,5.3vw,76px);line-height:1.08;letter-spacing:-1.8px;margin:23px 0 25px}.intro{color:#a1b0b0;line-height:1.9;font-size:14px;max-width:430px;margin-bottom:28px}.google-button{display:inline-flex;gap:15px;align-items:center;background:#edece6;color:#253133;font-weight:600;padding:15px 20px;border-radius:4px;min-width:288px;box-shadow:0 5px 25px #0003}.google-button>span{margin-left:auto}.google-button:hover{background:white}.login-note,.setup-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:14px}.setup-note{color:var(--gold)}.art-caption{position:absolute;bottom:35px;right:5%;display:flex;align-items:center;gap:20px;color:#bdc8b5;font-size:8px;letter-spacing:2px}.art-caption>span+span{font-size:25px;color:var(--gold)}.login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;padding:42px 7.5% 47px}.login-features>div{position:relative;padding-left:46px}.feature-symbol{position:absolute;left:0;top:0;color:var(--gold);font-size:26px}.login-features h2{font-size:19px;margin:0 0 10px}.login-features p{color:var(--muted);font-size:12px;line-height:1.8;margin:0;max-width:270px}.workspace{max-width:1600px;min-height:calc(100svh - 178px);padding:0 4.4% 50px;margin:auto}.library-hero{position:relative;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);isolation:isolate}.library-hero:after{content:'';position:absolute;z-index:-1;inset:0 -4.8%;background:linear-gradient(90deg,#0c1419 20%,#0c1419b8 65%,#0c1419a3),url('/assets/azeroth.svg') 85% 40%/800px auto no-repeat;opacity:.6;pointer-events:none}.library-hero h1,#admin-view h1{font-size:clamp(36px,4vw,52px);letter-spacing:-1.3px;margin:14px 0}.library-hero p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0}.hero-actions{display:flex;align-items:flex-end;flex-direction:column;gap:9px}.hero-actions small{color:var(--muted);font-size:10px}.library-toolbar{padding:22px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:24px}.library-heading{display:flex;align-items:center;gap:12px}.library-heading h2{font-size:25px;margin:0}.section-icon{color:var(--gold);font-size:22px}.total{margin-left:0}.search{display:flex;align-items:center;gap:9px;width:310px;min-height:41px;padding:0 12px;background:#111c22;border:1px solid var(--line);border-radius:4px}.search svg{width:16px;height:16px;stroke:var(--muted);stroke-width:1.6;fill:none;flex-shrink:0}.search input{background:none;border:0;outline:none;color:var(--text);width:100%;font-size:11px;padding:10px 0}.search input::placeholder{color:#809194}.search input:focus-visible{outline:0}.search:focus-within{border-color:var(--gold)}kbd{border:1px solid var(--line);padding:0 5px;color:var(--muted);font-size:10px;border-radius:3px}.filters{padding:17px 24px;background:linear-gradient(115deg,#142128,#111b21);border:1px solid #2b3a3e;border-radius:6px}.filter-row{display:flex;align-items:center;gap:22px}.filter-row+.filter-row{margin-top:13px}.filter-label{width:82px;flex-shrink:0;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.filter-options{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.chip{border:1px solid #344144;background:transparent;color:#aebdbb;padding:8px 15px;min-height:34px;border-radius:4px;font-size:11px;display:flex;align-items:center;gap:8px}.chip:hover{border-color:#8d7c58}.chip[aria-pressed=true]{background:#d2b57b18;color:#e3c893;border-color:#a58c59}.topic-symbol{font-size:14px;color:#91a69f}.chip[aria-pressed=true] .topic-symbol{color:var(--gold)}.type-chip{border:1px solid transparent;background:#ffffff05;min-height:30px;padding:6px 15px}.clear-filters{margin-left:auto;background:none;border:0;color:var(--gold);font-size:10px;padding:8px}.results-line{display:flex;justify-content:space-between;align-items:center;padding:22px 0 17px;color:var(--muted);font-size:10px}.results-line p{margin:0}.results-line>span{font-size:8px;letter-spacing:1.6px}.results-line>span>span{margin-left:8px;color:var(--gold);font-size:14px}.masonry{columns:4;column-gap:18px}.resource-card{break-inside:avoid;display:inline-block;width:100%;background:#142027;border:1px solid #2b3a3d;border-radius:6px;overflow:hidden;margin-bottom:18px;transition:transform .18s,border-color .18s}.resource-card:hover{transform:translateY(-3px);border-color:#7b7054}.card-open{display:block;width:100%;padding:0;background:none;border:0;text-align:left}.card-image{position:relative;aspect-ratio:16/10;background:#1e3237;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;opacity:.8}.card-image.tall{aspect-ratio:4/4.8}.card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c14196b,transparent 70%)}.card-image.web-art{background:radial-gradient(ellipse at 70% 20%,#37625480,transparent 75%),linear-gradient(145deg,#1b3636,#18272e)}.card-image.instagram-art{background:radial-gradient(ellipse at 50% 10%,#6a4c6c80,transparent 80%),linear-gradient(145deg,#2e283b,#142c32)}.resource-card:nth-child(3n) .web-art{background:radial-gradient(ellipse at 60% 20%,#806b3870,transparent 70%),#253137}.preview-symbol{font:62px var(--serif);color:#c9bb8999}.card-platform{position:absolute;top:12px;left:12px;padding:4px 7px;border:1px solid #ffffff24;border-radius:3px;background:#0c1419c9;color:#d6dfdc;font-size:8px;letter-spacing:.6px;z-index:1}.play-symbol{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);height:44px;width:44px;border:1px solid #e5d6a685;background:#0c1419b3;color:#e3c893;border-radius:50%;display:grid;place-items:center;font-size:15px;padding-left:3px}.card-body{padding:17px 17px 15px}.card-tags{display:flex;align-items:center;gap:7px;margin-bottom:10px}.topic-tag{font-size:8px;letter-spacing:.5px;text-transform:uppercase;padding:4px 7px;border-radius:3px;color:#b4c6b4;background:#82a38d12;border:1px solid #88a28c27}.topic-tag[data-topic=PVP]{color:#d9aaa1;background:#a9634d18;border-color:#a9634d36}.topic-tag[data-topic=Addons]{color:#b6b0d7;background:#8977b518;border-color:#8977b536}.topic-tag[data-topic=Otros]{color:#d0bb8e;background:#b89b5918;border-color:#b89b5936}.type-tag{font-size:9px;color:var(--muted)}.card-title{font:19px/1.35 var(--serif);margin:0 0 10px;color:#e2e5dc;overflow-wrap:anywhere}.card-description{font-size:11px;color:#9daeb0;line-height:1.8;margin:0 0 15px;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-byline{border-top:1px solid #3040447a;display:flex;align-items:center;gap:7px;padding-top:12px;font-size:9px;color:#9cadaa}.author-dot{width:20px;height:20px;border-radius:50%;background:#30423e;display:grid;place-items:center;color:#cdbb91;font:11px var(--serif);flex-shrink:0}.card-byline time{margin-left:auto;color:#71868a;font-size:8px;white-space:nowrap}.empty-state{text-align:center;border:1px dashed #344345;border-radius:6px;padding:52px 20px;margin:4px 0 25px}.empty-crest{color:#ad9462;font-size:40px;margin-bottom:16px}.empty-state .eyebrow{justify-content:center;font-size:8px}.empty-state h3{font-size:27px;margin:14px 0}.empty-state p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:12px}.load-more{text-align:center;margin-top:15px}.skeleton{height:320px;background:linear-gradient(120deg,#142027,#1a2930,#142027);border:1px solid var(--line);border-radius:6px;margin-bottom:18px;break-inside:avoid;animation:pulse 1.7s ease-in-out infinite}.skeleton:nth-child(2n){height:380px}@keyframes pulse{50%{opacity:.5}}.footer{border-top:1px solid var(--line);margin:0 4.4%;padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#71868a;font-size:10px}.footer>a{font-size:16px;font-weight:700;letter-spacing:-.5px;color:#a7b9b4}.footer>a span{font-size:11px;color:var(--gold);margin-left:8px}.footer p{margin:0}.footer p span{margin:0 8px}.footer>button{background:none;border:0;color:#92a5a5;font-size:10px;padding:7px}dialog{color:var(--text);background:#121e24;border:1px solid #596052;border-radius:8px;padding:28px;max-height:90svh;width:min(620px,calc(100% - 28px));box-shadow:0 25px 100px #000b}dialog::backdrop{background:#03090cd9;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head .eyebrow{margin:0;font-size:8px}.icon-button{border:1px solid #3b4948;background:#ffffff05;border-radius:4px;color:#b4c1ba;font-size:25px;width:33px;height:33px;display:grid;place-items:center;line-height:1;flex-shrink:0}dialog h2{font-size:30px;margin:15px 0 10px;letter-spacing:-.4px}.dialog-intro{color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:25px}#resource-form label{display:block;margin:17px 0;font-size:12px;color:#c5cfca}#resource-form label>span{color:var(--gold)}#resource-form label .optional{font-size:10px;color:var(--muted);margin-left:5px}#resource-form input,#resource-form select,#resource-form textarea{display:block;width:100%;margin-top:8px;background:#0b161c;color:var(--text);border:1px solid #35474a;border-radius:4px;padding:12px;font-size:12px;resize:vertical}#resource-form input::placeholder,#resource-form textarea::placeholder{color:#687e84}#resource-form label small{display:block;color:#7f969a;font-size:10px;margin-top:7px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-columns label{margin:0!important}.form-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.form-error{padding:12px 14px;border:1px solid #945c4f;background:#93493612;border-radius:4px;color:#edb6a5;font-size:12px}.viewer-dialog{width:min(850px,calc(100% - 24px));padding:20px}.viewer-dialog .dialog-head{margin-bottom:18px}.viewer-copy{padding:5px 6px 3px}.viewer-copy h2{overflow-wrap:anywhere}.viewer-copy>p{white-space:pre-line;line-height:1.8;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.viewer-copy .viewer-author{font-size:10px}.viewer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.danger-button{border:0;background:transparent;color:#d0a298;font-size:11px;margin-left:auto;padding:12px}.embed-note{font-size:10px!important;border-top:1px solid var(--line);padding-top:14px}.video-frame{display:block;width:100%;aspect-ratio:16/9;border:0;background:#050b0e;border-radius:4px}.video-frame.short{aspect-ratio:9/16;max-height:60svh;width:auto;max-width:100%;margin:auto}.instagram-frame{width:100%;height:580px;border:0;background:white;border-radius:4px;display:block}.web-preview{padding:45px 25px;background:radial-gradient(ellipse at top,#345e4640,transparent),#102028;border:1px solid #344547;border-radius:5px;text-align:center;overflow-wrap:anywhere}.web-preview .preview-symbol{font-size:42px;display:block;margin-bottom:12px}.web-preview p{color:var(--muted);font-size:12px}.privacy-dialog p,.confirm-dialog>p{color:var(--muted);font-size:13px;line-height:1.9}.privacy-dialog a{color:var(--gold);text-decoration:underline}.confirm-dialog{width:min(460px,calc(100% - 28px))}.toast{position:fixed;z-index:10;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 23px;border:1px solid #78865a;border-radius:5px;background:#263831;color:#e3e6d3;box-shadow:0 7px 40px #0008;max-width:calc(100% - 30px);font-size:12px}.toast.error{background:#392821;border-color:#976c57}#admin-view{padding-top:45px}.admin-intro{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:30px}.users-list{display:flex;flex-direction:column;gap:12px}.user-row{display:flex;align-items:center;gap:16px;padding:20px 24px;border:1px solid var(--line);background:var(--panel);border-radius:6px}.user-info{flex:1;min-width:0}.user-info strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.user-info small{display:block;color:var(--muted);font-size:11px;margin-top:5px;overflow-wrap:anywhere}.user-role{font-size:10px;color:var(--green)}.user-actions{display:flex;align-items:center;gap:10px}.user-actions .button{min-height:35px;font-size:11px;padding:8px 12px}.pending-label{font-size:9px;color:var(--gold)}#admin-status{margin-bottom:15px;color:var(--muted);font-size:12px}
@media(min-width:1800px){.login-copy{max-width:1600px;margin:auto}.login-hero{min-height:740px}.login-features{max-width:1600px;margin:auto}}@media(max-width:1200px){.masonry{columns:3}.topbar nav{gap:17px}.enredario-link{display:none}.login-features{gap:35px}.login-hero{min-height:640px}.hero-art{left:15%}.login-copy{padding-left:6%}}@media(max-width:850px){.masonry{columns:2}.topbar{padding:0 4%;height:77px}.identity strong{font-size:22px}.identity small{font-size:7px}.account-name{display:none}.account{padding-left:15px}.topbar nav{gap:14px}.nav-link{min-height:77px;padding:26px 0}.library-hero{padding:35px 0}.library-hero h1{font-size:39px}.hero-actions small{max-width:180px;line-height:1.7;text-align:right}.login-copy h1{font-size:61px}.login-features{gap:22px;padding:35px 6%}.login-features>div{padding-left:0}.feature-symbol{position:static;display:block;margin-bottom:15px}.login-features h2{font-size:18px}.login-features p{font-size:11px}.hero-art{left:0;opacity:.7}.hero-shade{background:linear-gradient(90deg,#0c1419f5,#0c1419b3 50%,#0c141955),linear-gradient(0deg,#0c1419,transparent 40%)}.login-hero{min-height:620px}.footer p{max-width:310px;text-align:center;line-height:1.8}.footer p span{margin:0 3px}.user-row{flex-wrap:wrap}.user-actions{margin-left:auto}.user-role{margin-left:0}}
@media(max-width:570px){.topbar{height:72px;gap:10px}.identity{gap:7px}.identity img{width:29px;height:36px}.identity strong{font-size:19px;letter-spacing:2px}.identity small{font-size:6px;letter-spacing:1px}.topbar nav{gap:9px}.topbar .button-small{font-size:10px;padding:8px 10px;min-height:34px}.topbar .nav-link{font-size:10px;min-height:72px;padding:26px 0}.topbar .nav-link .counter{margin-left:1px;padding:1px 4px;font-size:8px}.account{display:none}.logout{font-size:20px;padding:5px}.login-copy{padding:55px 7% 85px}.login-copy h1{font-size:44px;letter-spacing:-1.4px;line-height:1.09}.login-copy .eyebrow{font-size:8px;letter-spacing:1.6px}.login-copy .intro{font-size:12px;max-width:300px}.intro br{display:none}.login-hero{min-height:600px}.hero-art{background-position:60% center;opacity:.8}.hero-shade{background:linear-gradient(90deg,#0c1419ed,#0c1419c4 45%,#0c141970),linear-gradient(0deg,#0c1419,transparent 40%)}.google-button{font-size:12px;min-width:265px}.art-caption{font-size:6px;right:7%;bottom:23px}.login-features{grid-template-columns:1fr;padding:32px 7%;gap:28px}.login-features>div{padding-left:45px}.feature-symbol{position:absolute;top:0;left:0;margin:0;font-size:25px}.login-features p{max-width:none;font-size:12px}.login-features h2{font-size:19px;margin-bottom:8px}.workspace{padding:0 4% 35px}.library-hero{display:block;padding:30px 0}.library-hero .eyebrow{font-size:8px;letter-spacing:1.8px}.library-hero h1{font-size:37px;letter-spacing:-1.4px}.library-hero p:not(.eyebrow){font-size:11px}.hero-actions{align-items:flex-start;margin-top:22px;gap:7px}.hero-actions .button{min-height:41px;padding:10px 15px;font-size:11px}.hero-actions small{max-width:none;text-align:left;font-size:9px}.library-toolbar{padding:25px 0 20px;flex-wrap:wrap;gap:16px}.library-heading h2{font-size:23px}.search{width:100%}.filters{padding:17px 13px}.filter-row{display:block}.filter-row+.filter-row{margin-top:18px}.filter-label{display:block;margin-bottom:10px;font-size:7px}.filter-options{gap:5px}.chip{font-size:10px;padding:7px 10px;min-height:33px;gap:6px}.type-chip{padding:6px 10px;min-height:29px}.clear-filters{padding:15px 0 0;font-size:9px}.results-line{font-size:9px;padding-top:20px}.results-line>span{font-size:7px;letter-spacing:.7px}.masonry{columns:2;column-gap:10px}.resource-card{margin-bottom:10px;border-radius:4px}.card-body{padding:12px 11px 10px}.card-title{font-size:16px;line-height:1.35}.card-description{font-size:10px;line-height:1.7;-webkit-line-clamp:3}.card-tags{gap:5px}.topic-tag{font-size:7px;padding:3px 5px}.type-tag{font-size:8px}.card-byline{font-size:8px;gap:5px;flex-wrap:wrap}.card-byline time{font-size:7px}.card-platform{font-size:6px;top:8px;left:8px;padding:3px 5px}.play-symbol{width:33px;height:33px;font-size:12px}.preview-symbol{font-size:44px}.empty-state{padding:35px 16px}.empty-state h3{font-size:23px}.empty-state .eyebrow{font-size:6px;letter-spacing:1.2px}.footer{margin:0 4%;padding:23px 0;flex-wrap:wrap;gap:14px}.footer p{order:3;max-width:none;width:100%;text-align:left;font-size:9px}.footer>a{font-size:15px}.footer>button{margin-left:auto}.form-columns{grid-template-columns:1fr;gap:17px}dialog{padding:21px}.dialog-head .eyebrow{font-size:7px;letter-spacing:1.5px}dialog h2{font-size:26px}.form-footer .button{font-size:11px;padding:10px 13px}.viewer-dialog{padding:15px}.viewer-actions{gap:8px}.viewer-actions .button{font-size:11px;padding:10px 12px}.instagram-frame{height:510px}.user-row{padding:16px;gap:12px}.user-actions{width:100%;justify-content:flex-end}.user-role{margin-left:auto}.user-info{min-width:140px}.user-info small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.privacy-page{max-width:800px;margin:auto;padding:55px 30px 70px}.privacy-page h1{font-size:clamp(35px,5vw,49px);line-height:1.2}.privacy-page h2{font-size:25px;margin-top:35px}.privacy-page>p:not(.eyebrow){font-size:13px;line-height:1.95;color:var(--muted)}.privacy-page a{color:var(--gold);text-decoration:underline;overflow-wrap:anywhere}

@media(min-width:851px){body[data-authenticated=true] .topbar{height:78px}body[data-authenticated=true] .nav-link{min-height:78px;padding:26px 0}.library-hero .eyebrow{margin:0}.library-hero h1{font-size:44px;line-height:1.15;margin:10px 0 12px}}