*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:16px;background-color:#1a0f06;background-image:url(/textures/card-back-border.jpg);background-repeat:repeat}:root{--paper-bg: #ddc79c;--paper-panel: #e6d3a8;--paper-panel-raised: #efe0bb;--paper-border: #5c4325;--paper-border-dark: #2e2010;--ink: #3a2814;--ink-soft: #5c4325;--accent-gold: #c99a2e;--accent-gold-light: #e8c766;--danger: #8a1c14;--danger-light: #c0392b;--paper-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.16 0 0 0 0 0.11 0 0 0 0 0.05 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.paper-surface{position:relative;min-height:calc(100vh - 32px);background-color:var(--paper-bg);background-image:radial-gradient(ellipse at center,#ddc79c00 45%,#1e140aa6),var(--paper-grain);color:var(--ink);border:3px solid var(--paper-border-dark);border-radius:4px;box-shadow:0 0 24px #0009;padding:1.5rem}@media(max-width:480px){.paper-surface{padding:.5rem}}.panel-paper{background-color:var(--paper-panel);background-image:var(--paper-grain);border:3px solid var(--paper-border);border-radius:10px;box-shadow:inset 0 0 22px #2e201047,0 3px 6px #00000059}.panel-paper-raised{background-color:var(--paper-panel-raised);background-image:var(--paper-grain);border:2px solid var(--paper-border);border-radius:8px;box-shadow:inset 0 1px #ffffff59,inset 0 0 14px #2e20102e}.btn-paper{font-family:inherit;font-size:14px;font-weight:700;color:var(--ink);background:linear-gradient(180deg,#f2e2ba,#d9bd85 45%,#b8925a);border:2px solid var(--paper-border);border-radius:6px;padding:6px 14px;cursor:pointer;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 3px #00000040,0 2px 3px #00000059;text-shadow:0 1px 0 rgba(255,255,255,.35);transition:transform 80ms ease,box-shadow 80ms ease,filter 80ms ease}.btn-paper:hover:not(:disabled){filter:brightness(1.07)}.btn-paper:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 4px #00000059}.btn-paper:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.btn-paper.is-active{background:linear-gradient(180deg,#caa458,#a97f3f);box-shadow:inset 0 2px 4px #0006}.btn-paper-danger{color:#fbe9e4;background:linear-gradient(180deg,var(--danger-light) 0%,var(--danger) 100%);border-color:#4a0e08;text-shadow:0 1px 1px rgba(0,0,0,.5)}.input-paper,select.input-paper{font-family:inherit;font-size:14px;background:#f3e7c8;border:2px solid var(--paper-border);border-radius:5px;padding:5px 9px;color:var(--ink);box-shadow:inset 0 1px 3px #00000040}.input-paper::placeholder{color:#8a7550}select.input-paper{max-width:min(220px,60vw)}.input-paper:focus,select.input-paper:focus{outline:none;border-color:var(--accent-gold);box-shadow:inset 0 1px 3px #00000040,0 0 0 2px #c99a2e66}.input-paper:disabled{opacity:.6}.db-deck-entries{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 20px}.db-filter-row{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.db-filter-row .input-paper{flex:1 1 180px;min-width:140px}.db-card-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}