/* V20.8 mobile UI consolidation. One final responsive layer; gameplay logic unchanged. */
:root{--v208-safe-bottom:env(safe-area-inset-bottom,0px);--v208-nav-h:68px;}
#v208MobileNav,#v208MoreOverlay,#v208MoreSheet{display:none;}
@media(max-width:760px){
  html{background:#080d14;}
  body.v208-mobile-ui{min-width:0!important;overflow-x:hidden!important;background:linear-gradient(180deg,#0d1621 0,#080d14 52%,#070b11 100%);}
  body.v208-mobile-ui{overflow-x:hidden!important;}
  body.v208-mobile-ui .app{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;overflow-x:clip!important;overflow-y:visible!important;}
  body.v208-mobile-ui .header{position:sticky!important;top:0;z-index:120;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;margin:0 0 8px!important;padding:9px 10px 8px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;background:rgba(12,20,31,.94)!important;box-shadow:0 6px 20px rgba(0,0,0,.28)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
  body.v208-mobile-ui .header h1{margin:0!important;font-size:15px!important;line-height:1.25!important;letter-spacing:-.025em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body.v208-mobile-ui .header p{display:none!important;}
  body.v208-mobile-ui .resource-bar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important;}
  body.v208-mobile-ui .resource{min-width:0!important;min-height:42px!important;padding:5px 3px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:9px!important;background:rgba(255,255,255,.035)!important;text-align:center!important;}
  body.v208-mobile-ui .resource strong{display:block!important;font-size:12px!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body.v208-mobile-ui .resource span{display:block!important;margin-top:3px!important;font-size:8px!important;line-height:1!important;color:#8492a4!important;white-space:nowrap;}
  body.v208-mobile-ui .tabs{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
  body.v208-mobile-ui #v1871MobileNav,body.v208-mobile-ui #v1871MoreBackdrop,body.v208-mobile-ui #v1871MoreSheet{display:none!important;visibility:hidden!important;pointer-events:none!important;}
  body.v208-mobile-ui .screen{min-width:0!important;padding:0!important;overflow:visible!important;}
  body.v208-mobile-ui .screen.active{display:block!important;}
  body.v208-mobile-ui .panel{min-width:0!important;margin:0 0 8px!important;border-radius:14px!important;border-color:rgba(255,255,255,.09)!important;background:linear-gradient(180deg,rgba(24,34,47,.98),rgba(12,19,28,.98))!important;box-shadow:0 5px 16px rgba(0,0,0,.18)!important;overflow:hidden;}
  body.v208-mobile-ui .panel>.panel-title{display:flex!important;align-items:center!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.025)!important;line-height:1.2!important;letter-spacing:-.01em!important;}
  body.v208-mobile-ui .panel>.panel-body{min-width:0!important;padding:8px!important;}
  body.v208-mobile-ui .notice,body.v208-mobile-ui [class*="-note"],body.v208-mobile-ui [class*="-alert"]{border-radius:9px!important;font-size:10px!important;line-height:1.5!important;}
  body.v208-mobile-ui button,body.v208-mobile-ui .small-btn,body.v208-mobile-ui .action-btn,body.v208-mobile-ui .gacha-btn{min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
  body.v208-mobile-ui input,body.v208-mobile-ui select,body.v208-mobile-ui textarea{min-height:43px!important;max-width:100%!important;font-size:16px!important;}
  body.v208-mobile-ui textarea{min-height:84px!important;}
  body.v208-mobile-ui .filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0 0 8px!important;}
  body.v208-mobile-ui .filters>*{width:100%!important;min-width:0!important;margin:0!important;}
  body.v208-mobile-ui .filters input[type="text"],body.v208-mobile-ui .filters input:not([type]){grid-column:1/-1;}
  body.v208-mobile-ui .collection-layout,body.v208-mobile-ui .gacha-layout,body.v208-mobile-ui .order-layout,body.v208-mobile-ui .management-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;}
  body.v208-mobile-ui .collection-detail{position:fixed!important;z-index:22990!important;left:5px!important;right:5px!important;bottom:calc(var(--v208-nav-h) + var(--v208-safe-bottom) + 4px)!important;max-height:76dvh!important;margin:0!important;border-radius:18px 18px 12px 12px!important;transform:translateY(115%);transition:transform .24s ease;overflow:auto!important;overscroll-behavior:contain;}
  body.v208-mobile-ui .collection-detail.open,body.v208-mobile-ui .collection-detail.v1871-open{transform:translateY(0);}
  body.v208-mobile-ui .card-grid,body.v208-mobile-ui #collectionGrid,body.v208-mobile-ui #dexGrid,body.v208-mobile-ui .pull-results{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:start!important;}
  body.v208-mobile-ui .card-grid>* ,body.v208-mobile-ui #collectionGrid>* ,body.v208-mobile-ui #dexGrid>*{min-width:0!important;max-width:100%!important;margin:0!important;}
  body.v208-mobile-ui .card-grid .dynamic-card,body.v208-mobile-ui .card-grid .v138-card,body.v208-mobile-ui .card-grid .v10c-card,body.v208-mobile-ui .card-grid .v1838-card,
  body.v208-mobile-ui #collectionGrid .dynamic-card,body.v208-mobile-ui #collectionGrid .v138-card,body.v208-mobile-ui #collectionGrid .v10c-card,body.v208-mobile-ui #collectionGrid .v1838-card{width:100%!important;min-width:0!important;max-width:100%!important;}
  body.v208-mobile-ui .gacha-box{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  body.v208-mobile-ui .gacha-box .gacha-banner,body.v208-mobile-ui .gacha-box .notice{grid-column:1/-1;}
  body.v208-mobile-ui .gacha-box .gacha-btn:last-child{grid-column:1/-1;}
  body.v208-mobile-ui .v190-hero,body.v208-mobile-ui .v200-hero{padding:12px!important;border-radius:14px!important;}
  body.v208-mobile-ui .v190-hero h2,body.v208-mobile-ui .v200-hero h2{font-size:18px!important;}
  body.v208-mobile-ui .v190-grid,body.v208-mobile-ui .v190-awards,body.v208-mobile-ui .v190-reward-grid,body.v208-mobile-ui .v200-grid,body.v208-mobile-ui .v200-grid.three,body.v208-mobile-ui .v200-grid.four{grid-template-columns:1fr!important;}
  body.v208-mobile-ui .v200-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.v208-mobile-ui .v190-nav,body.v208-mobile-ui .v200-actions,body.v208-mobile-ui [class*="-actions"]{scrollbar-width:none;}
  body.v208-mobile-ui .v190-nav::-webkit-scrollbar,body.v208-mobile-ui .v200-actions::-webkit-scrollbar,body.v208-mobile-ui [class*="-actions"]::-webkit-scrollbar{display:none;}
  body.v208-mobile-ui .v190-table-wrap,body.v208-mobile-ui .v200-table-wrap,body.v208-mobile-ui .table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;}
  body.v208-mobile-ui table{font-size:10px!important;}
  body.v208-mobile-ui th,body.v208-mobile-ui td{padding:7px 6px!important;}
  body.v208-mobile-ui #v1873ScreenHead .v1873-head-actions{display:none!important;}
  body.v208-mobile-ui #skills .v1850-skill-top,body.v208-mobile-ui #study .v1850-head{display:grid!important;gap:6px!important;padding:0!important;scroll-snap-type:none!important;}
  body.v208-mobile-ui #skills .v1850-skill-top .v1850-summary,body.v208-mobile-ui #study .v1850-head .v1850-summary{min-width:0!important;flex:auto!important;min-height:70px!important;padding:8px!important;}
  body.v208-mobile-ui #skills .panel-body,body.v208-mobile-ui #study .panel-body,body.v208-mobile-ui #enhancement .panel-body,body.v208-mobile-ui #condition .panel-body,body.v208-mobile-ui #practice .panel-body{padding:7px!important;}
  body.v208-mobile-ui [class*="skill-board"],body.v208-mobile-ui [class*="skill-grid"],body.v208-mobile-ui .v1850-skill-board{max-width:280px!important;margin-left:auto!important;margin-right:auto!important;}
  body.v208-mobile-ui [class*="study-grid"],body.v208-mobile-ui [class*="skill-list"],body.v208-mobile-ui [class*="recycle-grid"]{grid-template-columns:1fr!important;}
  body.v208-mobile-ui .v1844-upgrade-item{grid-template-columns:clamp(124px,34vw,140px) minmax(0,1fr)!important;gap:9px!important;}
  body.v208-mobile-ui .v1844-preview{width:100%!important;min-width:0!important;}
  body.v208-mobile-ui .v1844-preview .dynamic-card,body.v208-mobile-ui .v1844-preview .v138-card,body.v208-mobile-ui .v1844-preview .v10c-card,body.v208-mobile-ui .v1844-preview .v1838-card,body.v208-mobile-ui .v1844-preview .pmc-card-frame{width:100%!important;min-width:0!important;max-width:140px!important;}
  body.v208-mobile-ui .v200-result{grid-template-columns:44px minmax(0,1fr) 38px minmax(0,1fr)!important;gap:5px!important;padding:7px!important;}
  body.v208-mobile-ui .v190-history-row{grid-template-columns:76px minmax(0,1fr)!important;}
  body.v208-mobile-ui .modal,body.v208-mobile-ui [role="dialog"],body.v208-mobile-ui #v1850Modal,body.v208-mobile-ui [class*="modal-card"]{max-width:none!important;}
  body.v208-mobile-ui #v1850Modal,body.v208-mobile-ui .modal-overlay{padding:8px!important;align-items:flex-end!important;}
  body.v208-mobile-ui #v1850Modal>*,body.v208-mobile-ui .modal-overlay>*{max-height:90dvh!important;border-radius:18px 18px 10px 10px!important;overflow:auto!important;}
  #v208MobileNav{position:fixed;z-index:21000;left:7px;right:7px;bottom:calc(6px + var(--v208-safe-bottom));height:var(--v208-nav-h);border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(12,20,30,.96);box-shadow:0 10px 34px rgba(0,0,0,.46);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
  #v208MobileNav button{position:relative;display:grid;place-content:center;gap:3px;min-width:0;min-height:54px;border:0;border-radius:13px;background:transparent;color:#8997a8;font-weight:900;line-height:1;}
  #v208MobileNav button i{font-style:normal;line-height:1;}
  #v208MobileNav button.active{background:linear-gradient(180deg,rgba(222,53,77,.28),rgba(117,19,35,.34));color:#fff;border:1px solid rgba(255,111,132,.26);}
  #v208MobileNav button.active i{filter:drop-shadow(0 0 7px rgba(255,84,111,.5));}
  #v208MoreOverlay{position:fixed;z-index:21980;inset:0;display:none;background:rgba(0,0,0,.58);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
  #v208MoreOverlay.open{display:block;}
  #v208MoreSheet{position:fixed;z-index:21990;left:7px;right:7px;bottom:calc(6px + var(--v208-safe-bottom));display:block;max-height:78dvh;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(180deg,#182432,#0d151f);box-shadow:0 -16px 48px rgba(0,0,0,.5);transform:translateY(calc(100% + 24px));transition:transform .24s ease;overflow:auto;overscroll-behavior:contain;}
  #v208MoreSheet.open{transform:translateY(0);}
  #v208MoreSheet .v208-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;}
  #v208MoreSheet .v208-sheet-head strong{font-size:15px;color:#fff;}
  #v208MoreSheet .v208-sheet-head button{width:42px;min-height:42px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.05);color:#fff;font-size:20px;}
  #v208MoreSheet .v208-group{margin-top:12px;}
  #v208MoreSheet .v208-group:first-of-type{margin-top:0;}
  #v208MoreSheet .v208-group-title{margin:0 0 6px;color:#7f8fa3;font-size:9px;font-weight:1000;letter-spacing:.08em;}
  #v208MoreSheet .v208-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
  #v208MoreSheet .v208-menu-grid button{display:grid;place-items:center;gap:5px;min-width:0;min-height:70px;padding:7px 3px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035);color:#dbe4ee;font-size:9px;font-weight:900;}
  #v208MoreSheet .v208-menu-grid button i{font-style:normal;font-size:21px;line-height:1;}
  #v208MoreSheet .v208-menu-grid button.active{border-color:rgba(255,103,127,.38);background:rgba(162,32,53,.22);color:#fff;}
  body.v208-mobile-ui #v1871DetailBackdrop{z-index:22980!important;}
  body.v208-sheet-open{overflow:hidden!important;}
}
@media(max-width:380px){
  body.v208-mobile-ui .resource-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #v208MoreSheet .v208-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(min-width:761px){#v208MobileNav,#v208MoreOverlay,#v208MoreSheet{display:none!important;}}