/* Jumpa V6 — a digital card album. Local system fonts, no remote assets. */
:root{--accent:#a8d9cf;--accent2:#b3a2df;--hero1:#293e46;--hero2:#332a48;--hero3:#121b26;--ink:#e9f2f2}
body[data-theme="peach"]{--accent:#f1c7ab;--accent2:#e5a0b6;--hero1:#513932;--hero2:#492b42;--hero3:#211a23}
body[data-theme="ocean"]{--accent:#87d5e5;--accent2:#a1bcfb;--hero1:#163c50;--hero2:#203660;--hero3:#0b192c}
body[data-theme="tribal"]{--accent:#d7fb64;--accent2:#e7edbd;--hero1:#323d13;--hero2:#171a0a;--hero3:#080a07}
body[data-theme="ember"]{--accent:#f5aa77;--accent2:#c7a1ff;--hero1:#50261c;--hero2:#392057;--hero3:#170f21}
button,input,select,textarea{font:inherit}button{touch-action:manipulation}select{background:#141e25;color:#dce6e9;border:1px solid #33454e;border-radius:9px;padding:8px;max-width:100%}.settings-dialog .field input{background:#111b22;border:1px solid #455a65;color:#f1f6f7;border-radius:10px;padding:12px;width:100%}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-grid{display:grid;gap:10px}.theme-choice{display:flex;align-items:center;gap:14px;border:1px solid #3e515d;background:#16232c;padding:12px;border-radius:12px;color:#e9f1f5;text-align:left}.theme-choice[aria-pressed="true"]{border-color:var(--accent)}.theme-choice i{width:65px;height:38px;flex-shrink:0;border-radius:8px;background:linear-gradient(120deg,#a8d9cf,#b3a2df)}.theme-peach i{background:linear-gradient(120deg,#f1c7ab,#e5a0b6)}.theme-ocean i{background:linear-gradient(120deg,#87d5e5,#537edd)}.theme-tribal i{background:repeating-linear-gradient(40deg,#d7fb64 0 12px,#11170c 12px 24px)}.theme-ember i{background:linear-gradient(120deg,#f58649,#9255db)}
.vault-screen{background:radial-gradient(ellipse at 10% 0,var(--hero1),transparent 62%),radial-gradient(ellipse at 95% 100%,var(--hero2),transparent 65%),var(--hero3);color:var(--ink)}.vault-header{padding:36px 44px 25px;display:flex;gap:25px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #d9fff213}.brand{position:relative;padding-left:54px}.brand-star{position:absolute;left:0;top:7px;color:var(--accent);font-size:37px}.brand h1{margin:0;font-family:'Arial Rounded MT Bold','Trebuchet MS',Verdana,sans-serif;font-size:55px;font-weight:900;letter-spacing:-3px;line-height:1}.brand .version{vertical-align:top;display:inline-block;margin:5px 0 0 10px;font:10px/1.5 system-ui;letter-spacing:1px;border:1px solid #ffffff30;padding:1px 6px;border-radius:20px;color:var(--accent)}.brand p{font-size:13px;margin:11px 0 0;color:#cfdae1}.vault-header-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.vault-header-tools .btn{background:#0c18204d;border-color:#d8f0ff30;backdrop-filter:blur(8px)}.vault-header-tools .primary{background:var(--accent);border-color:var(--accent);color:#152e2e}.vault-content{padding:28px 44px 34px}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(230px,270px));gap:26px 22px;justify-content:start}.vault-tile.sort-row{aspect-ratio:3/4;min-height:360px;border:1px solid #dbf3fa55;padding:0;display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:linear-gradient(140deg,#ffffff0f,#ffffff03),#12202d88;box-shadow:0 12px 32px #0003,inset 0 1px 0 #fff4}.vault-tile:hover{background:linear-gradient(145deg,#ffffff18,#ffffff05);border-color:var(--accent)}.vault-cover-open{position:absolute;inset:0;border:0;background:transparent;color:var(--accent);padding:0;overflow:hidden}.thumb{position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#21323b,#171c2a);isolation:isolate}.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}.thumb-fallback{font-size:70px;color:var(--accent);opacity:.7}.vault-cover-open .thumb{height:100%;width:100%;background:radial-gradient(ellipse at 20% 0,#e0fef925,transparent 50%),linear-gradient(145deg,var(--hero1),var(--hero2));transition:filter .25s;filter:brightness(.82)}.vault-cover-open .thumb img{object-fit:cover;opacity:.82}.vault-cover-open:hover .thumb{filter:brightness(1)}.vault-cover-open .thumb-fallback{font-size:130px;opacity:.4;transform:rotate(-14deg)}.vault-open-hint{position:absolute;left:20px;top:55px;z-index:3;font-size:9px;letter-spacing:.18em;color:#f1faf7;opacity:0;transition:opacity .2s}.vault-cover-open:hover .vault-open-hint{opacity:1}.vault-grip{position:absolute;top:12px;left:12px;width:34px;height:34px;border:1px solid #ffffff29;background:#15232f99;border-radius:50%;color:#d4e9ed;z-index:5}.vault-caption{position:relative;margin-top:auto;padding:80px 20px 15px;pointer-events:none;z-index:2;background:linear-gradient(transparent,#0c1523e8 50%,#0c1523f5)}.vault-caption h2{margin:0 0 6px;font-size:23px;font-family:'Trebuchet MS',system-ui;overflow-wrap:anywhere}.vault-caption>span{color:#bfcbd4;font-size:12px}.vault-actions{position:relative;padding:0 12px 14px;gap:5px;display:flex;justify-content:space-around;background:#0c1523f5;z-index:3;margin:0}.vault-actions .tile-action{width:33px;height:33px;background:transparent;border-color:#bacfde24}.new-vault-tile{aspect-ratio:3/4;min-height:360px;border:1px dashed #d8f3ff40;background:#15253530;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#d7e5e8;border-radius:24px}.new-vault-tile:hover{border-color:var(--accent);background:#ffffff0b}.new-vault-tile span{font-size:65px;font-weight:200;color:var(--accent);line-height:1}.new-vault-tile small{margin:0;color:#a3b8c7}.vault-footer{text-align:center;font-size:9px;letter-spacing:.22em;padding:12px;color:#b8cddb99}
.album-layout{grid-template-columns:minmax(245px,285px) minmax(0,1fr);gap:15px}.v6-deck-row{grid-template-columns:30px minmax(0,1fr) 32px;gap:3px;padding:7px 5px 7px 0;min-height:76px}.deck-select{border:0;background:transparent;color:inherit;display:flex;gap:9px;align-items:center;text-align:left;min-width:0;padding:0}.deck-select .thumb{width:38px;height:49px;border-radius:6px;flex-shrink:0;border:1px solid #42666a}.deck-select .thumb img{object-fit:cover}.deck-select .thumb-fallback{font-size:20px}.deck-select>span{min-width:0;display:flex;flex-direction:column;gap:5px}.deck-select b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-select small{font-size:10px;color:#a4bbbc}.v6-deck-row .icon-action{width:30px;background:transparent}.album-toolbar{display:flex;align-items:stretch;gap:18px;padding:16px;border-bottom:1px solid #29363e;background:#0d151b}.album-toolbar .add-card-grid{display:grid;grid-template-columns:repeat(3,minmax(90px,130px));gap:10px;border:0;padding:0;flex-shrink:0}.album-toolbar .add-card{min-height:110px;aspect-ratio:auto;border-radius:14px;padding:12px}.album-toolbar .add-card small{font-size:10px}.album-matrix{position:relative;overflow:hidden;border:1px solid #9fcfcc60;border-radius:16px;background:linear-gradient(130deg,#223d40,#242638,#353244);color:#e3f2f2;min-width:170px;max-width:340px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;isolation:isolate}.album-matrix>span{position:absolute;z-index:-1;font-size:110px;opacity:.1;transform:rotate(-10deg)}.album-matrix b{font-size:25px;letter-spacing:.12em}.album-matrix small{font-size:10px;color:#c6d7d9}.foil:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 10%,#6be2e01a 25%,#d7a6f52c 39%,#efda9b21 51%,transparent 70%);background-size:220% 100%;mix-blend-mode:screen;transition:background-position .7s;z-index:2}.foil:hover:after,.foil:focus-within:after{background-position:100% 0}
.album-sort{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:15px 18px 8px}.album-sort>div{display:flex;gap:12px;align-items:center;flex:1}.album-count{font-size:11px;color:#809a9f}.album-sort label{font-size:11px;color:#b4c4ca;display:flex;align-items:center;gap:6px}.album-sort select{font-size:11px}.album-sort .btn{font-size:11px}.card-album{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:22px 12px;padding:16px 18px 26px;align-content:start;background:radial-gradient(ellipse at top,#26353e44,transparent 70%)}
.album-card.sort-row{display:block;aspect-ratio:3/4;min-height:0;max-height:340px;border-radius:14px;border:1px solid #52716d66;overflow:hidden;isolation:isolate;background:#0a1118;box-shadow:0 5px 13px #0006,0 1px 0 #dbffe216 inset;transition:border-color .2s}.album-card .card-preview{position:absolute;inset:0;background:#0b1119;filter:brightness(.55);transition:filter .3s}.album-card:hover .card-preview,.album-card:focus-within .card-preview,.album-card.touch-lit .card-preview,.album-card.actions-open .card-preview{filter:brightness(.95)}.album-card .thumb-fallback{height:100%;width:100%;display:grid;place-items:center;font-size:45px;padding:15px;opacity:1}.text-preview{font-size:13px;font-family:Georgia,serif;line-height:1.5;white-space:pre-wrap;color:#f3d4bd;align-self:start;padding-top:28px;overflow:hidden;max-height:100%}.live-preview{color:#baa0d7;font-size:45px;text-align:center}.live-preview small{font:11px/1.4 system-ui;display:block;margin-top:12px;overflow-wrap:anywhere}.album-card .tile-caption{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:25px 12px 12px;background:linear-gradient(transparent,#0a121bed 35%,#0a121b);display:flex;flex-direction:column;gap:4px;pointer-events:none}.tile-caption .editable-name{pointer-events:auto;font-size:12px;font-weight:650;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.tile-caption .type-badge{font-size:8px;letter-spacing:.14em}.tile-number{position:absolute;top:9px;right:9px;z-index:5;width:31px;height:31px;border-radius:50%;border:1px solid #e0efd27d;background:radial-gradient(circle at 32% 25%,#d7efe5,#70978f 50%,#173935);box-shadow:0 3px 10px #0009,inset 0 1px 2px #fff9;display:grid;place-items:center;font-size:12px;font-weight:900;color:#122c2b}.card-grip{position:absolute;top:7px;left:6px;width:30px;height:30px;border-radius:50%;z-index:5;background:#09131b99;border:1px solid #ffffff18;color:#cee0de}.tile-menu{position:absolute;right:9px;top:47px;width:31px;height:27px;border-radius:8px;background:#0d1722dd;border:1px solid #ffffff29;color:#d7e8e6;z-index:6;font-weight:800}.tile-actions{position:absolute;inset:37px 10px 65px;z-index:6;display:flex;align-content:center;justify-content:center;flex-wrap:wrap;gap:7px;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s;pointer-events:none}.album-card:hover:not(.resting) .tile-actions,.album-card:focus-within:not(.resting) .tile-actions,.album-card.actions-open .tile-actions{opacity:1;visibility:visible;pointer-events:auto}.tile-action{width:34px;height:34px;border:1px solid #b9d3d351;background:#101d28ed;backdrop-filter:blur(8px);border-radius:9px;color:#e5eded;display:grid;place-items:center;font-size:15px;box-shadow:0 2px 6px #0005}.tile-action svg{width:17px;height:17px}.tile-action:hover{background:#34544ed9;border-color:#b6e5da}.tile-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile-action[data-act="deleteCard"]{color:#efadb0}.super-tile.sort-row{border:2px solid #bda5ed;box-shadow:0 0 0 2px #697cbc38,0 5px 15px #0007,inset 0 0 18px #9be8e530}.super-tile .tile-number{background:radial-gradient(circle at 30% 20%,#f2e0ff,#b29bcc 60%,#415c71);color:#28203d}.super-tile .type-badge{color:#d5b9ff}.album-card.dragging{opacity:.45}.album-card.drop-target{outline:2px dashed var(--accent);outline-offset:-4px}.album-card .inline-rename{position:relative;z-index:7;pointer-events:auto;min-width:0;font-size:12px}
.deck-pick-card{position:relative;overflow:hidden;min-height:270px;padding:18px;isolation:isolate}.deck-pick-card>.thumb{position:absolute;inset:0;z-index:-1;filter:brightness(.4)}.deck-pick-card>.thumb img{object-fit:cover}.deck-pick-card strong,.deck-pick-card small{z-index:2;text-shadow:0 2px 6px #000}.deck-pick-card:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0b1724);z-index:-1}.deck-pick-card .deck-number{background:#0d2225b8}
.lock-tools{right:16px;bottom:10px;gap:6px}.lock-btn{font-size:12px}.info-toggle{color:#c2e6e2;border-color:#477f7a}.matrix-arrow{font-family:Arial,sans-serif;font-weight:1000;opacity:.94;color:var(--card)}.deck-arrow{color:var(--deck);font-size:32px;letter-spacing:-7px;padding-right:10px;width:54px}.card-arrow{font-size:26px;letter-spacing:-8px;width:43px;padding-right:10px}.card-shell{inset:38px 105px 0 105px}.left-arrow{left:calc(var(--image-left) - 101px)}.right-arrow{left:calc(var(--image-right) + 46px)}.up-arrow{left:calc(var(--image-left) - 46px)}.down-arrow{left:calc(var(--image-right) + 2px)}.super-dots{left:calc(var(--image-left) - 47px);top:50%;max-height:65%;overflow-y:auto;border:1px solid #62717644;padding:7px 5px;scrollbar-width:thin}.super-dot{width:27px;height:27px;flex-shrink:0;font-size:10px}.zone-intro{z-index:26}.context-overlay{padding:0;width:min(580px,86vw);max-height:60%;background:#111b24f5;border:1px solid #6b88917a;box-shadow:0 15px 45px #0008;border-radius:13px;overflow:auto}.note-heading{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #5169734d;position:sticky;top:0;background:#192630;z-index:1}.note-heading .context-deck{font-size:15px;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-note .note-heading{cursor:grab;touch-action:none}.pinned-note .note-heading:active{cursor:grabbing}.note-handle{color:#87a7ad}.note-heading .pin-btn{position:static;width:32px;height:30px;border-radius:7px;padding:0;flex-shrink:0}.note-close{border:0;background:transparent;color:#c1d2da;font-size:24px;padding:0;width:28px}.context-overlay>.context-info{padding:16px;user-select:text;font-size:14px}.note-edit{margin:0 12px 12px;border:1px solid #426067;background:#192c34;color:#c3dedc;border-radius:7px;padding:6px 10px;font-size:11px}.context-overlay.info-editing{padding:16px;max-height:70vh}.info-editing .context-deck{font-size:18px}.info-editing>.context-info{padding:10px}.info-editing .info-draft{min-height:100px}.viewer-history{top:8px}
@media(min-width:1600px){.card-album{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.album-toolbar .add-card-grid{grid-template-columns:repeat(3,150px)}.album-toolbar .add-card{min-height:120px}}
@media(hover:none){.album-card:hover .card-preview{filter:brightness(.55)}.album-card.touch-lit .card-preview,.album-card.actions-open .card-preview{filter:brightness(.95)}.album-card:hover:not(.actions-open) .tile-actions{opacity:0;visibility:hidden;pointer-events:none}.album-card.actions-open .tile-actions{opacity:1;visibility:visible;pointer-events:auto}.tile-action{min-width:38px;min-height:38px}.tile-menu{width:38px;height:33px}.tile-actions{gap:5px;inset:35px 5px 57px}}
@media(max-width:1050px){.album-layout{grid-template-columns:230px minmax(0,1fr)}.album-toolbar{gap:10px}.album-toolbar .add-card-grid{grid-template-columns:repeat(3,minmax(75px,1fr));flex:1}.album-toolbar .add-card{padding:10px}.album-toolbar .add-card b{font-size:13px}.album-toolbar .add-card small{font-size:9px}.album-matrix{min-width:130px;flex:.8}.album-matrix b{font-size:18px}.album-matrix small{font-size:9px}.vault-header{padding:25px}.vault-content{padding:25px}}
@media(max-width:820px){.album-layout{display:flex}.deck-panel{max-height:220px}.cards-panel{overflow:visible}.album-toolbar{flex-wrap:wrap;padding:12px}.album-toolbar .add-card-grid{width:100%;flex-basis:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.album-toolbar .add-card{min-height:92px}.album-matrix{min-height:70px;max-width:none;flex-basis:100%;flex-direction:row;gap:16px}.album-matrix small{font-size:10px}.card-album{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 10px;padding:12px}.album-card.sort-row{max-height:none;aspect-ratio:3/4}.album-sort{padding:12px;gap:6px}.album-sort>div{flex-basis:100%;margin-bottom:6px}.album-sort select{padding:7px;font-size:10px}.album-sort label{font-size:0;gap:0}.album-sort .btn{padding:7px 9px}.panel-head{flex-wrap:wrap;gap:5px;padding:12px}.deck-title-block{flex-basis:100%;margin-bottom:6px}.deck-title-block h2{font-size:16px}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}.vault-content{padding:20px}.vault-header{padding:25px 20px 20px;gap:22px}.brand{padding-left:43px}.brand h1{font-size:47px}.brand-star{font-size:29px}.brand p{font-size:11px}.vault-header-tools{gap:6px}.vault-header-tools .btn{font-size:11px;padding:8px}.vault-header-tools .history-tools{margin-right:6px}.vault-tile.sort-row,.new-vault-tile{min-height:340px;max-height:480px}.vault-footer{font-size:7px}.card-shell{inset:38px 40px 53px}.matrix-arrow{display:block;font-size:22px;letter-spacing:-6px;width:30px;padding-right:5px}.left-arrow{left:2px}.right-arrow{left:auto;right:2px}.up-arrow{left:4px;top:8px}.down-arrow{left:auto;right:4px;top:auto;bottom:58px}.super-dots{left:3px;max-height:60%;padding:5px 1px;border-radius:9px}.super-dot{width:25px;height:25px}.lock-tools{right:6px;left:6px;justify-content:flex-end;bottom:8px;gap:4px}.lock-btn{padding:0 7px;height:36px;font-size:10px}.lock-btn span{font-size:8px}.context-overlay{width:min(580px,92vw);max-height:65%;bottom:58px}.note-heading .context-deck{font-size:13px}.context-info{font-size:13px}.zone-stats{bottom:62px}.zone-name{font-size:25px}.text-card{padding:15px}.text-card h2{font-size:21px}.text-body{font-size:14px}.live-banner{font-size:10px}.live-banner .btn{padding:5px}.live-banner .refresh-chip{padding:5px}.option-grid .btn{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.tile-menu{top:8px;left:42px;right:auto}.tile-actions{inset:49px 8px 56px}.text-preview{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}
.card-shell{bottom:38px}.matrix-arrow{padding:0;letter-spacing:0}.matrix-arrow svg{width:42px;height:32px;stroke-width:3}.card-arrow svg{width:26px;height:34px}
@media(max-width:820px){.card-shell{bottom:53px}.matrix-arrow svg{width:28px;height:28px}.card-arrow svg{width:24px;height:30px}.tile-actions{inset:49px 5px 56px}}
.vault-tile.sort-row{align-items:stretch;gap:0}.vault-caption,.vault-actions{width:100%}
.mobile-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-card-actions .tile-action{width:100%;height:auto;min-height:64px;display:flex;flex-direction:column;gap:6px;padding:12px;font-size:18px}.mobile-card-actions .tile-action span{font-size:12px;white-space:normal}.mobile-card-actions svg{width:22px;height:22px}
.settings-dialog{box-sizing:border-box;max-width:100%}
.super-inner-row{grid-template-columns:30px 26px minmax(120px,1fr) 50px auto auto auto 36px 36px}
.settings-dialog{width:min(520px,calc(100vw - 48px));min-width:0}.settings-dialog-body{min-width:0}.mobile-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}