.first-deployment{position:fixed;left:max(10px,env(safe-area-inset-left));top:calc(max(66px,env(safe-area-inset-top)) + 72px);width:min(310px,calc(100vw - 20px));z-index:13;padding:12px 14px;border:1px solid rgba(104,228,255,.42);border-radius:14px;background:linear-gradient(145deg,rgba(6,24,48,.94),rgba(18,18,59,.92));box-shadow:0 14px 36px rgba(0,0,0,.38),inset 0 0 28px rgba(61,188,255,.08);color:#f4fbff;backdrop-filter:blur(12px)}
.first-deployment[hidden]{display:none!important}.first-deployment header{display:flex;align-items:center;justify-content:space-between;gap:10px}.first-deployment header span{color:#70e7ff;font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase}.first-deployment header b{font-size:12px;color:#d8caff}.first-deployment h3{margin:7px 0 3px;font-size:16px}.first-deployment p{margin:0;color:rgba(225,242,255,.75);font-size:12px;line-height:1.4}.first-deployment .deployment-progress{height:6px;margin-top:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.first-deployment .deployment-progress i{display:block;width:var(--progress,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#57e4ff,#a987ff,#ffe287);transition:width .22s ease}
.synergy-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 12px}.synergy-chip{padding:8px 9px;border:1px solid rgba(128,210,255,.2);border-radius:10px;background:rgba(4,16,35,.72);color:rgba(221,238,255,.65);font-size:11px}.synergy-chip b{display:block;margin-bottom:2px;color:#f5fbff;font-size:12px}.synergy-chip.active{border-color:rgba(116,238,255,.66);background:linear-gradient(145deg,rgba(15,77,111,.72),rgba(54,33,104,.72));box-shadow:inset 0 0 18px rgba(85,214,255,.1)}.synergy-chip.mastered{border-color:rgba(255,222,122,.72);box-shadow:0 0 18px rgba(255,204,84,.14)}
.card-choice-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px}.card-choice-tools small{color:rgba(221,239,255,.72)}.card-choice-tools button,.result-double-panel button{min-height:42px;padding:10px 16px;border:1px solid rgba(116,230,255,.58);border-radius:12px;background:linear-gradient(135deg,#1e9ed1,#6850df);color:#fff;font-weight:800}.card-choice-tools button:disabled,.result-double-panel button:disabled{opacity:.48;filter:grayscale(.45)}
.result-double-panel{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:12px 0;padding:12px;border:1px solid rgba(255,214,105,.38);border-radius:14px;background:linear-gradient(135deg,rgba(67,42,103,.66),rgba(15,73,99,.68))}.result-double-panel[hidden]{display:none!important}.result-double-panel span{display:block;color:#ffe29a;font-size:11px;font-weight:900;letter-spacing:.1em}.result-double-panel b{display:block;margin-top:3px;font-size:16px}.result-double-panel small{display:block;margin-top:3px;color:rgba(224,239,255,.72)}
.wishlist-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end;margin:14px 0 18px;padding:13px;border:1px solid rgba(111,226,255,.3);border-radius:14px;background:rgba(4,17,38,.72)}.wishlist-panel label{display:grid;gap:5px;color:rgba(218,239,255,.72);font-size:11px;font-weight:800}.wishlist-panel select{width:100%;min-height:42px;padding:8px 10px;border:1px solid rgba(113,219,255,.42);border-radius:10px;background:#07162c;color:#f5fbff}.wishlist-pity{display:grid;gap:6px}.wishlist-pity span{display:flex;justify-content:space-between;gap:8px;color:rgba(221,240,255,.75);font-size:11px}.wishlist-pity div{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.wishlist-pity i{display:block;width:var(--pity,0%);height:100%;background:linear-gradient(90deg,#65e9ff,#b38aff,#ffdf79)}
.fragment-wishlist-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,1fr) minmax(190px,1fr);gap:10px 14px;align-items:center;margin:0 0 18px;padding:14px;border:1px solid rgba(116,226,255,.34);border-radius:15px;background:linear-gradient(145deg,rgba(8,36,62,.88),rgba(37,26,81,.8));box-shadow:inset 0 0 24px rgba(91,204,255,.06)}.fragment-wishlist-copy{display:grid;gap:4px}.fragment-wishlist-copy strong{color:#f5fbff;font-size:14px}.fragment-wishlist-copy small{color:rgba(220,239,255,.7);font-size:11px;line-height:1.45}.fragment-wishlist-panel select{width:100%;min-height:43px;padding:8px 11px;border:1px solid rgba(112,225,255,.5);border-radius:11px;background:#06152c;color:#f5fbff;font-weight:700}.fragment-pity-line{grid-column:1/-1;display:grid;gap:6px}.fragment-pity-line span{color:rgba(224,241,255,.78);font-size:11px}.fragment-pity-line i{display:block;width:100%;height:7px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,#60e9ff 0 var(--progress,0%),rgba(255,255,255,.1) var(--progress,0%) 100%)}
@media(max-width:760px){.first-deployment{top:calc(max(58px,env(safe-area-inset-top)) + 48px);width:min(255px,calc(100vw - 20px));padding:9px 10px;transform:scale(.86);transform-origin:top left}.synergy-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.wishlist-panel,.result-double-panel{grid-template-columns:1fr}}
@media(max-width:760px){.fragment-wishlist-panel{grid-template-columns:1fr;padding:11px}.fragment-pity-line{grid-column:1}}
.first-deployment.completed{top:auto;bottom:max(84px,calc(env(safe-area-inset-bottom) + 76px));width:min(248px,calc(100vw - 20px));padding:8px 10px;border-color:rgba(91,238,190,.38);background:rgba(5,31,42,.88)}.first-deployment.completed header{display:none}.first-deployment.completed h3{margin:0;color:#7af0c2;font-size:12px}.first-deployment.completed p{margin-top:2px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.first-deployment.completed .deployment-progress{display:none}@media(max-width:760px){.first-deployment.completed{top:auto;bottom:max(74px,calc(env(safe-area-inset-bottom) + 68px));transform:none;width:min(220px,calc(100vw - 20px))}}