/* Collection only. Approved card surfaces, palette and match UI remain shared. */
.collection-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px;margin:14px 0;border:1px solid #cfb873;background:linear-gradient(120deg,#275546,#11382e);font-weight:700}.collection-entry small{font-weight:400;color:#ddce9d}
#collection-dialog{--binder-gold:#d9be76;box-sizing:border-box;width:min(100% - 16px,900px);height:calc(100svh - 16px);height:calc(100dvh - 16px);max-height:none;max-width:none;margin:auto;padding:16px clamp(10px,3vw,28px);border:1px solid #b9a16a;border-radius:14px;background:radial-gradient(ellipse at 10% 0,#315344,#112d26 65%);color:#f5edce;overflow:auto;overscroll-behavior:contain;font-size:14px}
#collection-dialog::backdrop{background:#04140ee6;backdrop-filter:blur(5px)}
#collection-dialog [hidden]{display:none!important}#collection-dialog button{min-height:44px;touch-action:manipulation;font:inherit}#collection-dialog button:focus-visible{outline:3px solid #f6d886;outline-offset:3px}#collection-dialog input,#collection-dialog select{width:100%;min-height:44px;font-size:16px;background:#102b24;color:#f8edcb;border:1px solid #9e946c;border-radius:7px;padding:7px}#collection-dialog h2{font:600 20px/1.4 Georgia,'Yu Mincho',serif;margin:0}#collection-dialog button:disabled{opacity:.5}#collection-dialog label{display:grid;gap:5px}#collection-dialog .collection-toolbar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;padding:0;background:transparent}.collection-toolbar small{letter-spacing:.22em;font-size:9px;color:#cfb878}.collection-open{overflow:hidden}
#collection-status:empty{display:none}#collection-status{font-size:12px;border-left:2px solid #d7bc76;padding:8px}#collection-notice{padding:24px 12px;max-width:450px;margin:30px auto;line-height:1.9}#collection-notice button{width:100%;margin-top:14px}
#collection-shelf{display:grid;place-items:center;padding:18px 12px 24px;gap:16px}
#collection-cover{display:block;position:relative;width:min(100%,360px,53svh);aspect-ratio:3/4;border:1px solid #a48b4a;border-radius:8px 18px 18px 8px;padding:0;overflow:hidden;background:#173f31;box-shadow:10px 12px 25px #0008,inset 12px 0 20px #0008,5px 0 0 #baae83,8px 0 0 #1d392f;container-type:inline-size;isolation:isolate}
.binder-cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:url(#collection-gold);opacity:.93;pointer-events:none}.binder-spine{position:absolute;z-index:2;inset:0 auto 0 0;width:7%;background:linear-gradient(90deg,#061c15bb,#28513caa,#132e21bb);border-right:1px solid #d5b95b7a;box-shadow:2px 0 5px #0007}.binder-title{position:absolute;z-index:3;left:12%;right:12%;top:8%;display:grid;gap:.5cqw;padding:0;text-align:center;color:#f0d797;letter-spacing:.15em;text-shadow:0 2px 3px #000}.binder-title strong{font:500 clamp(10px,5.6cqw,22px)/1.15 Georgia,serif;letter-spacing:.14em}.binder-title>span{font:clamp(6px,2.8cqw,10px)/1.2 Georgia,serif;letter-spacing:.16em}.binder-caption{display:block;text-align:center;font-size:10px;line-height:1.9;letter-spacing:.12em;color:#d5c08a;padding:0}
.collection-book-tools{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px}.collection-book-tools button{padding:6px 9px;font-size:12px!important}.collection-search{margin:8px 0;font-size:12px}.collection-filter-panel{font-size:12px}.collection-filter-panel summary{min-height:30px}.collection-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}.collection-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#c6c7a6}.collection-filter-summary button{font-size:11px!important;padding:4px 8px;min-height:32px!important}
.binder-page{position:relative;max-width:540px;margin:10px auto 0;padding:12px 12px 12px 25px;border:1px solid #a28f57;border-radius:5px 12px 12px 5px;background:linear-gradient(90deg,#0b241b,#244535 7%,#183a2d 12%,#244333);box-shadow:3px 3px 0 #a9ab8c,5px 5px 0 #163225,0 8px 20px #0005}.binder-rings{position:absolute;left:3px;top:10%;bottom:10%;width:15px;display:flex;flex-direction:column;justify-content:space-between;z-index:2}.binder-rings i{height:10px;border-radius:5px;background:linear-gradient(#e6dab6,#746746 48%,#bca679 52%,#e9dcaf);box-shadow:0 2px 3px #0008}
#collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 7px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.collection-pocket{min-width:0;position:relative;margin:0;padding:4px 4px 0;border:1px solid #d4e7d74a;border-top:2px solid #dfeee37a;border-radius:3px 3px 7px 7px;background:linear-gradient(140deg,#ffffff15,transparent 45%,#ffffff0a);box-shadow:inset 0 0 5px #e6fff51a,0 1px 4px #0005}.collection-pocket::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(126deg,transparent 14%,#ffffff0a 15%,transparent 20%);border-radius:inherit}.collection-card-tap{display:block;padding:0!important;border:0!important;border-radius:4px;background:transparent!important;width:100%;aspect-ratio:2/3;min-height:0!important;overflow:hidden}.collection-card-tap>.card-face,.collection-card-tap>.egg-card{width:100%;height:100%;aspect-ratio:2/3}.collection-pocket-label{display:flex;align-items:center;gap:1px;height:31px}.collection-pocket-label>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:#e8dfba}.collection-pocket-label button{min-height:30px!important;width:30px;flex:none;padding:0!important;font-size:21px!important;background:transparent;border:0;color:#dfc689}.collection-pocket-label button[aria-pressed=true]{color:#ffd38b}.empty-pocket{aspect-ratio:auto;min-height:100px}.collection-pagination{max-width:540px;margin:14px auto 0;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.collection-pagination button{min-width:80px}.collection-hint{font-size:10px;text-align:center;color:#c4c7ad;margin:8px 0 0}
.collection-detail-layout{display:grid;grid-template-columns:minmax(200px,320px) minmax(0,1fr);gap:24px;align-items:start}.collection-detail-visual{min-width:0;width:100%;max-width:320px;margin:auto}.collection-detail-copy{line-height:1.8;min-width:0}.collection-detail-copy>button{margin:12px 5px 0 0}.collection-detail-copy h2{margin-bottom:8px!important}#collection-card-meta{color:#d9c895;font-size:12px}#collection-card-effect{white-space:pre-wrap;font-size:14px;line-height:1.9}#collection-card-effect .effect-scroll{max-height:none;overflow:visible;font-size:13px}#collection-card-effect h3{font-size:14px}#collection-card-effect ol{padding-left:20px}#collection-favorite{min-width:70px;font-size:24px!important;color:#efcc81}#collection-deck-picker{padding:12px;border:1px solid #9d8d57;border-radius:8px;margin-top:12px;display:grid;gap:8px}#collection-detail-status{min-height:24px;color:#f0d397;font-size:13px}
#collection-flip-card{display:block;width:100%;aspect-ratio:2/3;perspective:1200px;padding:0;border:0;background:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}#collection-flipper{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.65,.3,1)}#collection-flipper[data-side=back]{transform:rotateY(180deg)}.collection-front,.collection-back{display:block;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:5%;overflow:hidden}.collection-back{transform:rotateY(180deg)}.collection-back img{width:100%;height:100%;object-fit:fill}.collection-front>.card-face,.collection-front>.egg-card{width:100%;height:100%;aspect-ratio:2/3}.collection-detail-nav{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.collection-detail-nav button{min-width:48px}.collection-filter-defs{position:absolute;pointer-events:none}
@media(max-width:560px){#collection-dialog{padding:12px 9px;width:calc(100% - 10px)}.collection-detail-layout{grid-template-columns:minmax(0,1fr);gap:18px}.collection-detail-visual{max-width:min(72vw,290px)}.collection-detail-copy{padding:0 8px 20px}.collection-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.binder-page{padding:8px 7px 8px 20px}#collection-grid{gap:7px 5px}.collection-pocket{padding:3px 3px 0}.collection-toolbar h2{font-size:17px!important}.collection-entry small{font-size:10px}.collection-pocket-label{height:28px}.collection-pocket-label>span{font-size:8px}}
@media(orientation:landscape) and (max-height:600px){#collection-dialog{height:calc(100dvh - 10px)}#collection-shelf{padding:6px 12px 12px;gap:10px}#collection-cover{width:min(270px,calc((100svh - 174px)*.75))}.collection-detail-layout{grid-template-columns:minmax(160px,32%) 1fr;gap:20px}.collection-detail-visual{max-width:240px}.binder-page{max-width:420px}.collection-detail-copy{padding:0 5px}}
@media(prefers-reduced-motion:reduce){#collection-flipper,#collection-cover{transition:none!important}#collection-grid{animation:none!important}}
@media(min-height:600px){.binder-page{max-width:clamp(290px,calc((100svh - 330px)*.57),540px)}}