:root{--bg-void:#100c08;--bg-panel:#1b140d;--bg-panel-alt:#221a11;--gold:#c8aa6e;--gold-bright:gold;--parchment:#e6d9b8;--parchment-dim:#b3a482;--rare-blue:#0090ff;--epic-purple:#b166f5;--legendary-orange:#ff8000;--uncommon-green:#3fd13f;--danger-red:#e04b4b}*{box-sizing:border-box}body{color:var(--parchment);background:radial-gradient(ellipse at top, #2a2013 0%, var(--bg-void) 60%), var(--bg-void);min-height:100vh;margin:0;font-family:Spectral,Georgia,serif}.page{max-width:960px;margin:0 auto;padding:0 1.25rem 3rem}.page.wide{max-width:1400px}h1,h2{color:var(--gold-bright);text-shadow:0 0 8px #ffd70040,0 2px 2px #000c;letter-spacing:.03em;font-family:Cinzel,Georgia,serif}h1{border-bottom:2px solid var(--gold);padding-bottom:.5rem;font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem)}h2{margin-top:0;font-size:clamp(1.1rem,1rem + .5vw,1.3rem)}h3{color:var(--gold);font-family:Spectral,Georgia,serif;font-size:1.1rem;font-weight:600}a{color:var(--gold)}a:hover{color:var(--gold-bright)}nav{border-bottom:2px solid var(--gold);background:linear-gradient(#2a2013 0%,#17110a 100%);flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin:0 0 2rem;padding:.9rem 1.25rem;display:flex;box-shadow:0 4px 12px #00000080}nav a{letter-spacing:.05em;text-transform:uppercase;align-items:center;min-height:44px;padding:.35rem 0;font-family:Cinzel,Georgia,serif;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}nav a:first-child{color:var(--gold-bright);margin-right:auto;font-size:1rem}nav button{letter-spacing:.05em;text-transform:uppercase;color:var(--gold);box-shadow:none;cursor:pointer;background:0 0;border:none;align-items:center;min-height:44px;padding:.35rem 0;font-family:Cinzel,Georgia,serif;font-size:.85rem;font-weight:600;display:inline-flex}nav button:hover{color:var(--gold-bright);box-shadow:none}nav button:active{transform:none}section{margin-bottom:2.75rem}.table-scroll{overflow-x:auto}table{border-collapse:collapse;background:var(--bg-panel);border:1px solid var(--gold);width:100%;margin-bottom:1.5rem}th{text-transform:uppercase;letter-spacing:.06em;color:var(--gold-bright);background:var(--bg-panel-alt);border-bottom:2px solid var(--gold);text-align:left;padding:.6rem .8rem;font-family:Cinzel,Georgia,serif;font-size:.75rem}td{text-align:left;border-bottom:1px solid #3a2e1c;padding:.5rem .8rem}tr:last-child td{border-bottom:none}tr:hover td{background:#c8aa6e0f}.card{background:linear-gradient(160deg, var(--bg-panel) 0%, #150f09 100%);border:1px solid var(--gold);border-radius:4px;margin-bottom:1rem;padding:1.1rem 1.3rem;box-shadow:inset 0 0 0 1px #c8aa6e26,0 3px 10px #0006}img.thumb{border:2px solid var(--gold);border-radius:3px;max-width:220px;max-height:220px;margin:.6rem 0;display:block}.rank-1{color:var(--legendary-orange);text-shadow:0 0 6px #ff800066;font-weight:700}a.icontinyl{background-position:0!important;background-size:24px 24px!important;align-items:center!important;min-height:24px!important;padding-left:32px!important;display:inline-flex!important}.action-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}input[type=text],input[type=number],input[type=password],textarea,select{border:1px solid var(--gold);color:var(--parchment);background:#0f0b06;border-radius:3px;min-height:44px;padding:.45rem .6rem;font-family:Spectral,Georgia,serif;font-size:.95rem}input[type=file]{color:var(--parchment-dim);font-size:.9rem}input[type=file]::file-selector-button{letter-spacing:.04em;text-transform:uppercase;color:var(--gold-bright);border:1px solid var(--gold);cursor:pointer;background:linear-gradient(#3a2c17 0%,#1c140b 100%);border-radius:3px;margin-right:.6rem;padding:.4rem .8rem;font-family:Cinzel,Georgia,serif;font-size:.75rem;font-weight:600}input[type=file]::file-selector-button:hover{border-color:var(--gold-bright);box-shadow:0 0 10px #ffd70073}textarea{resize:vertical;width:100%;min-height:4.5rem}input:focus,textarea:focus,select:focus{border-color:var(--gold-bright);outline:none;box-shadow:0 0 6px #ffd70066}label{color:var(--parchment-dim);margin-bottom:.8rem;font-size:.9rem;display:block}label input,label textarea,label select{width:100%;max-width:420px;margin-top:.3rem;display:block}button,input[type=submit],a.btn-link{letter-spacing:.04em;text-transform:uppercase;color:var(--gold-bright);border:1px solid var(--gold);cursor:pointer;background:linear-gradient(#3a2c17 0%,#1c140b 100%);border-radius:3px;align-items:center;min-height:44px;padding:.6rem 1.1rem;font-family:Cinzel,Georgia,serif;font-size:.8rem;font-weight:600;text-decoration:none;transition:box-shadow .15s,transform 50ms;display:inline-flex}button:hover,input[type=submit]:hover,a.btn-link:hover{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 0 10px #ffd70073}button:active,input[type=submit]:active,a.btn-link:active{transform:translateY(1px)}button.btn-danger{color:var(--danger-red)}button.btn-danger:hover{border-color:var(--danger-red);box-shadow:0 0 10px #e04b4b73}.badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:3px;padding:.15rem .5rem;font-family:Cinzel,Georgia,serif;font-size:.7rem;display:inline-block}.badge-active{color:var(--uncommon-green)}.badge-ended{color:var(--parchment-dim)}.badge-draft{color:var(--rare-blue)}.badge-prep{color:var(--epic-purple)}.dc-editor{margin-bottom:1rem}.dc-toolbar{flex-wrap:wrap;gap:.3rem;margin-bottom:.3rem;display:flex}.dc-toolbar button{text-transform:none;letter-spacing:normal;color:#dbdee1;cursor:pointer;background:#2b2d31;border:1px solid #1e1f22;border-radius:3px;min-height:36px;padding:.4rem .6rem;font-family:Spectral,Georgia,serif;font-size:.75rem}.dc-toolbar button:hover{box-shadow:none;background:#35373c;border-color:#5865f2}.dc-preview-label{color:var(--parchment-dim);margin:.4rem 0 .2rem;font-size:.75rem}.dc-preview{color:#dbdee1;overflow-wrap:break-word;background:#313338;border:1px solid #1e1f22;border-radius:4px;min-height:2rem;padding:.7rem .9rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.9rem;line-height:1.4}.dc-preview .dc-heading{color:#f2f3f5;margin:.3rem 0;font-weight:700}.dc-preview h2.dc-heading{font-size:1.3rem}.dc-preview h3.dc-heading{font-size:1.1rem}.dc-preview h4.dc-heading{font-size:1rem}.dc-preview .dc-quote{color:#b5bac1;border-left:4px solid #4e5058;margin:.2rem 0;padding-left:.6rem}.dc-preview .dc-li{margin-left:.5rem}.dc-preview .dc-blank{min-height:1em}.dc-preview code.dc-code{background:#2b2d31;border-radius:3px;padding:.1rem .3rem;font-family:Consolas,monospace;font-size:.85em}.dc-preview pre.dc-codeblock{white-space:pre-wrap;background:#2b2d31;border-radius:4px;margin:.3rem 0;padding:.5rem .7rem;font-family:Consolas,monospace;font-size:.85em;overflow-x:auto}.dc-preview .dc-spoiler{color:#0000;cursor:pointer;background:#1e1f22;border-radius:3px;padding:0 .2rem}.dc-preview .dc-spoiler.revealed{color:inherit;background:#35373c}dialog.modal{background:linear-gradient(160deg, var(--bg-panel) 0%, #150f09 100%);border:1px solid var(--gold);width:min(640px,100vw - 2rem);max-height:calc(100vh - 4rem);color:var(--parchment);border-radius:6px;margin:auto;padding:0;box-shadow:inset 0 0 0 1px #c8aa6e26,0 8px 30px #0009}dialog.modal::backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#000000a6}dialog.modal .modal-header{border-bottom:2px solid var(--gold);background:inherit;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.3rem;display:flex;position:sticky;top:0}dialog.modal .modal-header h2{margin:0}dialog.modal .modal-close{border:1px solid var(--gold);background:0 0;min-height:40px;padding:.5rem .7rem;font-family:Cinzel,Georgia,serif;font-size:1rem;line-height:1}dialog.modal .modal-body{padding:1.1rem 1.3rem 1.4rem;overflow-y:auto}@media (width<=1024px){.page.wide{max-width:100%}}@media (width<=768px){nav{gap:.6rem 1rem}nav a:first-child{flex-basis:100%;margin-right:0}h1{font-size:1.5rem}label input,label textarea,label select{max-width:none}}@media (width<=480px){.page{padding:0 .75rem 2rem}table,thead,tbody,th,td,tr{display:block}table{background:0 0;border:none}thead tr{position:absolute;top:-9999px;left:-9999px}tr{border:1px solid var(--gold);background:var(--bg-panel);border-radius:4px;margin-bottom:.8rem}td{border-bottom:1px solid #3a2e1c}td:last-child{border-bottom:none}.action-row{flex-direction:column;align-items:stretch}.action-row>*{width:100%}}