.archive-deck-edit{--deck-dock-height:170px}
.archive-deck-edit .archive-grid{bottom:calc(var(--deck-dock-height) + 25px)}
.deck-dock{position:absolute;left:4%;right:4%;bottom:12px;height:var(--deck-dock-height);isolation:isolate;padding:12px 23px 13px}
.deck-dock:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:20px solid transparent;border-image:url('./assets/dialog-frame-v1.webp?v=20261028-panteon153-v17') 220 fill stretch}
.deck-dock>header{height:33px;display:flex;align-items:center;gap:12px;padding:0 8px;color:#f3dfaf}
.deck-dock strong{font:700 15px/1.2 'Noto Serif KR',serif;white-space:nowrap}
.deck-dock strong b{font-family:'Noto Sans KR',sans-serif;font-size:12px;margin-left:8px;color:#e0f6ff}
.deck-dock header>small{font-size:11px;color:#c0d5df;line-height:1.3}
.deck-dock header>.seal-action{margin-left:auto;font-size:13px;min-height:32px;height:32px;padding:6px 22px;white-space:nowrap}
.deck-dock header>.deck-links-button{font-size:11px;min-height:29px;padding:5px 15px;white-space:nowrap}
.bond-dialog-entry{margin:10px 0 20px}.bond-dialog-entry h3{font:700 17px 'Noto Serif KR',serif;color:#ffe7b5;margin:0 0 7px}.bond-dialog-entry p{font-size:12px!important;margin:5px 0 8px}.bond-dialog-cards{display:flex;gap:9px;height:108px}.bond-dialog-cards .soul-card{height:100%;width:auto;aspect-ratio:2/3}
.deck-drop-row{display:flex;gap:7px;height:calc(100% - 33px);padding-top:6px}
.deck-drop-slot{position:relative;flex:1;min-width:0;container-type:size;display:flex;align-items:center;justify-content:center;transition:filter .18s,transform .18s}
.deck-drop-slot>.soul-card,.deck-empty-slot{height:min(100cqh,calc(100cqw * 1.5));width:auto;aspect-ratio:2/3;flex:0 0 auto;max-width:100%}
.deck-position{position:absolute;right:0;bottom:-3px;color:#cddce4;font:700 9px/1 'Noto Sans KR',sans-serif;text-shadow:0 1px 3px #000;pointer-events:none}
.deck-empty-slot{position:relative;display:block;padding:0;background:none!important;opacity:.5}
.deck-empty-slot:before{display:none!important}.deck-empty-slot img{width:100%;height:100%;object-fit:fill}
.archive-deck-edit .soul-card{touch-action:none;user-select:none;cursor:grab}
.deck-drag-source{opacity:.25!important}
.deck-drop-ready{filter:brightness(1.12)}
.deck-drop-hover{filter:brightness(1.5) drop-shadow(0 0 7px #83dbff);transform:translateY(-5px)}
.deck-card-ghost{width:100px!important;height:150px!important;z-index:85!important}
.archive-scene .archive-return{position:relative!important;width:auto;max-width:none;flex:0 0 auto;min-width:68px;padding:7px 17px;white-space:nowrap}
.archive-filters .archive-search input{padding-left:29px!important;padding-right:29px!important;line-height:1.3}
@media(max-height:450px) and (orientation:landscape){.archive-deck-edit{--deck-dock-height:126px}.archive-deck-edit .archive-grid{bottom:147px;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px}.archive-deck-edit .archive-item{max-width:64px}.archive-deck-edit .archive-item>p{font-size:10px;margin-top:3px}.archive-deck-edit .archive-item>p small{display:none}.deck-dock{bottom:7px;padding:3px 17px 10px}.deck-dock>header{height:29px}.deck-drop-row{height:calc(100% - 29px);padding-top:4px}.deck-dock strong{font-size:13px}.deck-dock header>small{font-size:10px}.deck-dock header>.seal-action{font-size:12px;min-height:29px;height:29px;padding:5px 19px}.deck-card-ghost{width:82px!important;height:123px!important}}
@media(max-width:600px){.deck-dock{left:2%;right:2%;padding-left:12px;padding-right:12px}.deck-drop-row{gap:4px}.deck-dock header>small{display:none}}
@media(prefers-reduced-motion:reduce){.deck-drop-slot{transition:none}}
.archive-scene .archive-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:clamp(10px,2vw,24px)}
.archive-scene .archive-grid .archive-item{width:100%;max-width:180px!important;justify-self:center}
.archive-scene .archive-grid .archive-item>p{font-size:clamp(10px,1.2vw,14px);line-height:1.4}
.deck-drop-row{container-type:size;justify-content:space-between}
.deck-drop-slot{flex:0 0 min(calc(100cqh * .69),calc((100cqw - 35px) / 8));background:url('./assets/deck-socket-v17.webp?v=20261028-panteon153-v17') center/100% 100% no-repeat;padding:0;max-height:100%;aspect-ratio:2/3}
.deck-drop-slot>.soul-card,.deck-empty-slot{height:75cqh;max-width:76cqw;max-height:75%;width:auto}
.deck-drop-slot .deck-position{right:0;left:0;bottom:1%;font-size:10px;line-height:1.2;text-align:center;color:#f5d897}
.deck-slot-snapped>.soul-card{animation:magnetic-seat .48s cubic-bezier(.2,.75,.2,1) both}
.deck-slot-snapped:after{content:'';position:absolute;inset:-35%;z-index:9;pointer-events:none;background:url('./assets/tcg-ceremony-fx-v1.webp?v=20261028-panteon153-v17') 0 0/300% 200% no-repeat;mix-blend-mode:screen;animation:deck-seat-glow .6s ease-out both}
@keyframes magnetic-seat{0%{transform:translateY(-5px) scale(1.06)}55%{transform:translateY(2px) scale(.98)}100%{transform:none}}
@keyframes deck-seat-glow{0%{opacity:0;transform:scale(.55)}25%{opacity:.7}100%{opacity:0;transform:scale(1.2)}}
.game-icon-lock{background:none!important;object-fit:contain}
.stage-lock{width:23px;height:23px;display:block;margin:0 auto}
.stage-dossier-heading .stage-lock{margin:0;width:25px;height:25px}
.stage-challenge .game-icon-lock{width:22px;height:22px}
.reference-home-stage .ref-profile{left:21.3%;top:.2%;width:19%;height:7.1%;display:flex;align-items:center;padding-left:5%;justify-content:flex-start}
.ref-profile>span{display:block;width:100%;padding:.8cqw .6cqw;background:url('./assets/panteon-logo.webp?v=20261028-panteon153-v17') left top/100% 1100% no-repeat;color:#f2e4c9;font:650 1.6cqw/1.3 'Noto Sans KR',sans-serif;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-form{display:flex;flex-direction:column;gap:12px}.profile-form label{font-size:13px;color:#f0dca9}.profile-form input{width:100%;max-width:360px;height:42px;padding:10px 27px;border:0;border-radius:0;color:#f6ecd8;background:url('./assets/ui-buttons-v1.webp?v=20261028-panteon153-v17') 4.51% 61.88%/214.83% 562.64% no-repeat;font-size:14px}.profile-form .seal-action{align-self:flex-end;min-width:150px;font-size:15px}.profile-form p{font-size:12px!important}
@media(prefers-reduced-motion:reduce){.deck-slot-snapped>.soul-card,.deck-slot-snapped:after{animation:none}.deck-slot-snapped:after{display:none}}
.deck-bond-activated>.soul-card{animation:story-bond-twinkle 1.6s ease-in-out both}
.deck-bond-activated:after{content:'';position:absolute;inset:-25%;pointer-events:none;z-index:10;background:url('./assets/tcg-ceremony-fx-v1.webp?v=20261028-panteon153-v17') 66.6667% 0/300% 200% no-repeat;mix-blend-mode:screen;animation:story-bond-rays 1.6s ease-out both}
@keyframes story-bond-twinkle{0%,100%{filter:none}25%,65%{filter:brightness(1.22) drop-shadow(0 0 7px #f7d68b)}45%{filter:brightness(1.04)}}
@keyframes story-bond-rays{0%{opacity:0;transform:scale(.65)}25%,60%{opacity:.65}100%{opacity:0;transform:scale(1.2)}}
@media(prefers-reduced-motion:reduce){.deck-bond-activated>.soul-card{animation:none}.deck-bond-activated:after{display:none}}
.profile-portrait{display:block;flex:0 0 auto;aspect-ratio:1;overflow:hidden;border-radius:50%;background:url('./assets/profile-portraits-v17.webp?v=20261028-panteon153-v17') var(--avatar-x) var(--avatar-y)/400% 300% no-repeat}
.ref-profile>.reference-profile-portrait{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4.2cqw;height:4.2cqw;max-height:100%;padding:0;background-size:400% 300%;background-position:var(--avatar-x) var(--avatar-y);background-image:url('./assets/profile-portraits-v17.webp?v=20261028-panteon153-v17')}
.painted-dialog .profile-form{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}
.profile-summary{display:flex;flex-direction:column;gap:10px;min-width:0}.profile-summary>.profile-portrait,.profile-summary #selected-profile-avatar>.profile-portrait{width:76px;height:76px;margin:auto}
.avatar-picker{margin:0;padding:0;border:0;min-width:0}.avatar-picker legend{font-size:13px;color:#efd9ac;margin:0 0 10px}
.profile-avatar-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.profile-avatar-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:3px;min-height:0!important;background:none!important}
.profile-avatar-choice:before{display:none!important}.profile-avatar-choice .profile-portrait{width:clamp(44px,8dvh,72px);height:clamp(44px,8dvh,72px)}
.profile-avatar-choice>small{font-size:10px;line-height:1.3;color:#d7e2e8;white-space:nowrap}.profile-avatar-choice[aria-pressed="true"] .profile-portrait{filter:drop-shadow(0 0 6px #e6c16c) brightness(1.12)}.profile-avatar-choice[aria-pressed="true"]>small{color:#ffe5a7}
@media(max-width:600px){.painted-dialog .profile-form{grid-template-columns:1fr;gap:18px}.profile-summary #selected-profile-avatar{display:none}.profile-avatar-choice .profile-portrait{width:55px;height:55px}}