/* Arena Core 0.5.3 — UI Alignment + Living Map + Performance Pass */
:root{
  --c053-bg:#06101b;
  --c053-bg2:#0a1625;
  --c053-panel:#0c1827;
  --c053-panel2:#101f31;
  --c053-line:#253b55;
  --c053-line2:#395570;
  --c053-text:#edf4fb;
  --c053-muted:#91a4ba;
  --c053-blue:#48a9f8;
  --c053-blue2:#246fae;
  --c053-gold:#d5a84b;
  --c053-gold2:#7b571d;
  --c053-green:#56d795;
  --c053-red:#ff6579;
  --c053-purple:#a768ff;
  --c053-shadow:0 18px 48px rgba(0,0,0,.34);
}
body{background:radial-gradient(circle at 50% -12%,rgba(38,79,123,.18),transparent 32rem),linear-gradient(180deg,#07111d,#050b12 80%);}
body:not([data-screen="arena"]) .top-hud{display:none!important}
body[data-screen="arena"] .core053-statusbar{display:none!important}
.app{width:min(100%,1440px);padding-left:18px;padding-right:18px}
.game-header{margin-bottom:0;padding:10px 0 12px}
.game-brand-mark{background:transparent;border:0;box-shadow:none;font-size:31px;width:54px;height:54px}
.game-brand-copy h1{font-size:23px;letter-spacing:.12em}
.game-brand-copy small{color:#718399}
.desktop-nav{border-radius:0;border-left:0;border-right:0;margin-left:-18px;margin-right:-18px;padding-left:24px;padding-right:24px;background:rgba(5,11,19,.96);box-shadow:0 9px 28px rgba(0,0,0,.2)}
.desktop-nav button{min-height:48px;border-radius:0;padding:10px 17px;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:12px;letter-spacing:.035em}
.desktop-nav button.active{background:linear-gradient(180deg,rgba(33,72,111,.74),rgba(12,30,49,.86));box-shadow:inset 0 -2px 0 #61b7ff}
.card{background:linear-gradient(180deg,rgba(14,28,45,.985),rgba(7,16,27,.99));border-color:#243951;border-radius:12px;box-shadow:var(--c053-shadow)}

/* Shared status strip matching the approved concepts */
.core053-statusbar{display:grid;grid-template-columns:minmax(260px,1.3fr) repeat(6,minmax(100px,.72fr));align-items:stretch;border:1px solid #243951;background:linear-gradient(180deg,#0b1726,#07111d);margin:0 0 14px;box-shadow:0 12px 30px rgba(0,0,0,.24);overflow:hidden}
.core053-status-hero{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;padding:12px 15px;border-right:1px solid #22364e}
.core053-crest{width:58px;height:58px;border:1px solid #8a6c37;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#293d55,#0b1420 68%);font-size:28px;box-shadow:inset 0 0 18px rgba(213,168,75,.18)}
.core053-crest b{position:absolute;margin-top:51px;padding:2px 7px;border-radius:6px;background:#123d69;border:1px solid #4e8dc3;font-size:11px}
.core053-status-hero strong{display:block;font-size:13px}.core053-online{color:#6ce3a3;font-size:10px;margin-left:6px}.core053-status-hero small{display:block;margin-top:5px}.core053-mini-progress{height:5px;background:#06101a;border-radius:999px;overflow:hidden;margin-top:7px}.core053-mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#d5a84b,#f2cf74)}
.core053-stat{padding:13px 11px;border-right:1px solid #1e3147;display:flex;flex-direction:column;justify-content:center;min-width:0}.core053-stat span{font-size:9px;color:#7f91a8;white-space:nowrap}.core053-stat b{display:block;margin-top:5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.core053-stat .ico{font-size:14px;margin-right:5px}

/* Global buttons: one coherent family */
.action,.ui-button,.core053-button{border-radius:7px;min-height:42px;padding:10px 18px;border:1px solid #2f5d88;background:linear-gradient(180deg,#1f527e,#123655);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 20px rgba(0,0,0,.18);font-weight:800;transition:transform .14s ease,filter .14s ease,border-color .14s ease}
.action.gold,.ui-button.gold,.core053-button.gold{border-color:#a37a2c;background:linear-gradient(180deg,#a77c2d,#634416);color:#fff6d7}
.action.green,.ui-button.green,.core053-button.green{border-color:#2f815e;background:linear-gradient(180deg,#287352,#16412f)}
.action.secondary,.ui-button.secondary,.core053-button.secondary{border-color:#364c67;background:linear-gradient(180deg,#192a40,#0d1928)}
.action.danger,.ui-button.danger,.core053-button.danger{border-color:#8b3d4c;background:linear-gradient(180deg,#713345,#3f1b27)}
.action:hover,.ui-button:hover,.core053-button:hover{filter:brightness(1.1)}
.action:active,.ui-button:active,.core053-button:active{transform:translateY(1px)}
.action:disabled,.ui-button:disabled,.core053-button:disabled{opacity:.38;filter:grayscale(.5)}

/* Inventory / character screen */
.character-screen-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:15px 18px;margin-bottom:12px}.character-screen-head h2{margin:4px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:25px}.character-screen-head p{margin:6px 0 0;color:var(--c053-muted);font-size:11px}.character-screen-currency{text-align:right}.character-screen-currency strong{font-size:18px;color:#efd17a}.character-workspace{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.65fr);gap:12px;align-items:start}.character-sheet,.character-inventory-panel{min-width:0}.character-sheet{padding:0;overflow:hidden}.character-sheet-title,.character-inventory-title{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #22374f}.character-sheet-title h3,.character-inventory-title h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.character-sheet-title span,.character-inventory-title span{color:#8194aa;font-size:9px}.character-sheet .loadout-stage{padding:12px;min-height:520px;background:radial-gradient(circle at 50% 38%,rgba(66,95,130,.16),transparent 40%),linear-gradient(180deg,#0b1624,#07101b)}
.character-sheet .hall-side{gap:7px}.character-sheet .hall-slot{min-height:52px;padding:6px;border-radius:8px;background:#0b1624;border-color:#2b4059}.character-sheet .hall-slot-icon{width:35px;height:35px;border-radius:7px;font-size:20px}.character-sheet .hall-slot-label{font-size:7px}.character-sheet .hall-slot-title{font-size:8px}.character-sheet .hall-body{min-height:420px}.character-sheet .mannequin{opacity:.74;filter:drop-shadow(0 12px 28px rgba(0,0,0,.45))}.character-sheet .hall-overlay .hall-slot{max-width:118px}.character-sheet-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#22374f;border-top:1px solid #22374f}.character-sheet-stats .metric{border:0;border-radius:0;padding:10px;background:#0a1421}.character-sheet-stats .metric strong{font-size:13px}.character-sheet-stats .metric span{font-size:8px}.character-detail-button{margin:12px;width:calc(100% - 24px)}
.character-inventory-panel{padding:0;overflow:hidden}.character-inventory-toolbar{padding:12px 14px;border-bottom:1px solid #22374f;background:#0a1523}.character-inventory-toolbar .catalog-controls{margin:0}.character-inventory-toolbar .toolbar{margin-top:9px}.character-inventory-content{padding:12px}.character-inventory-panel .item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.character-inventory-panel .item-card{padding:11px;border-radius:9px;min-width:0}.character-inventory-panel .item-title{font-size:12px}.character-inventory-panel .item-sub,.character-inventory-panel .item-family{font-size:8px}.character-inventory-panel .item-icon{width:44px;height:44px;font-size:24px}.character-inventory-panel .item-price{font-size:10px}.character-inventory-panel .item-stats,.character-inventory-panel .catalog-origin{display:none}.character-inventory-panel .item-stat-chips{max-height:54px;overflow:hidden}.character-inventory-panel .item-status{max-height:60px;overflow:hidden}.character-inventory-panel .item-actions{grid-template-columns:1fr 1fr}.character-inventory-panel .item-actions .action{padding:7px 8px;font-size:9px;min-height:32px}.character-advanced{margin-top:12px;border:1px solid #273d57;border-radius:10px;background:#09131f}.character-advanced>summary{cursor:pointer;padding:13px 15px;font-weight:850;color:#c8d5e4}.character-advanced-content{padding:0 12px 12px}.character-advanced .wardrobe-card,.character-advanced .equipment-hall{margin-top:10px}.character-advanced .equipment-hall .loadout-stage{display:none}.character-advanced .compact-slots{display:block}

/* Item modal, close to the approved concept */
#item-modal{background:rgba(2,6,11,.84);backdrop-filter:blur(4px)}
#item-modal .sheet{width:min(900px,94vw);max-height:92svh;border:1px solid #3c4f6a;background:linear-gradient(180deg,#111b2c,#090f1a);padding:20px;border-radius:16px}
#item-modal .sheet-head{padding-bottom:12px;border-bottom:1px solid #2a3e57}
#item-modal .sheet-head h2{font-family:Georgia,"Times New Roman",serif;font-size:25px;margin-top:4px}
#item-modal .modal-item-hero{grid-template-columns:140px 1fr;padding:16px;margin-top:14px;border:1px solid #314763;border-radius:13px;background:linear-gradient(135deg,#121f32,#0b1421)}
#item-modal .modal-item-art{width:124px;height:124px;border-radius:13px;font-size:61px;background:radial-gradient(circle,rgba(167,104,255,.25),rgba(21,24,41,.95) 65%);border-color:#5a417e;box-shadow:inset 0 0 34px rgba(167,104,255,.12)}
#item-modal .modal-item-family{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8798ad}
#item-modal .modal-item-damage{font-size:23px;margin-top:9px}
#item-modal .modal-item-price{color:#e4bd61;margin-top:8px}
#item-modal .detail-line{border-color:#263a53;background:#0a1421;border-radius:10px}
#item-modal .requirement-row{border-radius:8px}.modal-actions-core053{position:sticky;bottom:-20px;display:flex;gap:8px;padding:13px 0 0;margin-top:12px;background:linear-gradient(180deg,transparent,#090f1a 28%)}.modal-actions-core053 .action{flex:1}

/* Living map */
.city-map-layout{grid-template-columns:minmax(0,1.72fr) minmax(330px,.68fr)}
.city-map-canvas{min-height:760px;background-image:none!important;background-color:#07111d;isolation:isolate}
.city-map-picture{position:absolute;inset:0;z-index:0}.city-map-picture img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94) contrast(1.03) brightness(.9)}
.city-map-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(3,8,14,.06),rgba(3,8,14,.08) 58%,rgba(3,8,14,.34)),radial-gradient(circle at 50% 50%,transparent 50%,rgba(0,0,0,.22))}
.city-route-layer{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.city-route-layer polyline{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.city-route-base{stroke:rgba(219,170,70,.4);stroke-width:1.5;stroke-dasharray:2 3}.city-route-active{stroke:#5ac1ff;stroke-width:2.25;filter:drop-shadow(0 0 5px rgba(78,185,255,.72));stroke-dasharray:4 4;animation:core053RouteFlow 1.25s linear infinite}
@keyframes core053RouteFlow{to{stroke-dashoffset:-16}}
.map-hotspot{z-index:5;width:48px;height:48px;background:rgba(6,12,20,.42);border-color:rgba(221,178,83,.78);box-shadow:0 0 0 3px rgba(5,10,17,.65),0 0 18px rgba(213,168,75,.1)}
.map-hotspot:before{inset:8px;border-color:rgba(255,255,255,.38)}.map-hotspot:hover,.map-hotspot.selected{transform:scale(1.09);background:rgba(41,116,172,.42);box-shadow:0 0 0 6px rgba(75,171,235,.13),0 0 26px rgba(75,171,235,.42)}
.map-hotspot.current:after{content:"";display:none}.map-hotspot.moving-target{animation:core053TargetPulse 1.1s ease-in-out infinite}@keyframes core053TargetPulse{50%{box-shadow:0 0 0 12px rgba(72,169,248,.12),0 0 38px rgba(72,169,248,.55)}}
.city-traveler{position:absolute;z-index:7;width:38px;height:38px;left:0;top:0;transform:translate3d(0,0,0) translate3d(-50%,-50%,0);border:2px solid #f0ca71;border-radius:50%;background:radial-gradient(circle,#213b56,#07111d 72%);box-shadow:0 0 0 4px rgba(5,10,18,.7),0 0 22px rgba(240,202,113,.38);pointer-events:none}.city-traveler:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:14px;background:linear-gradient(#f0ca71,transparent);transform:translateX(-50%)}.traveler-silhouette{position:absolute;inset:0}.traveler-silhouette:before{content:"";position:absolute;left:50%;top:7px;width:9px;height:9px;border-radius:50%;background:#dfeaf4;transform:translateX(-50%)}.traveler-silhouette:after{content:"";position:absolute;left:50%;top:15px;width:13px;height:15px;border-radius:7px 7px 4px 4px;background:linear-gradient(180deg,#dfeaf4,#6e879f);transform:translateX(-50%);clip-path:polygon(50% 0,100% 25%,83% 100%,17% 100%,0 25%)}.city-traveler.moving{will-change:transform;box-shadow:0 0 0 5px rgba(5,10,18,.76),0 0 28px rgba(90,193,255,.58)}
.map-travel-status{position:absolute;z-index:6;left:50%;bottom:17px;transform:translateX(-50%);min-width:min(520px,75%);padding:10px 13px;border:1px solid #385c7b;border-radius:9px;background:rgba(5,13,23,.88);backdrop-filter:blur(8px);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;color:#cbd8e7;font-size:10px}.map-travel-status b{color:#fff}.map-travel-progress{height:4px;border-radius:999px;background:#07101a;overflow:hidden}.map-travel-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3d9ee5,#84d2ff)}
.map-detail-panel{min-height:760px}.map-detail-image{height:238px}.map-detail-copy h3{font-size:25px}.map-route-line{border-left:2px solid #55b6f2;background:#081a2c;padding:11px}.map-menu-actions .action:first-child{min-height:48px;font-size:13px}.map-location-path-label{font-size:9px;color:#8fa4bb}

/* Shop */
.shop-shell{grid-template-columns:280px minmax(430px,1fr) 320px}.shop-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:7px;margin-bottom:9px}.shop-filter-grid label{display:grid;gap:4px;color:#8193a8;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.shop-filter-grid select,.shop-filter-grid input{min-width:0}.shop-main .item-card{padding:12px;border-radius:9px;background:linear-gradient(180deg,#0f1d2d,#08131f)}.shop-main .item-top{grid-template-columns:58px minmax(0,1fr) auto}.shop-main .item-icon{width:54px;height:54px;font-size:29px}.shop-main .item-title{font-size:13px}.shop-main .item-family{font-size:8px}.shop-main .item-stats{font-size:10px}.shop-main .item-status{margin-top:7px}.shop-main .catalog-origin{display:none}.shop-sidebar,.shop-preview-panel{top:72px}.shop-preview-panel{border-color:#334a65}.shop-preview-icon{width:84px;height:84px;font-size:43px}.shop-preview-title{font-family:Georgia,"Times New Roman",serif;font-size:17px}.shop-preview-row{font-size:10px}.shop-preview-price strong{font-size:20px}

/* Skills */
#screen-skills>.card:first-child{padding:0;overflow:hidden}.skills-header-copy{padding:15px 17px}.skills-layout{grid-template-columns:330px minmax(0,1fr)}.skill-attribute-card{padding:0;overflow:hidden}.skill-attribute-card>.section-title{padding:14px 15px;margin:0!important;border-bottom:1px solid #233851}.skill-attribute-list{padding:12px;margin:0}.skill-attribute-row{grid-template-columns:minmax(0,1fr) 34px 44px 34px;padding:9px;border-radius:8px}.skill-attribute-row .stat-minus{opacity:.36}.skill-point-pool{margin:0;padding:13px 15px}.skill-panel{min-height:480px}.mastery-row{grid-template-columns:42px minmax(160px,1fr) minmax(140px,1.2fr) 70px minmax(130px,.9fr);border-radius:8px;padding:10px}.mastery-name b{font-size:12px}.mastery-track{height:7px}.mastery-level{font-size:10px}.mastery-bonus{font-size:9px}.skills-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.skills-secondary-card{padding:13px;border:1px solid #263c55;border-radius:9px;background:#091522}.skills-secondary-card b{display:block}.skills-secondary-card span{display:block;margin-top:5px;color:#91a4ba;font-size:10px;line-height:1.45}.skills-secondary-card strong{display:block;margin-top:8px;color:#68c2ff;font-size:18px}

/* Experience */
.experience-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px}.experience-sidebar{padding:0;overflow:hidden}.experience-side-tab{display:flex;align-items:center;gap:10px;width:100%;padding:14px;border:0;border-bottom:1px solid #20344c;background:#091522;color:#91a3b8;text-align:left}.experience-side-tab.active{background:linear-gradient(90deg,#173959,#0b1b2c);color:#fff;box-shadow:inset 3px 0 0 #57b5f4}.experience-legend{padding:16px}.experience-legend h4{margin:0 0 11px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.experience-legend-row{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;margin:10px 0}.experience-legend-icon{width:25px;height:25px;border-radius:7px;border:1px solid #324b68;background:#0c1a2a;display:grid;place-items:center}.experience-legend-row b{display:block;font-size:9px}.experience-legend-row small{display:block;font-size:8px;margin-top:2px}.experience-main{min-width:0}.experience-hero{padding:0;overflow:hidden}.experience-summary-top{display:grid;grid-template-columns:1.15fr .75fr .9fr;min-height:165px}.experience-current-card,.experience-next-card,.experience-reward-card{padding:18px;border-right:1px solid #243a54}.experience-current-card{display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center}.experience-level-emblem{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;border:2px solid #aa8135;background:radial-gradient(circle,#263d57,#09131f 70%);font-size:29px;box-shadow:inset 0 0 25px rgba(213,168,75,.14)}.experience-level-emblem b{position:absolute;margin-top:83px;padding:4px 10px;border:1px solid #4385b9;border-radius:7px;background:#0e3b67;font-size:13px}.experience-current-card h3{margin:4px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:20px}.experience-next-card strong{display:block;margin-top:15px;color:#efc75f;font-size:28px}.experience-reward-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.experience-reward-icon{aspect-ratio:1;border:1px solid #344d6b;border-radius:8px;background:#0b1726;display:grid;place-items:center;font-size:23px}.experience-reward-icon small{position:absolute;margin-top:42px;font-size:8px}.exp-table-shell{max-height:650px;border-radius:0;margin:0}.exp-table{min-width:900px}.exp-table th{padding:13px 9px;background:#13243a}.exp-table td{padding:12px 9px}.exp-table tr.current td{background:rgba(45,120,180,.25)}.exp-table tr.milestone td{background:rgba(161,118,34,.17)}

/* Performance */
html.arena-cool-mode .city-route-active{animation:none!important;filter:none!important;stroke-width:1.8}
html.arena-cool-mode .city-map-picture img{filter:brightness(.86) saturate(.85)}
html.arena-cool-mode .map-travel-status{backdrop-filter:none!important}
html.arena-cool-mode .city-traveler{box-shadow:0 0 0 3px rgba(5,10,18,.8)}
html.arena-balanced-mode .city-route-active{animation-duration:2s;filter:drop-shadow(0 0 3px rgba(78,185,255,.45))}
html.arena-paused .city-route-active{animation-play-state:paused!important}
.screen:not(.active){display:none!important}
.screen.active{contain:layout style}.item-list,.codex-grid,.shop-level-items{content-visibility:auto;contain-intrinsic-size:900px}.item-card,.shop-department,.mastery-row{contain:layout paint style}
@media(prefers-reduced-motion:reduce){.city-route-active{animation:none!important}.map-hotspot,.action,.ui-button,.core053-button{transition:none!important}}

@media(max-width:1180px){.core053-statusbar{grid-template-columns:minmax(250px,1.3fr) repeat(3,minmax(100px,.7fr))}.core053-stat:nth-last-child(-n+3){display:none}.character-workspace{grid-template-columns:360px minmax(0,1fr)}.shop-shell{grid-template-columns:250px minmax(0,1fr)}.shop-preview-panel{grid-column:1/-1;position:static}.shop-filter-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}}
@media(max-width:900px){.core053-statusbar{grid-template-columns:1fr repeat(2,minmax(90px,.45fr))}.core053-stat:nth-last-child(-n+4){display:none}.character-workspace,.experience-layout{grid-template-columns:1fr}.character-sheet .loadout-stage{min-height:560px}.character-inventory-panel .item-list{grid-template-columns:repeat(2,minmax(0,1fr))}.city-map-layout{grid-template-columns:1fr}.city-map-canvas{min-height:690px}.map-detail-panel{min-height:0}.skills-layout{grid-template-columns:1fr}.skill-attribute-card{position:static}.shop-shell{grid-template-columns:1fr}.shop-sidebar,.shop-preview-panel{position:static}.shop-filter-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.experience-sidebar{display:none}.experience-summary-top{grid-template-columns:1fr 1fr}.experience-reward-card{grid-column:1/-1}.experience-current-card{border-bottom:1px solid #243a54}}
@media(max-width:620px){.app{padding-left:9px;padding-right:9px}.desktop-nav{margin-left:-9px;margin-right:-9px;padding-left:10px;padding-right:10px}.core053-statusbar{grid-template-columns:1fr}.core053-stat{display:none}.core053-status-hero{border-right:0}.character-inventory-panel .item-list{grid-template-columns:1fr}.character-sheet .loadout-stage{min-height:500px}.character-sheet .hall-slot-title{display:none}.shop-filter-grid{grid-template-columns:1fr 1fr}.city-map-canvas{min-height:540px}.map-hotspot{width:40px;height:40px}.city-traveler{width:32px;height:32px}.map-travel-status{min-width:88%;grid-template-columns:1fr}.map-travel-status>span:last-child{display:none}.skills-secondary-grid{grid-template-columns:1fr}.mastery-row{grid-template-columns:38px minmax(0,1fr) 54px}.mastery-track,.mastery-bonus{grid-column:2/-1}.experience-summary-top{grid-template-columns:1fr}.experience-current-card,.experience-next-card,.experience-reward-card{border-right:0;border-bottom:1px solid #243a54}.experience-current-card{grid-template-columns:80px 1fr}.experience-level-emblem{width:74px;height:74px}.experience-level-emblem b{margin-top:67px}.modal-actions-core053{flex-wrap:wrap}.modal-actions-core053 .action{flex:1 1 42%}}

@media(min-width:700px){body>nav{display:none!important}.app{padding-bottom:24px!important}}