/* A single travel-game shell for missions, data, friends and collection menus. */
.collection-screen{
 --menu-navy:#12365b;--menu-ink:#173754;--menu-muted:#526c80;--menu-mint:#10cbb0;--menu-paper:#fffaf0;
 max-width:620px;color:var(--menu-ink);background-color:#e4f3f5;background-image:linear-gradient(#edf9f5eb,#e6f4f3f0),url('https://worldruncdn.ttok.im/assets/v1/662919b44fe4d166c2e8e099f04f739afc8300ba7b7e9e84020ebd9899b72c64/tokyo-game-street.webp');background-position:center;background-size:cover;
}
.collection-screen .collection-header{padding: max(12px,env(safe-area-inset-top)) 14px 0}
.collection-screen .collection-heading{margin:0;padding:13px;gap:12px;border:1px solid #ffffff;border-radius:23px;background:var(--menu-paper);box-shadow:0 4px 0 #cadcdb,0 8px 18px #17375412}
.collection-heading>div{flex:1;min-width:0}
.collection-heading>div>span{color:var(--menu-muted);letter-spacing:1.1px;font-size:10px}
.collection-screen .collection-heading h1{margin:4px 0 5px;font-size:27px;color:var(--menu-navy);line-height:1.2}
.collection-screen .collection-heading p{font-size:12px;line-height:1.55;color:var(--menu-muted);max-width:none;margin:0}
.collection-screen .collection-back{width:44px;height:44px;border-radius:15px;background:#e4faf5;border:1px solid #b4e8db;box-shadow:0 3px 0 #a0cfc9}
.collection-screen .collection-body{padding:18px 14px 6px}
.collection-screen .collection-summary,.collection-screen .data-section,.collection-screen .data-gift{background:var(--menu-paper);border:1px solid white;border-radius:22px;box-shadow:0 4px 0 #ccdeda,0 8px 16px #1737540a}
.collection-screen .collection-summary{padding:16px}
.collection-screen .collection-tabs{margin:0 0 14px;background:#d7e9e8;border:0;border-radius:18px;padding:5px;box-shadow:none}
.collection-screen .collection-tabs button{color:var(--menu-navy);min-height:44px;font-size:13px;border-radius:14px}
.collection-screen .collection-tabs button[aria-selected=true]{color:var(--menu-navy);background:#6beed5;box-shadow:0 2px 0 #32b5a2}
.collection-screen .collection-mission{background:var(--menu-paper);border:1px solid #fff;border-radius:20px;box-shadow:0 3px 0 #ccdedb}
.collection-screen .collection-mission h3{color:var(--menu-navy);line-height:1.4}
.collection-screen .collection-action{border-radius:15px;min-height:44px;background:linear-gradient(#9cf7e0,#39d8b5);color:#103d4b;border:1px solid #b5ffeb;box-shadow:0 3px 0 #2b9d8b}
.collection-screen .data-balance-card{border:1px solid #729aa9;background:var(--menu-navy);border-radius:24px;box-shadow:0 4px 0 #092849;padding:20px;gap:16px}
.collection-screen .data-balance-card>div>strong{font-size:46px;line-height:1.15;font-variant-numeric:tabular-nums}
.collection-screen .data-balance-card>div>p{color:#c9e6ed;font-size:12px;line-height:1.5}
.collection-screen .data-balance-card dl>div{background:#21496d;color:white;border-radius:14px;padding:12px}
.collection-screen .data-balance-card dt{font-size:11px;color:#d5eaf0}
.collection-screen .data-balance-card dd{font-size:18px}
.collection-screen .data-primary{background:linear-gradient(#fff37a,#ffd443);border:1px solid #fff5a2;border-radius:18px;box-shadow:0 4px 0 #c79725;color:var(--menu-navy);min-height:52px;font-size:15px;padding:10px 14px;line-height:1.35}
.collection-screen .data-section{padding:16px;margin-top:16px}
.collection-screen .data-section>header{flex-wrap:wrap;margin-bottom:12px;gap:4px}
.collection-screen .data-section>header h2{font-size:18px;margin:0;flex-basis:100%}
.collection-screen .data-section>header span{font-size:12px;line-height:1.5}
.collection-screen .data-country{background:#eaf6f2;border:1px solid #c5ded6;border-radius:16px}
.collection-screen .data-country>b,.collection-screen .data-country>strong{color:var(--menu-navy)}
.collection-screen .data-history-row{background:#eaf5f2;border-radius:14px}
.collection-screen .data-gift{padding:14px;margin-top:16px}
.collection-screen .data-gift small{font-size:11px;line-height:1.5}
.collection-screen .store-disclosure,.collection-screen .collection-footnote{font-size:12px;line-height:1.65;color:var(--menu-muted)}
.collection-screen .collection-nav{margin:0 10px max(10px,env(safe-area-inset-bottom));padding:7px 5px;border:1px solid #82c5d2;border-radius:23px;background:var(--menu-navy);box-shadow:0 4px 0 #082747;gap:3px}
.collection-screen .collection-nav button{color:#eaf5fb;font-size:12px;min-height:60px;padding:6px 1px;border-radius:17px;justify-content:center;gap:4px;line-height:1.2}
.collection-screen .collection-nav button.selected{background:linear-gradient(#64f3d8,#12cdb3);color:#073f52;box-shadow:inset 0 1px 0 #dbfff5}
.collection-screen .collection-nav .selected:after{display:none}
.collection-screen .collection-nav .collection-icon{width:31px;height:31px}
.collection-screen .collection-notice{margin:10px 16px 16px;color:var(--menu-navy);font-size:13px;text-shadow:none;line-height:1.5}
.collection-notice:empty{min-height:0;margin:0!important}
.friends-invite-card{text-align:center}
.friends-hero{display:grid;place-items:center;height:170px;border-radius:17px;background:radial-gradient(ellipse,#b1f5df,transparent 72%)}
.friends-hero .collection-icon{width:132px;height:132px;filter:drop-shadow(0 9px 5px #17375422)}
.friends-invite-card h2{font-size:23px;line-height:1.4;margin:12px 0 24px;letter-spacing:-.5px}
.friends-invite-card .data-primary{width:100%}
.friends-info-card{display:flex;align-items:center;gap:12px;margin-top:16px}
.friends-info-card>.collection-icon{width:44px;height:44px}
.collection-screen .friends-info-card>p{margin:0;font-size:13px;line-height:1.7;color:var(--menu-muted)}
@media(max-width:370px){
 .collection-screen .collection-heading h1{font-size:24px}
 .collection-screen .collection-body{padding:16px 10px 6px}
 .collection-screen .collection-nav{margin-inline:7px}
 .collection-screen .collection-nav button{font-size:11px;min-height:56px}
 .collection-screen .data-balance-card{padding:16px}
 .collection-screen .data-gift{flex-wrap:wrap}
 .collection-screen .data-gift>button{min-height:44px;font-size:12px}
}
@media(max-height:650px){
 .collection-screen .collection-heading{padding:10px}
 .collection-screen .collection-heading h1{font-size:23px}
 .friends-hero{height:110px}.friends-hero .collection-icon{width:94px;height:94px}
 .friends-invite-card h2{font-size:20px;margin:8px 0 18px}
 .collection-screen .collection-nav button{min-height:50px}.collection-screen .collection-nav .collection-icon{width:26px;height:26px}
}

.collection-screen .collection-heading p,.collection-screen .friends-info-card>p,.friends-invite-card h2{word-break:keep-all;overflow-wrap:anywhere}

.collection-screen .collection-bubble,.collection-screen .collection-card p,.collection-screen .gold-lead p{word-break:keep-all;overflow-wrap:anywhere}

/* ── v6 메인 내비게이션 재구성 (2026-09-18) ─────────────────────────────
   연구 기반 5탭: 월드맵 · 캐릭터 · 홈(중앙 강조) · 미션 · 상점.
   기존 baked webp 내비(navigation.webp / navigation-ko.webp)를 아이콘+라벨
   기반으로 대체해 탭 구성 변경에도 정합성을 유지한다(전 로케일 공통). */
#start-panel .bottom-nav{
 background:linear-gradient(135deg,#0c517c,#0d254b 70%)!important;background-image:none!important;
 border:2px solid #76cfe9!important;border-radius:27px!important;padding:5px 6px!important;gap:3px;overflow:visible!important;
}
#start-panel .bottom-nav button{
 display:flex!important;flex-direction:column;align-items:center;justify-content:center!important;
 gap:2px!important;padding:3px 1px!important;min-height:46px;border-radius:18px;
 color:#eaf9ff;font-size:11px!important;line-height:1.1;
}
html[lang=ko] #start-panel .bottom-nav button>span,
#start-panel .bottom-nav button>span{
 position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;
 clip-path:none!important;overflow:visible!important;white-space:nowrap!important;font-weight:800;
}
html[lang=ko] #start-panel .bottom-nav .game-icon,
#start-panel .bottom-nav .game-icon,
#start-panel .bottom-nav .item-icon,
#start-panel .bottom-nav .coin-icon,
#start-panel .bottom-nav .data-icon{
 display:inline-block!important;visibility:visible!important;width:28px!important;height:28px!important;margin:0 auto!important;filter:drop-shadow(0 2px 1px #0005);
}
/* 중앙 홈: 살짝 띄워 FAB 로 강조 */
#start-panel .bottom-nav .nav-center{
 transform:translateY(-12px);min-height:60px;border-radius:22px;color:#04364a!important;
 background:linear-gradient(140deg,#adffe1,#09d5c2 60%,#04a9ba)!important;
 box-shadow:inset 0 2px 0 #fff,0 0 0 2px #91fff0,0 5px 0 #047e91,0 8px 14px #0a2d4a55;
}
#start-panel .bottom-nav .nav-center .game-icon{width:34px!important;height:34px!important}
#start-panel .bottom-nav .selected:not(.nav-center){
 background:linear-gradient(140deg,#adffe1,#09d5c2 60%,#04a9ba)!important;color:#04364a!important;
 box-shadow:inset 0 2px 0 #fff,0 0 0 1px #91fff0,0 3px 0 #047e91;
}
#start-panel .bottom-nav button+button:before{display:none!important}