:root{--pg-cream:#f1e2c4;--pg-gold:#ffc21c;--pg-edge:#783326}body{color:var(--pg-cream)}.pg-main{max-width:1600px;margin:auto;padding:28px clamp(16px,4vw,64px) 80px}.pg-kicker{font-size:.75rem;letter-spacing:.2em;color:var(--pg-gold)}.pg-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.pg-main h1,.pg-login h1{font-size:clamp(2rem,5vw,3.6rem);color:#ffab38;letter-spacing:-.03em}.pg-main p,.pg-login p{color:var(--pg-cream)}.pg-search{border:1px solid var(--pg-edge);background:#300e0edd;padding:20px;border-radius:16px}.pg-fields{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:16px}label{font-size:.88rem}.pg-fields input,.pg-fields select,.pg-login input{display:block;width:100%;margin-top:7px;background:#200e0e;color:var(--pg-cream);border:1px solid var(--pg-edge);padding:12px;border-radius:9px}.pg-options{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:18px 0}.pg-options label{display:flex;align-items:center;gap:8px}.pg-options input[type=range]{width:100px}.pg-main button,.pg-login button,dialog button{background:var(--pg-gold);color:#30100b;border:1px solid transparent;border-radius:9px;padding:10px 16px;font-weight:600;cursor:pointer}.pg-main .pg-secondary,dialog button{background:#541c18;color:var(--pg-cream);border-color:var(--pg-edge)}button:disabled{opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--pg-gold);outline-offset:3px}#pg-chips,#pg-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.pg-chip{display:inline-flex;gap:8px;align-items:center;background:#541c18;border:1px solid #914531;border-radius:24px;padding:4px 4px 4px 13px;font-size:.85rem}.pg-chip button{padding:2px 9px;border-radius:20px;background:transparent;color:var(--pg-gold);font-size:1.2rem}.pg-tag-input{position:relative}#pg-suggestions{position:absolute;top:100%;left:0;right:0;z-index:5;background:#211312;border:1px solid var(--pg-edge);border-radius:10px;max-height:320px;overflow:auto;box-shadow:0 10px 30px #0008}#pg-suggestions button{display:flex;justify-content:space-between;gap:8px;background:none;color:var(--pg-cream);border-radius:0;width:100%;text-align:left;font-weight:400}#pg-suggestions button:hover,#pg-suggestions button:focus{background:#5d241d}.pg-grid{columns:4 240px;column-gap:16px}.pg-card{break-inside:avoid;margin-bottom:16px;display:block;width:100%;padding:0!important;text-align:left;background:#2c1514!important;color:var(--pg-cream)!important;overflow:hidden;border:1px solid #663227!important;border-radius:12px!important}.pg-card:hover{border-color:var(--pg-gold)!important}.pg-card img{width:100%;height:auto;display:block;min-height:100px}.pg-card-caption{padding:12px;display:block}.pg-card-caption strong,.pg-card-caption small{display:block;overflow-wrap:anywhere}.pg-card-caption small{color:#c9a893;margin-top:4px}.pg-file{height:150px;display:grid;place-content:center;background:#421c18;color:#ffc21c;font-size:1.4rem}#pg-more{display:block;margin:25px auto}#pg-more[hidden]{display:none}dialog{width:min(1000px,96vw);max-height:94vh;background:#291211;color:var(--pg-cream);border:1px solid var(--pg-edge);border-radius:16px;padding:25px;overflow:auto}dialog::backdrop{background:#100706dc}#pg-close{float:right;font-size:1.5rem;padding:0 12px}.pg-detail-nav{display:flex;gap:10px;margin-bottom:16px}#pg-preview img,#pg-preview video{display:block;max-width:100%;max-height:65vh;margin:auto}#pg-preview audio{width:100%}#pg-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:55vh;overflow:auto;background:#180c0b;padding:20px;color:var(--pg-cream)}dialog a{color:var(--pg-gold)}#pg-relations{margin:20px 0}.pg-login{max-width:480px;margin:10vh auto;padding:28px;border:1px solid var(--pg-edge);background:#2b1010;border-radius:16px}.pg-login button{margin-top:20px;width:100%}.pg-login label{display:block;margin-top:20px}@media(max-width:700px){.pg-fields{grid-template-columns:1fr 1fr}.pg-fields label:first-child,.pg-fields label:nth-child(2){grid-column:span 2}.pg-header{align-items:flex-start}.pg-grid{columns:2;column-gap:10px}.pg-card{margin-bottom:10px}.pg-card-caption{padding:9px;font-size:.8rem}.pg-options{gap:14px}.pg-search{padding:14px}.pg-login{margin:6vh 16px}dialog{padding:16px}}
.pg-main #pg-status{color:#f1e2c4}
