/* VIBE_CS2_THEME_210 */
:root{--arena-bg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%201100%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22sky%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23aaa88b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d1ba8d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22stone%22%20x2%3D%22.8%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23baa276%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23766849%22%2F%3E%3C%2FlinearGradient%3E%3Cpattern%20id%3D%22brick%22%20width%3D%22110%22%20height%3D%2254%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Cpath%20d%3D%22M0%200H110M0%2054H110M55%200V27M0%2027H110M0%2027V54M110%2027V54%22%20stroke%3D%22%234d493a%22%20opacity%3D%22.22%22%20fill%3D%22none%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url%28%23sky%29%22%20d%3D%22M0%200h1600v1100H0z%22%2F%3E%3Cpath%20fill%3D%22%23a68f65%22%20d%3D%22M0%20640L800%20540l800%20100v460H0z%22%2F%3E%3Cpath%20fill%3D%22%23c7ac7f%22%20d%3D%22M0%2080l410%2090v680L0%201020z%22%2F%3E%3Cpath%20fill%3D%22%238c7a55%22%20d%3D%22M410%20170l160%20110v470l-160%20100z%22%2F%3E%3Cpath%20fill%3D%22url%28%23stone%29%22%20d%3D%22M850%20240l750-90v750l-750-110z%22%2F%3E%3Cpath%20fill%3D%22%23d5bd8b%22%20d%3D%22M800%20217l800-96v56l-800%2095z%22%2F%3E%3Cpath%20fill%3D%22%23b99f71%22%20d%3D%22M1150%200h310v181l-310%2037z%22%2F%3E%3Cpath%20fill%3D%22%2382764f%22%20d%3D%22M1200%200h30v220h-30zm180%200h22v195h-22z%22%2F%3E%3Cpath%20fill%3D%22%239d875e%22%20d%3D%22M570%20380l280-140v550l-280-40z%22%2F%3E%3Cpath%20fill%3D%22%23d2b98a%22%20d%3D%22M530%20365l320-164v49L530%20412z%22%2F%3E%3Cpath%20fill%3D%22%23393e32%22%20d%3D%22M965%20805V520c0-170%20245-190%20245-24v325z%22%2F%3E%3Cpath%20fill%3D%22%23766044%22%20d%3D%22M989%20807V526c0-128%20194-148%20194-21v313z%22%2F%3E%3Cpath%20fill%3D%22%23292f29%22%20d%3D%22M1015%20809V540c0-90%20141-100%20141-13v288z%22%2F%3E%3Cpath%20fill%3D%22%239c845b%22%20d%3D%22M944%20813V513c0-208%20290-210%20290-20v334l-24-6V496c0-166-245-146-245%2024v285z%22%2F%3E%3Cpath%20fill%3D%22%23464e3a%22%20d%3D%22M120%20349l132%2025v240l-132-5z%22%2F%3E%3Cpath%20fill%3D%22%237b6d4b%22%20d%3D%22M132%20370l106%2021v197l-106-4z%22%2F%3E%3Cpath%20fill%3D%22%23403f31%22%20d%3D%22M622%20465l105-50v143l-105%2034z%22%2F%3E%3Cpath%20fill%3D%22%233c4535%22%20d%3D%22M1348%20368l128-10v182l-128-1z%22%2F%3E%3Cpath%20fill%3D%22%23917a52%22%20d%3D%22M1357%20384l109-6v145h-109z%22%2F%3E%3Cpath%20fill%3D%22url%28%23brick%29%22%20d%3D%22M0%2080l410%2090v680L0%201020zm850%20160%20750-90v750l-750-110z%22%2F%3E%3Cpath%20stroke%3D%22%23645d43%22%20fill%3D%22none%22%20stroke-width%3D%223%22%20opacity%3D%22.3%22%20d%3D%22M0%201070l800-350%20800%20350M200%201100l600-380%20600%20380M600%201100l200-380%20200%20380M400%20900h800M200%201000h1200%22%2F%3E%3Cg%20fill%3D%22%23303e2a%22%20opacity%3D%22.85%22%3E%3Cpath%20d%3D%22M1520%20540l-20-320h12l24%20321z%22%2F%3E%3Cpath%20d%3D%22M1509%20240c-80-68-140-40-181%209%2074-27%20116-19%20181-9zm0-13c-20-93-82-106-145-86%2078%206%20104%2036%20145%2086zm0%200c40-72%2094-94%2091-53-34-9-57%2034-91%2053zm-1%2012c44-18%2075%202%2092%2034-37-17-52-23-92-34z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M0%201100h1600V970L0%201040z%22%20fill%3D%22%237c7250%22%20opacity%3D%22.35%22%2F%3E%3C%2Fsvg%3E")}
:root{color-scheme:dark;--bg:#252b28;--panel:#1c2221;--border:#5d6450;--muted:#a1ad98;--purple:#e8bd4d;--lime:#19b96b;--gold:#e8bd4d;--green:#0b9c58;--white:#f1f0e8;--radius:3px;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:300px;background-color:var(--bg);color:var(--white);font-size:14px;line-height:1.45}
body{background-image:linear-gradient(90deg,#262b247d,#37392a21 50%,#242a2696),var(--arena-bg);background-size:cover;background-position:center;background-attachment:fixed}
button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .16s,border-color .16s}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.shell{display:flex;align-items:flex-start;gap:16px;max-width:1580px;margin:0 auto;padding:20px}
.sidebar{width:220px;flex-shrink:0;position:sticky;top:20px;min-height:600px;height:calc(100dvh - 40px);max-height:1000px;padding:25px 17px;background:linear-gradient(145deg,#202725f5,#151c1bf7);border:1px solid #79775b;box-shadow:0 10px 28px #10150f40;display:flex;flex-direction:column;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:13px;line-height:1.15;letter-spacing:.8px}.logo{display:block;width:48px;height:48px;flex-shrink:0;object-fit:contain;border:1px solid #c7af6e73;border-radius:3px}.brand-sub{display:block;color:var(--gold);font-size:21px;letter-spacing:2.1px;margin-top:3px}
.nav-label{margin:38px 10px 12px;font-size:9px;font-weight:800;letter-spacing:2px;color:#a7a998}
.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:13px 12px;background:#11191859;border:1px solid transparent;border-left:3px solid transparent;color:#c5c9be;font-weight:700;font-size:12px;text-align:left;margin:5px 0;min-height:46px;border-radius:2px}
.nav-item:hover{background:#343d33;color:#fff}.nav-item.active{background:linear-gradient(90deg,#0a9d59,#068449);border-color:#45bf7a65;border-left-color:#9bebb2;color:#fff;box-shadow:0 2px 8px #0003}.nav-item svg{width:18px;height:18px;flex-shrink:0}
.sidebar-foot{margin-top:auto;padding:22px 8px 0;color:#d1d1bc;font-size:9px;font-weight:700;letter-spacing:1px;line-height:2.2;border-top:1px solid #77775a47}.sidebar-foot small{display:block;color:#929b8f;font-size:10px;letter-spacing:.2px;font-weight:400}.live-dot{display:inline-block;height:6px;width:6px;background:#20b76b;box-shadow:0 0 8px #19b96833;margin-right:6px}
main{min-width:0;flex:1}.topbar{height:66px;padding:0 22px;background:#19201ff2;border:1px solid #757359;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;box-shadow:0 6px 20px #10140e22}
.breadcrumb{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#b6b7a6}.breadcrumb span{margin:0 14px;color:#636c61}.breadcrumb b{font-weight:800;color:#f3f0da}.top-actions{display:flex;align-items:center;gap:12px}
.icon-btn{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:#2c3430;color:#d3d8ca;border:1px solid #656a55;border-radius:2px}.icon-btn:hover{background:#3c4538;border-color:#d5b45a}.icon-btn svg{width:17px;height:17px}.avatar{width:36px;height:36px;border-radius:2px;border:1px solid #897e50;object-fit:cover}.content{min-width:0}
.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border:1px solid #958248;background:#302f20ef;color:#e0c77e;margin-bottom:12px;font-size:10px}.demo-bar i{display:inline-block;background:var(--gold);width:5px;height:5px;margin-right:7px}.demo-bar button{background:none;border:0;color:#fff0c1;font-size:10px;font-weight:800;white-space:nowrap}
.hero{position:relative;display:flex;min-height:292px;overflow:hidden;margin-bottom:12px;border:1px solid #aaa079;background:linear-gradient(95deg,#19201ff7 0%,#252b24ec 48%,#3d442887 100%);box-shadow:0 8px 25px #0f150e33}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 65%,#dfbb4b12 65%,#dfbb4b12 65.2%,transparent 65.2%),repeating-linear-gradient(0deg,transparent 0,transparent 3px,#00000006 3px,#00000006 4px)}
.hero-copy{position:relative;z-index:2;width:63%;padding:30px 32px}.eyebrow{font-size:9px;color:#c2c4b0;font-weight:800;letter-spacing:1.8px}.hero .eyebrow{display:inline-flex;align-items:center;color:#e0d5ae;font-size:8px}
.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:46px;font-weight:900;line-height:1.12;letter-spacing:.2px;text-transform:uppercase;margin:16px 0 13px;text-wrap:balance}.hero h1 span{color:var(--gold)}.hero p{font-size:12px;line-height:1.7;color:#b5bbaa;margin:0 0 20px}
.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:41px;border-radius:2px;padding:11px 17px;font-size:11px;font-weight:800;border:1px solid transparent;line-height:1.4}
.primary{background:linear-gradient(#0ca75e,#088b4d);border-color:#4dc98068;color:#fff;box-shadow:inset 0 1px #b5edc321}.primary:hover{background:#15b568;border-color:#8ee6ad}.secondary{background:#343b33;border-color:#70755c;color:#e9eadd}.secondary:hover{background:#48503f;border-color:#c4ba81}.danger{background:#542d2b;border-color:#925d4c;color:#ffd9ce}.danger:hover{background:#6b3530;border-color:#d48c6c}
.hero .primary{text-transform:uppercase;letter-spacing:.6px;font-size:10px;min-width:190px}.hero .primary span{font-size:18px;line-height:1}
.hero-art{position:absolute;inset:0 0 0 52%;overflow:hidden;display:grid;place-items:center;isolation:isolate}.hero-art::before{content:"";position:absolute;width:74%;height:140%;background:#e8bd4d10;transform:skew(-15deg);border-left:1px solid #e8bd4d38;border-right:1px solid #e8bd4d38}
.hero-word{font-family:Impact,'Arial Black',sans-serif;font-weight:900;font-size:116px;font-style:italic;letter-spacing:2px;color:#e4bb45;transform:skew(-5deg);line-height:1;text-shadow:5px 6px 0 #17221e,6px 7px 0 #f4de8d4d;z-index:1}.hero-word span{font-family:Arial,sans-serif;display:block;font-size:10px;font-style:normal;letter-spacing:10px;text-align:center;color:#f0ebd8;text-shadow:none;margin-top:8px}
.crosshair{position:absolute;width:230px;height:230px;border:1px solid #d4bd6d38;border-radius:50%;transform:rotate(-15deg)}.crosshair::before,.crosshair::after{content:"";position:absolute;background:#d8c37c66}.crosshair::before{left:50%;top:-12px;bottom:-12px;width:1px}.crosshair::after{top:50%;left:-12px;right:-12px;height:1px}
.hero-stamp{position:absolute;right:20px;top:19px;padding:5px 8px;background:#e4bd45;color:#283122;font-size:8px;letter-spacing:1.4px;font-weight:900;transform:skew(-8deg)}.art-caption{position:absolute;inset:auto 20px 18px 20px;display:flex;justify-content:space-between;gap:10px;font-size:7px;font-weight:800;color:#e5d9ad;letter-spacing:1.5px}
.archive-strip{display:flex;align-items:stretch;gap:2px;margin-bottom:12px;border:1px solid #807c5d;background:#77715763;padding:4px}.archive-strip>div{display:flex;align-items:center;justify-content:center;gap:9px;background:#1d2421ed;min-height:48px;flex:1;padding:9px 12px}
.archive-strip .strip-label{flex:.95;justify-content:flex-start;background:#098e50;color:white;font-size:11px;font-weight:900;letter-spacing:.6px;border:1px solid #4dc67d5e}.strip-icon{display:grid;place-items:center;border:1px solid #aceac18a;width:23px;height:23px;font-size:10px}.archive-strip strong{font-size:21px;font-weight:900;font-variant-numeric:tabular-nums;color:#f6f2df;line-height:1}.archive-strip small{color:#b2b8a6;font-size:8px;letter-spacing:.6px;font-weight:700;line-height:1.5}.archive-strip .strip-mode{color:#e2c66f;font-size:9px;font-weight:800;letter-spacing:.5px}
#catalog-section{padding:22px;background:#1e2522eb;border:1px solid #827e5f;box-shadow:0 8px 25px #0f150e2b;backdrop-filter:blur(8px);scroll-margin-top:15px}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid #74765b66}.section-title h2{margin:5px 0 0;font-size:22px;font-weight:900;line-height:1.3;letter-spacing:-.6px}.section-title h2 span{display:inline-block;vertical-align:middle;margin-left:8px;font-size:11px;line-height:1.3;letter-spacing:0;background:#3f4735;color:#f0d98f;border:1px solid #787956;padding:3px 7px;min-width:28px;text-align:center}
.admin-controls{display:flex;align-items:center;gap:7px}.admin-controls .secondary{font-size:10px;padding:9px 12px;min-height:36px}.admin-controls .secondary:first-child{background:#0b8b50;border-color:#58bb7b;color:#fff}
.tools{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search{display:flex;align-items:center;gap:11px;flex:1;max-width:610px;min-width:0;height:43px;background:#141d19;border:1px solid #656e56;padding:0 13px;box-shadow:inset 0 2px 5px #0002}.search:focus-within{border-color:#d6b957}.search svg{height:17px;width:17px;color:#a0ad94;display:block}.search input{width:100%;min-width:0;border:0;outline:0;background:none;color:#f2f3e9;font-size:12px;height:100%}.search input:focus-visible{outline:none}.search input::placeholder{color:#9aab95}.search kbd{font-family:inherit;font-size:10px;border:1px solid #5b6750;color:#b4bda7;padding:0 5px}.sort-label{margin-left:auto;white-space:nowrap;color:#b2b9a6;font-size:10px}.tools .icon-btn{width:36px;height:36px}
.clip-section-label{display:flex;align-items:center;gap:9px;color:#e7c96e;font-size:10px;letter-spacing:1px;font-weight:800;margin:22px 0 12px}.clip-section-label::after{content:"";height:1px;background:#a091514d;flex:1}.clip-section-label span{font-size:9px;letter-spacing:0;color:#a5ad97;font-weight:400}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.clip-card{display:flex;flex-direction:column;min-width:0;background:#222b24;border:1px solid #606b50;border-bottom:3px solid #686d47;box-shadow:0 3px 7px #0003;overflow:hidden;transition:transform .16s,border-color .16s}.clip-card:hover{transform:translateY(-2px);border-color:#d1bc6c}.clip-card.pinned{border-color:#a08d47;border-bottom-color:#d9b748}
.poster{flex-shrink:0;width:100%;aspect-ratio:16/10;position:relative;display:block;overflow:hidden;padding:0;border:0;color:#fff;background:linear-gradient(120deg,#14211b00,#101a16a6),radial-gradient(ellipse at 25% 15%,var(--tint,#78784b),#202f22 85%)}.poster::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-52deg,transparent,transparent 38px,#eef1b509 38px,#eef1b509 68px);border:7px solid #ebdda304;pointer-events:none}.poster::after{content:"";position:absolute;inset:7px;border:1px solid #e9e2bc17;pointer-events:none}
.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster img.failed{display:none}.poster-word{position:absolute;left:8%;top:33%;font-family:Impact,'Arial Black',Arial,sans-serif;font-weight:900;font-style:italic;font-size:45px;letter-spacing:1px;color:#f0d991b8;transform:skew(-8deg);line-height:1;text-shadow:3px 4px #1520198a}
.poster-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:41px;height:41px;border:1px solid #fbf9d9b5;background:#15221b83;color:#fff;backdrop-filter:blur(5px);font-size:13px;padding-left:2px;z-index:1}.poster:hover .poster-play{background:#079d59;border-color:#85e1a7}
.duration{position:absolute;bottom:11px;right:11px;font-size:9px;font-weight:800;background:#141c17e8;border:1px solid #adad7a5e;color:#f0f0dc;padding:3px 5px;z-index:1}.pin-badge{position:absolute;top:10px;left:10px;background:#d9b341;color:#202b1d;padding:4px 7px;font-size:8px;letter-spacing:.7px;font-weight:900;z-index:1}
.clip-info{padding:14px;display:flex;flex-direction:column;flex:1}.clip-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:9px;font-weight:700;color:#a4b19c;letter-spacing:.3px}.clip-meta .format{padding:2px 5px;border:1px solid #6d7c5a;background:#354330;color:#e2e5c3;font-size:8px;letter-spacing:.5px}.clip-title{flex:1;display:block;width:100%;padding:0;border:0;background:none;color:#efefe1;font-size:12px;font-weight:800;text-align:left;line-height:1.55;min-height:38px;margin:9px 0 13px;overflow-wrap:anywhere}.clip-title:hover{color:#f5d57b}
.card-bottom{display:flex;align-items:center;gap:7px}.download-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;min-height:32px;border:1px solid #4e9864;background:#164d31;color:#e4f3dd;font-size:9px;font-weight:800;border-radius:1px}.download-btn:hover{background:#0d9754;border-color:#7bd698}.download-btn svg{width:13px;height:13px}.date-label{margin-left:auto;color:#a3ad96;white-space:nowrap;font-size:8px}.card-more{border:1px solid #6c7755;background:#333f2e;color:#e8e6c5;padding:3px 6px;min-width:29px;min-height:29px;font-size:13px;line-height:1}.card-more:hover{border-color:#e0bd58}
.check-badge{display:grid;place-items:center;position:absolute;left:10px;top:10px;z-index:2;width:26px;height:26px;background:#18291bcc;border:2px solid #d7debc;font-weight:900}.selected{border-color:#72e7a1!important;box-shadow:0 0 0 1px #19b968}.selected .check-badge{background:#0caa60;color:#fff;border-color:#a4ebbc}
.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0 0;font-size:11px;color:#c5cbb6}.pagination button{background:#374332;border:1px solid #899364;color:#efeed3;padding:9px 16px;font-size:10px;min-height:36px}.pagination button:hover{background:#4d573d}.loading{text-align:center;padding:40px;color:#e1c878;font-size:12px}.empty{text-align:center;padding:65px 20px;color:#b5bea9}.empty>span{font-size:32px;color:#d3b955}.empty h3{font-size:18px;color:#f2ebd0}.empty p{font-size:12px;line-height:1.8}
.page-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#e0ddbb;padding:18px 4px;text-shadow:0 2px 5px #151c10}.bottom-nav,.mobile-brand{display:none}
.selection-bar{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:15px;padding:13px 17px;border:1px solid #d3b763;background:#202b21f5;box-shadow:0 9px 35px #0008;font-size:12px;white-space:nowrap}.selection-bar b{color:#f0d27b}.selection-bar .secondary,.selection-bar .danger{font-size:10px;min-height:36px;padding:9px 12px}
.toast{position:fixed;z-index:100;bottom:30px;left:50%;max-width:92vw;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;background:#e6dfbe;color:#1e2d21;border:1px solid #b8a96e;padding:13px 20px;box-shadow:0 8px 30px #0007;font-size:12px;font-weight:700;white-space:pre-wrap}.toast.show{opacity:1;transform:translate(-50%,0)}
dialog{box-sizing:border-box;border:1px solid #a99a62;border-top:3px solid #d4b754;background:#202923;color:#f2eedb;padding:0;max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #000b;border-radius:3px}dialog::backdrop{background:#101910cf;backdrop-filter:blur(9px)}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;border-bottom:1px solid #6e78544d;background:#19231c}.dialog-top .eyebrow{color:#e4cb82}.dialog-top h2{font-size:20px;font-weight:900;margin:5px 0}.dialog-top .icon-btn{background:#303e2c}
.standard-dialog{width:min(540px,94vw);padding:0 22px 22px}.standard-dialog .dialog-top{padding:20px 0 16px;margin-bottom:16px;background:none}.player-dialog{width:min(820px,94vw)}
.player-dialog[open]{display:flex;flex-direction:column;height:min(820px,calc(var(--tg-viewport-stable-height,100dvh) - 32px));max-height:calc(var(--tg-viewport-stable-height,100dvh) - 32px);overflow:hidden}.player-dialog .dialog-top{flex:0 0 auto}
.video-wrap{background:#080f0b;display:grid;place-items:center;color:#c1c8af;text-align:center;font-size:12px;padding:0 12px;overflow:hidden}.player-dialog .video-wrap{flex:1 1 0;min-height:0;min-width:0;height:0;aspect-ratio:auto}
.player-dialog .video-wrap video,.player-dialog .video-wrap img{display:block;min-height:0;min-width:0;width:100%;height:100%;max-height:none;object-fit:contain}.player-dialog .video-wrap audio{width:min(90%,520px)}
.player-info{padding:20px 22px;background:#263023}.player-dialog .player-info{flex:0 0 auto;min-height:0;max-height:min(190px,30dvh);overflow-y:auto;overscroll-behavior:contain}.player-info h2{font-size:21px;line-height:1.35;margin:9px 0 17px;overflow-wrap:anywhere}.player-buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.help{font-size:11px;line-height:1.8;color:#b7c0a7}
.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 18px;text-align:center;border:1px dashed #b3a661;background:#333d2b;cursor:pointer}.dropzone:hover{background:#3e4933}.drop-icon{display:grid;place-items:center;width:42px;height:42px;background:#107642;border:1px solid #72b87b;color:#f4f6df;font-size:26px}.dropzone strong{font-size:13px}.dropzone small{font-size:10px;line-height:1.8;color:#c4c7a9}
.field{display:flex;flex-direction:column;gap:8px;color:#d6cf9c;font-size:11px;font-weight:700;margin:15px 0}.field input,.upload-row input{width:100%;min-width:0;background:#152419;border:1px solid #81915c;border-radius:1px;padding:12px;color:#f4f0d5;font-size:12px}.upload-items{max-height:270px;overflow:auto}.upload-row{padding:13px 0;border-bottom:1px solid #6e7f494d}.upload-row small{display:block;font-size:10px;line-height:1.5;color:#b8c4a1;margin-bottom:7px;overflow-wrap:anywhere}.upload-row progress{width:100%;height:6px;accent-color:#18b66b}
.full{width:100%}.editor-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.confirm-item{padding:10px 0;border-bottom:1px solid #6e7e494d;overflow-wrap:anywhere;font-size:12px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #6e7e494d;padding:13px 0;font-size:12px;overflow-wrap:anywhere}.admin-row small{color:#c6ceab;font-size:10px}.admin-row button{font-size:10px;padding:7px 9px;min-height:31px}
@media(min-width:1500px){.hero{min-height:322px}.hero-copy{padding:34px 38px}.hero h1{font-size:52px}.hero-word{font-size:145px}.grid{gap:19px}.clip-info{padding:17px}.poster-word{font-size:57px}}
@media(max-width:1120px){.shell{padding:15px;gap:12px}.sidebar{top:15px;width:190px;padding:22px 12px;height:calc(100dvh - 30px)}.brand{font-size:11px;gap:8px}.brand-sub{font-size:18px}.logo{width:42px;height:42px}.hero-copy{padding:27px;width:65%}.hero h1{font-size:38px}.hero-word{font-size:88px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stamp{font-size:7px}.art-caption span:last-child{display:none}#catalog-section{padding:19px}}
@media(max-width:700px){
.shell{display:block;padding:10px}.sidebar,.breadcrumb{display:none}.topbar{height:65px;padding:0 13px;margin-bottom:10px}.mobile-brand{display:flex;font-size:10px;letter-spacing:.5px;gap:9px}.mobile-brand .logo{width:36px;height:36px}.top-actions{gap:8px}.top-actions .icon-btn{width:32px;height:32px}.avatar{width:32px;height:32px}
.content{padding-bottom:88px}.demo-bar{padding:8px 9px;font-size:9px;margin-bottom:10px;gap:8px}.demo-bar button{font-size:8px}.demo-bar span{max-width:55%}
.hero{min-height:278px;margin-bottom:10px}.hero-copy{width:100%;padding:24px 21px}.hero h1{font-size:34px;letter-spacing:-.3px;max-width:300px;margin:17px 0 12px}.hero .eyebrow{font-size:6.8px;letter-spacing:1px}.hero p{font-size:10px;margin-bottom:19px;max-width:75%}.hero .primary{min-width:170px;font-size:9px;min-height:37px;padding:9px 12px}.hero-art{inset:0 -50px 0 59%;opacity:.36}.hero-word{font-size:92px;transform:rotate(-90deg) skew(-5deg);margin-left:10px;margin-top:10px}.hero-word span{font-size:8px;letter-spacing:7px}.crosshair{width:170px;height:170px}.hero-stamp,.art-caption{display:none}
.archive-strip{margin-bottom:10px;padding:3px;gap:2px}.archive-strip>div{min-height:43px;gap:5px;padding:7px 5px}.archive-strip .strip-label{font-size:8px;gap:6px;padding:6px 8px;flex:1}.strip-icon{width:20px;height:20px;font-size:8px;flex-shrink:0}.archive-strip strong{font-size:20px}.archive-strip small{font-size:6px;letter-spacing:0;max-width:56px}.archive-strip .strip-mode{font-size:7px;text-align:center;line-height:1.5;flex:.9}
#catalog-section{padding:16px 12px;scroll-margin-top:10px}.section-title{gap:6px;margin-bottom:14px;padding-bottom:13px}.section-title h2{font-size:19px;letter-spacing:-.5px}.section-title h2 span{font-size:9px;margin-left:4px;min-width:24px;padding:3px 5px}.eyebrow{font-size:7px;letter-spacing:1.2px}.admin-controls{gap:4px}.admin-controls .secondary{font-size:9px;padding:7px 8px;min-height:33px}.admin-controls .icon-btn{width:30px;height:33px}.admin-controls .icon-btn svg{width:14px;height:14px}
.tools{gap:7px;margin-bottom:16px}.search{height:40px;padding:0 10px;gap:7px}.search input{font-size:11px}.search kbd,.sort-label{display:none}.tools .icon-btn{width:34px;height:34px}.grid{gap:10px}.clip-section-label{font-size:8px;gap:5px;letter-spacing:.7px;margin:18px 0 10px}.clip-section-label span{font-size:7px}.clip-section-label::after{min-width:10px}.poster-word{font-size:35px}.poster-play{width:31px;height:31px;font-size:10px}.clip-info{padding:10px}.clip-meta{font-size:7px;gap:4px}.clip-meta .format{font-size:6px;padding:2px 3px}.clip-title{font-size:11px;min-height:35px;margin:8px 0 11px;line-height:1.55}.download-btn{font-size:8px;padding:6px 7px;min-height:31px;gap:4px}.download-btn svg{width:11px;height:11px}.date-label{display:none}.card-bottom{gap:5px;justify-content:space-between}.card-more{width:28px;min-height:29px;padding:3px 5px}.pin-badge{font-size:6px;top:7px;left:7px;padding:3px 5px;letter-spacing:.3px}.duration{font-size:7px;bottom:7px;right:7px;padding:3px 4px}.poster::after{inset:5px}.check-badge{width:24px;height:24px;top:7px;left:7px}
.pagination{font-size:10px;margin-top:21px}.pagination button{padding:8px 12px}.page-footer{font-size:7px;letter-spacing:.5px;padding:15px 1px;gap:10px}
.bottom-nav{display:flex;position:fixed;inset:auto 0 0;z-index:8;align-items:center;justify-content:space-around;gap:8px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:#151f18f5;border-top:1px solid #b7a362;box-shadow:0 -5px 20px #0003;backdrop-filter:blur(12px)}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;min-width:80px;min-height:49px;padding:7px 14px;margin:0;gap:5px;font-size:9px;border-left-width:1px;border-bottom-width:2px}.bottom-nav .nav-item.active{border-bottom-color:#acebbf}.bottom-nav .nav-item svg{width:18px;height:18px}
.selection-bar{left:10px;right:10px;bottom:calc(80px + env(safe-area-inset-bottom));transform:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;font-size:11px}.selection-bar>span{grid-column:1/-1}.selection-bar .secondary,.selection-bar .danger{font-size:10px;padding:8px;min-height:35px}.toast{bottom:calc(91px + env(safe-area-inset-bottom));font-size:11px;padding:12px 15px}
.dialog-top{padding:13px 15px}.dialog-top h2{font-size:18px}.standard-dialog{padding:0 17px 20px}.standard-dialog .dialog-top{padding:17px 0 13px}.player-info{padding:16px}.player-info h2{font-size:18px;margin:8px 0 14px}.player-buttons .primary,.player-buttons .secondary{font-size:10px;padding:10px 11px}.player-dialog .video-wrap{padding:0 5px}.help{font-size:10px}.dropzone{padding:25px 12px}.dropzone strong{font-size:12px}.dropzone small{font-size:9px}
}
@media(max-width:370px){.mobile-brand{font-size:9px;gap:7px}.mobile-brand .logo{width:31px;height:31px}.topbar{padding:0 10px}.top-actions{gap:6px}.hero-copy{padding:22px 17px}.hero h1{font-size:30px}.hero .eyebrow{font-size:6px}.hero p{max-width:80%}.section-title{flex-wrap:wrap;gap:12px}.admin-controls{margin-left:auto}.archive-strip .strip-label{font-size:7px}.strip-icon{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}