@import url("../css/photo-album.css");
:root{font-family:Segoe UI,Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#162652}.deckdex{--background:#172955;--surface:#294989;--accent:#4965ed;--text:#fff;--muted:#cedafa;--border:#94b4ef;min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 90% 0%,#769ff455,transparent 55%),var(--background);padding:18px;container-type:inline-size}.deckdex[data-theme=light]{--background:#f1f0fa;--surface:#ffffff;--text:#20243b;--muted:#555d77;--border:#c5c6e5}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) var(--glass-opacity,85%),transparent);padding:9px 12px}button:hover,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}header{display:flex;gap:8px;align-items:center;flex-wrap:wrap}header h1{font-size:24px;margin:0;flex:1}header button{padding:6px 10px}.subtitle,.meta{color:var(--muted);font-size:12px}.tabs{display:flex;gap:5px;margin:20px 0 12px;flex-wrap:wrap}.tabs button{flex:1;padding:10px 7px;font-size:13px}.tabs [aria-selected=true]{background:var(--accent);color:white}.search{width:100%;padding:11px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) var(--glass-opacity,85%),transparent);color:var(--text);margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.tile{padding:16px;text-align:left;min-width:0;backdrop-filter:blur(16px)}.tile strong{display:block;margin:6px 0;font-size:17px}.badge{display:inline-block;font-size:10px;letter-spacing:.04em;padding:3px 5px;margin:5px 4px 5px 0;border:1px solid var(--border);border-radius:5px}.panel{padding:18px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) var(--glass-opacity,85%),transparent);margin:14px 0;overflow-wrap:anywhere}.composition{position:relative;width:100%;max-height:480px;margin:12px auto;background:#00000015;border-radius:8px;overflow:hidden}.card-zone{position:absolute;display:grid;place-items:center;overflow:hidden;border:1px solid #8885;color:var(--muted);font-size:12px}.card-zone img{width:100%;height:100%;object-fit:contain}.status{font-size:12px;min-height:25px;margin:10px 0}.error{color:#e86464}.fields{display:grid;grid-template-columns:auto 1fr;gap:8px}.fields dt{color:var(--muted)}.fields dd{margin:0;white-space:pre-wrap}.toolbar{display:flex;gap:8px;flex-wrap:wrap}a{color:var(--text)}.blocks p{white-space:pre-wrap}.blocks img{max-width:100%}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

/* Transparent embedded canvas; the website drawer filters the real page behind the iframe. */
html.deckdex-embedded, .deckdex-embedded body { background:transparent; }
.deckdex-embedded .deckdex { background:transparent; }
.deckdex-embedded .deckdex > header { background:color-mix(in srgb,var(--background) 65%,transparent);border-radius:12px;padding:8px; }
.deckdex-embedded .panel { background:color-mix(in srgb,var(--surface) var(--glass-opacity,85%),transparent);box-shadow:inset 0 1px 0 #ffffff25,0 8px 24px #00000012; }
.composition-fallback{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;margin:12px 0}.composition-fallback>p{grid-column:1/-1}.composition-fallback figure{margin:0;padding:10px;border:1px solid var(--border);border-radius:8px;min-width:0}.composition-fallback figcaption{font-weight:600;margin-bottom:8px}
.rated-question{margin-top:12px}.rated-question h3{white-space:pre-wrap}.rated-question button,.rated-question select{min-height:44px}.rated-question .toolbar{margin:12px 0}.rated-question select{max-width:100%;min-width:0;flex:1;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px}.rated-question fieldset{min-width:0;border:1px solid var(--border);border-radius:8px;padding:10px}.rated-question .answer-choice{display:flex;gap:10px;align-items:center;min-height:44px;padding:8px;border-bottom:1px solid color-mix(in srgb,var(--border) 35%,transparent)}.rated-question .answer-choice:last-child{border-bottom:0}.rated-question .answer-choice input{flex:none}.rated-question .rated-origin,.rated-question .rated-result{font-weight:600}.rated-question .rated-clock{font-variant-numeric:tabular-nums}.rated-question [hidden]{display:none!important}.rated-question button:disabled{cursor:default;opacity:.6}