#command-deck .deck-shortcut.events{overflow:visible}
#deck-event-list{position:fixed;z-index:1000;left:12px;top:12px;width:min(204px,calc(100vw - 24px));padding:7px;border:1px solid #8dbbd2;border-radius:12px;background:linear-gradient(145deg,#253e57f5,#091625f8 65%);box-shadow:inset 0 1px #fff7,0 13px 28px #000c,0 0 15px #35c8f544;transform-origin:top center;animation:first-token-unfold .22s ease-out}
#deck-event-list[hidden],.first-token-overlay[hidden]{display:none!important}
#deck-event-list::before{content:"";position:absolute;top:-6px;left:var(--event-arrow-left,50%);width:10px;height:10px;transform:rotate(45deg);border-top:1px solid #8dbbd2;border-left:1px solid #8dbbd2;background:#253e57}
.deck-event-entry{position:relative;width:100%;display:flex;align-items:center;gap:8px;padding:6px;border:1px solid #5db7d177;border-radius:8px;background:linear-gradient(120deg,#16405b,#0a1b2c);color:#eefdff;text-align:left;cursor:pointer}
.deck-event-entry:hover,.deck-event-entry:focus-visible{border-color:#a4e9ff;background:linear-gradient(120deg,#205779,#0b2944);outline:none}
.deck-event-entry img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 5px #51d9ff88)}
.deck-event-entry[data-event-id="arena"] img{filter:drop-shadow(0 0 5px #ffd27eaa)}
.deck-event-entry span{display:grid;gap:2px;min-width:0}.deck-event-entry b{font-size:11px;white-space:nowrap}.deck-event-entry small{font-size:8px;color:#9bc6db}.deck-event-entry i{margin-left:auto;font-size:20px;font-style:normal;color:#8ce7ff}.deck-event-entry.claimed::after{content:"완료";position:absolute;right:21px;top:5px;font-size:7px;color:#ffe7a1}
.first-token-overlay{position:fixed;inset:0;z-index:13020;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at center,#173b6266,#030812e8 60%);backdrop-filter:blur(7px)}
.first-token-dialog{position:relative;width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:18px;border:1px solid #9eddf0;border-radius:16px;background:radial-gradient(ellipse at 50% -10%,#245882 0,transparent 55%),linear-gradient(160deg,#172b42,#071421 70%);box-shadow:inset 0 1px #fff8,inset 0 0 0 3px #071423,0 0 26px #54d6ff55,0 24px 65px #000d;color:#f4fbff;animation:first-token-arrive .24s ease-out}
.first-token-dialog::before{content:"";position:absolute;inset:6px;border:1px solid #aeefff24;border-radius:11px;pointer-events:none}
.first-token-dialog header{position:relative;display:flex;justify-content:space-between;align-items:start;padding-bottom:11px;border-bottom:1px solid #81ccea55}.first-token-dialog header small{font-size:8px;font-weight:900;letter-spacing:.18em;color:#78e0fa}.first-token-dialog h2{margin:2px 0 0;font-size:21px;letter-spacing:.04em}.first-token-close{width:30px;height:30px;border:1px solid #77abc2;border-radius:8px;background:#0c2235;color:#e9faff;font-size:22px;line-height:1;cursor:pointer}
.first-token-feature{position:relative;margin:13px 0 11px;padding:9px;border:1px solid #638eaf;border-radius:12px;background:radial-gradient(ellipse at center,#1d5077,#081625 72%);box-shadow:inset 0 1px #c7f4ff44}.first-token-ship{position:relative;height:145px;display:grid;place-items:center}.first-token-ship>img{max-width:90%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 13px #000b)}.first-token-zoom{position:absolute;right:7px;bottom:4px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #a9e9f1;border-radius:50%;background:#092234dd;color:#eaffff;font-size:26px;line-height:1;cursor:pointer}.first-token-zoom:hover{background:#1d6481;box-shadow:0 0 10px #73ecff}.first-token-ship-name{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px 8px 1px;border-top:1px solid #a4e7ff33}.first-token-ship-name b{font-size:12px}.first-token-ship-name span{font-size:9px;color:#ffd77b}
.first-token-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.first-token-reward{min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 3px;border:1px solid #567c99;border-radius:9px;background:linear-gradient(145deg,#243f52,#0b1929);box-shadow:inset 0 1px #ffffff34}.first-token-reward img{width:55px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 5px #0008)}.first-token-reward b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.first-token-reward strong{font-size:12px;color:#a3ebff}
.first-token-status{min-height:17px;margin:10px 2px 7px;color:#add6e8;font-size:10px;text-align:center}.first-token-buy{position:relative;width:100%;min-height:44px;display:flex;justify-content:center;align-items:center;gap:14px;border:1px solid #ffe7a2;border-radius:9px;background:linear-gradient(180deg,#b68b40,#52391c 55%,#2d2118);box-shadow:inset 0 1px #fff5bdad,0 5px 15px #0008;color:#fff6d5;font-size:14px;font-weight:900;cursor:pointer}.first-token-buy:hover:not(:disabled){filter:brightness(1.18)}.first-token-buy:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 8px #201200}.first-token-buy:disabled{opacity:.58;cursor:default}.first-token-price{display:flex;align-items:center;gap:4px;font-size:12px}.first-token-price img{width:23px;height:23px;object-fit:contain}
@keyframes first-token-unfold{from{opacity:0;transform:scaleY(.55) translateY(-8px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes first-token-arrive{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:390px){.first-token-dialog{padding:13px}.first-token-ship{height:124px}.first-token-reward img{width:45px;height:45px}}
.first-token-dialog{border-color:#d6bd78;border-radius:12px;background:radial-gradient(ellipse at 50% -10%,#3f7294 0,transparent 56%),linear-gradient(145deg,#253c51 0%,#111e2b 28%,#07131f 74%,#172739 100%);box-shadow:inset 0 1px #fff9,inset 0 0 0 3px #071321,0 0 0 1px #775f36,0 0 30px #58dcff5c,0 22px 75px #000e}
.first-token-dialog::before{inset:7px;border-color:#e8cb813f;border-radius:7px}.first-token-dialog::after{content:"";position:absolute;left:9%;right:9%;top:0;height:1px;background:linear-gradient(90deg,transparent,#fff5c7,transparent);box-shadow:0 0 12px #79eaff;pointer-events:none}
.first-token-dialog header{border-bottom-color:#d3b86955}.first-token-dialog header small{text-shadow:0 0 10px #44dfff}.first-token-dialog h2{text-shadow:0 2px 0 #101722,0 0 14px #71dfff77}
.first-token-feature{margin:12px 0 10px;padding:8px;border-color:#b79c5b;background:radial-gradient(ellipse at center,#245b7c,#0a1725 74%);box-shadow:inset 0 1px #fff8,inset 0 0 0 2px #101e2b,0 0 15px #34caff22}
.first-token-ship{height:132px;overflow:hidden}.first-token-ship>img{width:auto;max-width:72%;max-height:82%;transform:scale(.92);filter:drop-shadow(0 7px 9px #000c) drop-shadow(0 0 7px #63dbff55)}
.first-token-zoom{right:8px;bottom:2px;width:28px;height:28px;border-color:#e6cf83;background:linear-gradient(145deg,#24506a,#091a29);box-shadow:inset 0 1px #fff8,0 0 10px #55d8ff55}.first-token-ship-name{border-top-color:#e3c97655}
.first-token-reward{border-color:#7fa1b2;background:linear-gradient(145deg,#314b5d,#0a1724 75%);box-shadow:inset 0 1px #fff6,0 3px 8px #0007}.first-token-reward strong{text-shadow:0 0 8px #58dfff77}
.first-token-buy{border-color:#ffe7a1;background:linear-gradient(180deg,#f1d58a 0%,#aa7732 22%,#68431f 58%,#34251a 100%);box-shadow:inset 0 1px #fffbd8,inset 0 -2px #120f0b,0 0 0 2px #32271a,0 0 16px #e0a94555,0 6px 15px #0009;text-shadow:0 1px 2px #241605;letter-spacing:.04em}
.first-token-shortage{position:fixed;inset:0;z-index:13030;display:grid;place-items:center;padding:16px;background:#0208138c;backdrop-filter:blur(3px)}.first-token-shortage[hidden]{display:none!important}.first-token-shortage section{width:min(290px,100%);display:grid;justify-items:center;gap:8px;padding:19px 17px 15px;border:1px solid #e5cb82;border-radius:12px;background:radial-gradient(ellipse at 50% 0,#34536a,#101b27 70%);box-shadow:inset 0 1px #fff8,0 0 24px #f1c45a55,0 16px 42px #000d;color:#fff4d0;text-align:center;animation:first-token-arrive .18s ease-out}.first-token-shortage-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffe5a0;border-radius:50%;background:linear-gradient(#f3d78b,#98692e);color:#38250e;font-weight:1000;font-size:19px;box-shadow:0 0 13px #f4c35b66}.first-token-shortage b{font-size:14px}.first-token-shortage small{color:#c6d8df;font-size:10px}.first-token-shortage button{margin-top:3px;padding:8px 15px;border:1px solid #91e8f6;border-radius:7px;background:linear-gradient(#1c6079,#103043);box-shadow:inset 0 1px #fff7,0 0 12px #4adfff55;color:#e8fcff;font-size:12px;font-weight:900;cursor:pointer}.first-token-shortage button:hover{filter:brightness(1.2)}
.first-token-dialog{transform:scale(.72)}
.first-token-buy{overflow:hidden}
.first-token-buy::after{content:"";position:absolute;top:-60%;bottom:-60%;left:-50%;width:28%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,#fff3bf22 25%,#fffbd8ba 50%,#fff3bf22 76%,transparent);filter:blur(1px);animation:first-token-button-glint 3.4s ease-in-out infinite;pointer-events:none}
@keyframes first-token-button-glint{0%,15%{left:-45%;opacity:0}28%{opacity:1}68%{left:125%;opacity:.8}78%,100%{left:125%;opacity:0}}
@media(max-width:520px){.first-token-dialog{transform:scale(.82)}}
@media(prefers-reduced-motion:reduce){.first-token-buy::after{animation:none}}

.first-token-dialog{width:min(374px,100%);border:5px solid transparent;border-radius:15px;background:radial-gradient(ellipse at 50% -10%,#3f7294 0,transparent 56%) padding-box,linear-gradient(145deg,#253c51 0%,#111e2b 28%,#07131f 74%,#172739 100%) padding-box,linear-gradient(135deg,#fff4b2 0%,#8e6723 9%,#f4d77e 17%,#745019 28%,#fff0aa 41%,#87601c 53%,#e6c15c 67%,#674716 80%,#ffe995 93%,#8b6727 100%) border-box;box-shadow:inset 0 1px #fff9,inset 0 0 0 3px #071321,inset 0 0 22px #e4c36d1c,0 0 0 2px #533a12,0 0 0 4px #d2ae56,0 0 0 6px #493413,0 0 23px #d7ad4d55,0 22px 75px #000e}
.first-token-dialog::before{inset:4px;border:1px solid #fff0ae88;border-radius:8px;box-shadow:inset 0 0 0 2px #6c4e1e,inset 0 0 0 4px #e1c46d66}
.first-token-dialog::after{left:8%;right:8%;height:3px;background:linear-gradient(90deg,transparent,#fff7c8 18%,#fff 48%,#f4d66d 76%,transparent);box-shadow:0 0 9px #ffe58a}
.first-token-title-row{display:flex;align-items:center;gap:8px}.first-token-title-row h2{white-space:nowrap}.first-token-limit{flex:none;padding:4px 7px;border:1px solid #ffe293;border-radius:5px;background:linear-gradient(145deg,#fff0aa,#ba822c 48%,#654116);box-shadow:inset 0 1px #fff9d9,0 0 9px #e9b84a66;color:#392409;font-size:8px;font-weight:1000;letter-spacing:.02em;text-shadow:0 1px #fff5c7}
.first-token-ssr-badge{position:absolute;left:7px;top:6px;padding:3px 7px;border:1px solid #ffe89a;border-radius:5px;background:linear-gradient(145deg,#fff4b8,#d49a39 48%,#77501c);box-shadow:inset 0 1px #fffbd8,0 0 10px #ffd75b88;color:#40290c;font-size:10px;font-weight:1000;letter-spacing:.08em;text-shadow:0 1px #fff1c4}
#command-deck .events i{width:40px;height:40px;border-radius:0;background:none;filter:none}
#command-deck .events .deck-event-active-icon{width:36px;height:36px;display:block;object-fit:contain;border-radius:0;filter:drop-shadow(0 2px 4px #0009) drop-shadow(0 0 7px #5bdfff8c)}
#command-deck .events.no-active-events .deck-event-active-icon{opacity:.38;filter:grayscale(.9)}
#deck-event-list{display:grid;gap:6px;max-height:min(42vh,280px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6e94a8 #0c1928}
.deck-event-list-heading{padding:2px 4px;color:#87dff4;font-size:9px;letter-spacing:.05em}
.deck-event-empty{margin:4px;padding:9px 6px;color:#adc4d2;font-size:9px;text-align:center}

/* 확신의 L급!!: 정밀탐색드론을 거북선처럼 크게, 구매 버튼 안에 할인가와 남은 시간을 넣는다 */
.precision-drone-ship{height:161px}
.precision-pack-dialog{min-height:428px}
.precision-drone-ship>img{max-width:62%;max-height:86%}
.precision-buy{min-height:96px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 12px}
.precision-buy:disabled{opacity:.6}
.precision-buy .pbuy-tag{display:inline-block;padding:2px 10px;border-radius:999px;background:linear-gradient(90deg,#ff4b3e,#ff9a3e);color:#fff;font-size:12px;font-weight:900;letter-spacing:.06em;box-shadow:0 0 10px #ff6a3e99}
.precision-buy .pbuy-tag-regular{background:linear-gradient(90deg,#4f7cff,#9ec4ff);box-shadow:0 0 10px #4f7cff99}
.precision-buy .pbuy-main{font-size:15px;font-weight:800;color:#fff3c4}
.precision-buy .pbuy-main em{font-style:normal;color:#ffe27a;font-size:20.4px}
.precision-buy .pbuy-main s{opacity:.7;margin-right:2px}
.precision-buy .pbuy-timer{display:flex;align-items:center;gap:8px;margin-top:2px;padding:4px 12px;border-radius:8px;background:#000a;border:1px solid #ff6a3e;box-shadow:0 0 14px #ff4b3e77,inset 0 0 8px #ff4b3e33}
.precision-buy .pbuy-timer small{font-size:11px;color:#ffd2c4;font-weight:700}
.precision-buy .pbuy-timer b{font-family:Consolas,"Courier New",monospace;font-size:22px;font-weight:900;letter-spacing:.06em;color:#ff5a48;text-shadow:0 0 8px #ff3b2e,0 0 16px #ff3b2e88;animation:pbuy-pulse 1s ease-in-out infinite}
.precision-buy .pbuy-timer:has(small:only-child){border-color:#7fb4ff;box-shadow:0 0 12px #4f7cff66}
@keyframes pbuy-pulse{0%,100%{opacity:1}50%{opacity:.55}}


/* 함교 이벤트 버튼 아래의 할인 남은 시간: 확신의 L급!! 구매 버튼의 시간 표시와 같은 디자인 */
.home-precision-timer{position:fixed;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:3px;padding:2px 3px;border:1px solid #ff6a3e;border-radius:6px;background:#000d;box-shadow:0 0 10px #ff4b3e88,inset 0 0 6px #ff4b3e33;white-space:nowrap;pointer-events:none;z-index:3}
.home-precision-timer[hidden]{display:none}
.home-precision-discount{display:inline-block;transform:rotate(-30deg);padding:1px 4px;border-radius:4px;background:linear-gradient(90deg,#ff4b3e,#ff9a3e);color:#fff;font-size:9px;font-weight:900;letter-spacing:.02em}
.home-precision-timer b{font-family:Consolas,"Courier New",monospace;font-size:11px;font-weight:900;letter-spacing:.03em;color:#ff5a48;text-shadow:0 0 6px #ff3b2e,0 0 12px #ff3b2e88;animation:pbuy-pulse 1s ease-in-out infinite}